.rc-hero{background:linear-gradient(180deg, var(--color-bg-raised), var(--color-bg));padding-block:var(--space-16) var(--space-10);border-bottom:1px solid var(--color-border-subtle);isolation:isolate;position:relative;overflow:hidden}.rc-orb{border-radius:var(--radius-full);filter:blur(80px);opacity:.5;pointer-events:none;z-index:0;position:absolute}.rc-orb-1{background:radial-gradient(circle,#2563eb6b,#0000 70%);width:460px;height:460px;top:-160px;left:-120px}.rc-orb-2{background:radial-gradient(circle,#05966942,#0000 70%);width:400px;height:400px;top:-80px;right:-120px}.rc-hero .container{z-index:1;position:relative}.rc-hero-inner{text-align:center;max-width:720px;margin-inline:auto}.rc-hero h1{font-size:3rem;font-weight:var(--weight-bold);letter-spacing:-.03em;margin-bottom:var(--space-3);line-height:1.05}.rc-lead{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:620px;margin-inline:auto}.sp-label{font-size:var(--text-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin:var(--space-4) 0 6px}.sp-label:first-child{margin-top:0}.rc-input{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast);width:100%}.rc-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #2563eb29}.rc-btn{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:#fff;background:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-sm);transition:background var(--transition-fast);border:none;font-family:inherit}.rc-btn:hover{background:var(--color-primary-hover)}.rc-btn:disabled{opacity:.55;cursor:default}.rc-about{max-width:720px;margin:var(--space-12) auto var(--space-8)}.rc-about h2{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-3)}.rc-about p{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-base)}.rc-about p+p{margin-top:var(--space-3)}.rc-about a{color:var(--color-primary)}.rc-cta-row{margin-top:var(--space-4)}.rc-cta-link{font-weight:var(--weight-semibold);color:var(--color-primary);text-decoration:none}.rc-cta-link:hover{text-decoration:underline}.rc-faq{border:1px solid var(--color-border);padding:0 var(--space-5);background:var(--color-bg);border-radius:14px}.rc-faq-item{border-bottom:1px solid var(--color-border-subtle)}.rc-faq-item:last-child{border-bottom:none}.rc-faq-item summary{padding:var(--space-4) 0;cursor:pointer;font-size:15px;font-weight:var(--weight-semibold);color:var(--color-text);list-style:none}.rc-faq-item summary::-webkit-details-marker{display:none}.rc-faq-item summary:hover{color:var(--color-primary)}.rc-faq-item p{padding:0 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.7}.rc-tools-links{margin-top:var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted)}.rc-tools-links a{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none}.rc-tools-links a:hover{text-decoration:underline}.ua-table-wrap{border:1px solid var(--color-border);margin-top:var(--space-4);border-radius:12px;overflow-x:auto}.ua-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);min-width:560px}.ua-table th{text-align:left;background:var(--color-bg-raised);color:var(--color-text);font-weight:var(--weight-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border);padding:10px 14px}.ua-table td{border-bottom:1px solid var(--color-border-subtle);vertical-align:top;color:var(--color-text-secondary);padding:10px 14px}.ua-table tr:last-child td{border-bottom:none}.wr-wrap{gap:var(--space-8);max-width:1080px;margin:var(--space-10) auto 0;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;display:grid}.wr-col{flex-direction:column;min-width:0;display:flex}.wr-out-col{min-width:0;position:sticky;top:88px}.wr-label-hint{font-weight:var(--weight-normal);text-transform:none;letter-spacing:0;color:var(--color-text-muted);font-size:11.5px}.wr-presets{grid-template-columns:1fr 1fr;gap:10px;display:grid}.wr-preset{text-align:left;background:var(--color-bg);border:1px solid var(--color-border-strong);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;font-family:inherit;display:flex}.wr-preset strong{font-size:13.5px;font-weight:var(--weight-semibold);color:var(--color-text)}.wr-preset span{color:var(--color-text-muted);font-size:12px;line-height:1.5}.wr-preset:hover{border-color:var(--color-primary)}.wr-preset:focus-visible{outline:none;box-shadow:0 0 0 3px #2563eb29}.wr-preset-active{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb24}.wr-toggles{flex-direction:column;gap:8px;display:flex}.wr-toggle{border:1px solid var(--color-border);background:var(--color-bg);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.wr-tg-main{cursor:pointer;flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex;position:relative}.wr-check{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.wr-switch{border-radius:var(--radius-full);background:var(--color-border-strong);width:34px;height:20px;transition:background var(--transition-fast);flex-shrink:0;margin-top:2px;position:relative}.wr-switch:after{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0f172a40}.wr-check:checked+.wr-switch{background:var(--color-primary)}.wr-check:checked+.wr-switch:after{transform:translate(14px)}.wr-check:focus-visible+.wr-switch{box-shadow:0 0 0 3px #2563eb29}.wr-tg-text{flex-direction:column;gap:2px;min-width:0;display:flex}.wr-tg-label{font-size:13.5px;font-weight:var(--weight-semibold);color:var(--color-text)}.wr-tg-lines{color:var(--color-text-muted);word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px}.wr-why{border:1px solid var(--color-border-strong);background:var(--color-bg-raised);width:20px;height:20px;color:var(--color-text-muted);font-size:11px;font-weight:var(--weight-bold);cursor:help;border-radius:50%;flex-shrink:0;margin-top:2px;padding:0;font-family:inherit;line-height:1;position:relative}.wr-why:hover,.wr-why:focus-visible{color:var(--color-primary);border-color:var(--color-primary);outline:none}.wr-why:after{content:attr(data-tip);background:var(--color-text);width:260px;max-width:72vw;color:var(--color-bg);font-size:12px;font-weight:var(--weight-normal);text-align:left;opacity:0;pointer-events:none;transition:opacity var(--transition-fast), transform var(--transition-fast);z-index:30;white-space:normal;border-radius:10px;padding:10px 12px;line-height:1.55;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 8px 24px #0f172a40}.wr-why:hover:after,.wr-why:focus-visible:after{opacity:1;transform:none}.wr-hint{color:var(--color-text-muted);margin-top:7px;font-size:12px;line-height:1.55}.wr-hint-warn{color:#92400e}.wr-warn{margin-bottom:var(--space-4);background:#dc262612;border:1px solid #dc262659;border-radius:12px;padding:12px 14px}.wr-warn strong{color:#b91c1c;margin-bottom:4px;font-size:13.5px;display:block}.wr-warn p{color:var(--color-text-secondary);margin:0;font-size:12.5px;line-height:1.55}.wr-warn-fix{font-size:12.5px;font-weight:var(--weight-semibold);color:#fff;border-radius:var(--radius-md);cursor:pointer;background:#b91c1c;border:none;margin-top:8px;padding:6px 12px;font-family:inherit}.wr-warn-fix:hover{background:#991b1b}.wr-out{border:1px solid var(--color-border);background:var(--color-bg-raised);border-radius:14px;overflow:hidden;box-shadow:0 4px 18px #0f172a0f}#wr-output{padding:var(--space-4) var(--space-5);white-space:pre;min-height:320px;max-height:520px;color:var(--color-text);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.65;overflow:auto}.wr-syn-c{color:var(--color-text-muted);font-style:italic}.wr-syn-k{color:var(--color-primary);font-weight:600}.wr-syn-v{color:var(--color-text)}.wr-actions{margin-top:var(--space-3);flex-wrap:wrap;gap:8px;display:flex}.wr-actions a.rc-btn{align-items:center;text-decoration:none;display:inline-flex}.wr-btn-ghost{background:var(--color-bg);color:var(--color-primary);border:1px solid var(--color-primary);box-shadow:none}.wr-btn-ghost:hover{background:#2563eb14}.wr-note{color:var(--color-text-muted);margin-top:10px;font-size:12px;line-height:1.55}.wr-note a{color:var(--color-primary);font-weight:var(--weight-medium);text-decoration:none}.wr-note a:hover{text-decoration:underline}.wr-methods{gap:var(--space-4);margin-top:var(--space-4);flex-direction:column;display:flex}.wr-method{border:1px solid var(--color-border);padding:var(--space-4) var(--space-5);background:var(--color-bg);border-radius:14px}.wr-method h3{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:6px}.wr-method p{font-size:var(--text-sm)}.wr-code{background:var(--color-bg-raised);border:1px solid var(--color-border-subtle);color:var(--color-text);border-radius:10px;margin:10px 0 0;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.6;overflow-x:auto}.wr-path-cell{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;font-weight:var(--weight-semibold);color:var(--color-text)}.wr-chip{border-radius:var(--radius-full);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.03em;white-space:nowrap;align-items:center;padding:3px 10px;display:inline-flex}.wr-chip-block{color:#b91c1c;background:#dc26261a}.wr-chip-open{color:#047857;background:#0596691f}.wr-chip-opt{color:#92400e;background:#d977061a}@media (width<=900px){.wr-wrap{grid-template-columns:1fr}.wr-out-col{margin-top:var(--space-6);position:static}}@media (width<=640px){.rc-hero h1{font-size:var(--text-3xl)}.wr-presets{grid-template-columns:1fr}}