.ai-ui{--ai-radius-shell:.75rem;--ai-radius-control:.5rem;--ai-radius-inner:.375rem;--ai-control-height:3rem;--ai-control-height-compact:2.25rem;--ai-icon-control-size:2.25rem;--ai-gap:.75rem;--ai-font-title:1rem;--ai-font-body:.875rem;--ai-font-label:.75rem;--ai-font-meta:.7rem;--ai-focus-ring:0 0 0 3px color-mix(in srgb,var(--wn-primary,#059669) 12%,transparent);--ai-shadow-shell:0 18px 48px color-mix(in srgb,var(--wn-text,#0f172a) 8%,transparent);--ai-shadow-popover:0 16px 40px color-mix(in srgb,var(--wn-text,#0f172a) 16%,transparent);--ai-shadow-primary:0 8px 20px color-mix(in srgb,var(--wn-primary,#059669) 20%,transparent);--ai-shadow-soft:0 8px 24px color-mix(in srgb,var(--wn-text,#0f172a) 6%,transparent);--ai-surface:var(--wn-surface,#fff);--ai-surface-strong:var(--wn-surface-strong,#fff);--ai-surface-muted:var(--wn-surface-muted,#f8fafc);--ai-border:var(--wn-border,#e5e7eb);--ai-border-strong:var(--wn-border-strong,#cbd5e1);--ai-text:var(--wn-text,#111827);--ai-text-muted:var(--wn-text-muted,#64748b);--ai-text-secondary:var(--wn-text-secondary,#475569);--ai-primary:var(--wn-primary,#059669);--ai-danger:#b91c1c;--ai-danger-soft:#ef4444;--ai-danger-bg:color-mix(in srgb,var(--ai-danger-soft) 10%,transparent);--ai-danger-border:color-mix(in srgb,var(--ai-danger-soft) 28%,var(--ai-border));--ai-warning:#92400e;--ai-warning-soft:#f59e0b;--ai-warning-bg:color-mix(in srgb,var(--ai-warning-soft) 12%,transparent);--ai-warning-border:color-mix(in srgb,var(--ai-warning-soft) 28%,var(--ai-border));color:var(--ai-text)}.dark .ai-ui{--ai-danger:#fca5a5;--ai-danger-bg:color-mix(in srgb,var(--ai-danger-soft) 16%,transparent);--ai-danger-border:color-mix(in srgb,var(--ai-danger-soft) 35%,transparent);--ai-warning:#fcd34d;--ai-warning-bg:color-mix(in srgb,var(--ai-warning-soft) 14%,transparent);--ai-warning-border:color-mix(in srgb,var(--ai-warning-soft) 32%,transparent)}.ai-spin,.ai-ui .ai-spin{animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.ai-spin,.ai-ui .ai-spin{animation:none}}.ai-elements{--shadow-xs:0 1px 2px oklch(0 0 0/.05);--shadow-sm:0 1px 3px oklch(0 0 0/.06),0 1px 2px oklch(0 0 0/.04);--shadow-md:0 4px 12px oklch(0 0 0/.08),0 2px 4px oklch(0 0 0/.04);--shadow-lg:0 12px 32px oklch(0 0 0/.12),0 4px 8px oklch(0 0 0/.06);--page:var(--wn-page-surface,oklch(.985 .001 286.376));--canvas:var(--wn-surface-muted,oklch(.961 .002 247.84));--surface:var(--wn-surface-strong,oklch(1 0 0));--field:color-mix(in srgb,var(--wn-text,#18181b) 4%,var(--wn-surface-strong,#fff));--inset:color-mix(in srgb,var(--wn-text,#18181b) 3%,var(--wn-surface-strong,#fff));--hover:color-mix(in srgb,var(--wn-text,#18181b) 5%,var(--wn-surface-strong,#fff));--hover-2:color-mix(in srgb,var(--wn-text,#18181b) 8%,var(--wn-surface-strong,#fff));--ink:var(--wn-text,oklch(.247 .006 258.361));--ink-2:var(--wn-text-secondary,oklch(.506 .01 264.477));--ink-3:var(--wn-text-muted,oklch(.695 .009 264.505));--line:var(--wn-border,oklch(.946 .003 264.542));--line-strong:var(--wn-border-strong,oklch(.912 .005 258.326));--line-soft:color-mix(in srgb,var(--wn-border,oklch(.966 .002 264.542)) 60%,transparent);--accent:var(--wn-primary,#059669);--accent-ink:var(--wn-primary-strong,#047857);--accent-tint:var(--wn-primary-soft,rgba(5,150,105,.12));--green:oklch(.603 .155 150.883);--green-tint:oklch(.958 .017 159.118);--orange:oklch(.689 .179 49.902);--orange-tint:oklch(.964 .021 67.581);--red:oklch(.621 .192 23.042);--red-tint:oklch(.956 .017 17.462);--shadow-hairline:0 0 0 1px var(--line);--shadow-btn:0 0 0 1px var(--line-strong),var(--shadow-xs);--shadow-card:0 0 0 1px var(--line),var(--shadow-sm);--shadow-raised:0 0 0 1px var(--line),var(--shadow-md);--shadow-overlay:0 0 0 1px var(--line),var(--shadow-lg);--shadow-inset-field:inset 0 1px 2px oklch(0 0 0/.12);--radius-chip:6px;--radius-control:8px;--radius-card:10px;--radius-window:14px;--ease-out-strong:cubic-bezier(.23,1,.32,1);--ease-in-out-strong:cubic-bezier(.77,0,.175,1);--ease-link:cubic-bezier(.16,1,.3,1);color:var(--ink);font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.dark .ai-elements,[data-theme=dark] .ai-elements{--green:oklch(.705 .154 153.814);--green-tint:oklch(.705 .154 153.814/.14);--orange:oklch(.746 .156 55.642);--orange-tint:oklch(.746 .156 55.642/.14);--red:oklch(.666 .18 21.433);--red-tint:oklch(.666 .18 21.433/.14);--shadow-btn:0 0 0 1px oklch(1 0 0/.1),0 1px 2px oklch(0 0 0/.3);--shadow-card:0 0 0 1px oklch(1 0 0/.11),0 1px 2px oklch(0 0 0/.2),0 2px 6px oklch(0 0 0/.2);--shadow-raised:0 0 0 1px oklch(1 0 0/.13),0 2px 10px oklch(0 0 0/.22);--shadow-overlay:0 0 0 1px oklch(1 0 0/.15),0 8px 28px oklch(0 0 0/.34);--shadow-inset-field:inset 0 1px 2px oklch(0 0 0/.4)}.ai-elements .ai-el-spinner{animation:ai-el-spin .7s linear infinite;border:1.5px solid var(--line-strong);border-radius:50%;border-top-color:var(--ink-2);display:inline-block;flex:none;height:12px;width:12px}.ai-elements .ai-el-stream-tail{filter:blur(1.6px);-webkit-mask-image:linear-gradient(90deg,oklch(0 0 0) 20%,oklch(0 0 0/.2));mask-image:linear-gradient(90deg,#000 20%,#0003)}.ai-elements .ai-el-stream-caret{animation:ai-el-caret-blink 1s step-end infinite;background:var(--ink);border-radius:1px;display:inline-block;height:1.05em;margin-left:1.5px;translate:0 -.5px;vertical-align:text-bottom;width:2px}.ai-elements .ai-el-stream-caret.is-streaming{animation:none}@keyframes ai-el-shimmer-text{0%{background-position:150%}to{background-position:-50%}}@keyframes ai-el-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ai-el-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ai-el-spin{to{transform:rotate(1turn)}}@keyframes ai-el-pop-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes ai-el-pixel-on{0%,to{opacity:.15}18%,42%{opacity:1}62%{opacity:.15}}@keyframes ai-el-caret-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.ai-elements *,.ai-elements :after,.ai-elements :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--sc-ink:#e9edf2;--sc-bg:#0e1116;--sc-panel:#141a22;--sc-panel-2:#1a2230;--sc-line:rgba(233,237,242,.12);--sc-muted:#8b93a3;--sc-accent:#4dd0e1;--sc-accent-2:#7ee08a}.sc-page{background:var(--sc-bg);color:var(--sc-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}.sc-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e1116d9;border-bottom:1px solid var(--sc-line);display:flex;gap:24px;justify-content:space-between;padding:14px clamp(16px,4vw,48px);position:sticky;top:0;z-index:50}.sc-logo,.sc-nav{align-items:center}.sc-logo{color:var(--sc-ink);display:inline-flex;font-size:19px;font-weight:900;gap:8px;letter-spacing:-.02em;text-decoration:none}.sc-logo img{height:28px;width:28px}.sc-nav nav{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.sc-nav nav a{color:var(--sc-muted);font-size:14px;font-weight:600;text-decoration:none}.sc-nav nav a.router-link-active,.sc-nav nav a:hover{color:var(--sc-ink)}.sc-nav-cta{background:var(--sc-accent)!important;border-radius:999px;color:#0e1116!important;padding:8px 16px}.sc-hero{margin:0 auto;max-width:820px;padding:clamp(56px,10vw,120px) 20px clamp(36px,6vw,72px);text-align:center}.sc-eyebrow{border:1px solid rgba(77,208,225,.4);border-radius:999px;color:var(--sc-accent);display:inline-block;font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:22px;padding:5px 12px;text-transform:uppercase}.sc-hero h1{font-size:clamp(42px,8.5vw,86px);font-weight:900;letter-spacing:-.035em;line-height:.98;margin:0 0 22px}.sc-hero h1 span{color:var(--sc-accent)}.sc-sub{color:var(--sc-muted);font-size:clamp(16px,2.2vw,19px);line-height:1.65;margin:0 auto 32px;max-width:600px}.sc-hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.sc-btn{align-items:center;border:2px solid var(--sc-line);border-radius:999px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:800;gap:8px;padding:14px 26px;text-decoration:none;transition:transform .12s ease}.sc-btn:active{transform:translateY(1px)}.sc-btn-primary{background:var(--sc-accent);border-color:var(--sc-accent);color:#0e1116}.sc-btn-ghost{background:transparent;color:var(--sc-ink)}.sc-btn-ghost:hover{background:#e9edf212}.sc-section{margin:0 auto;max-width:1180px;padding:clamp(32px,6vw,80px) 20px}.sc-article{margin:0 auto;max-width:720px;padding:56px 20px 80px}.sc-article h1{font-size:clamp(32px,5vw,50px);font-weight:900;letter-spacing:-.02em;line-height:1.05;margin:0 0 18px}.sc-article h2{font-size:clamp(22px,3vw,28px);font-weight:900;margin:40px 0 12px}.sc-article li,.sc-article p{color:#b9c0cc;font-size:16px;line-height:1.75}.sc-article p{margin:0 0 16px}.sc-article ol,.sc-article ul{margin:0 0 18px;padding-left:22px}.sc-article a{color:var(--sc-accent);font-weight:600}.sc-article .sc-cta-band{background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:16px;margin-top:44px;padding:32px;text-align:center}.sc-article .sc-cta-band h2{margin:0 0 8px}.sc-article .sc-cta-band p{color:var(--sc-muted);margin:0 0 20px}.sc-tools-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sc-tool-card{background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:16px;color:var(--sc-ink);display:block;padding:22px;text-decoration:none;transition:border-color .15s,transform .15s}.sc-tool-card:hover{border-color:var(--sc-accent);transform:translateY(-2px)}.sc-tool-card .iconify,.sc-tool-card svg{color:var(--sc-accent);height:26px;margin-bottom:12px;width:26px}.sc-tool-card h3{font-size:17px;margin:0 0 6px}.sc-tool-card p{color:var(--sc-muted);font-size:13.5px;line-height:1.55;margin:0}.sc-tool{align-items:start;display:grid;gap:20px;grid-template-columns:1fr 1fr}.sc-pane{background:var(--sc-panel);border:1px solid var(--sc-line);border-radius:18px;min-width:0;padding:20px}.sc-pane-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.sc-pane-head h3{color:var(--sc-muted);font-size:15px;font-weight:900;letter-spacing:.06em;margin:0;text-transform:uppercase}.sc-badge{background:#7ee08a1a;border:1px solid rgba(126,224,138,.3);border-radius:999px;color:var(--sc-accent-2);font-size:12px;font-weight:700;padding:4px 10px;white-space:nowrap}.sc-source-row{display:flex;gap:10px;margin-bottom:12px}.sc-upload{align-items:center;border:1px dashed var(--sc-line);border-radius:10px;color:var(--sc-muted);cursor:pointer;display:inline-flex;flex:1;font-size:13px;font-weight:600;gap:8px;min-width:0;overflow:hidden;padding:10px 14px;text-overflow:ellipsis;white-space:nowrap}.sc-upload.over{border-color:var(--sc-accent);color:var(--sc-ink)}.sc-sample{background:var(--sc-panel-2);border:1px solid var(--sc-line);border-radius:10px;color:var(--sc-ink);cursor:pointer;flex:none;font-size:13px;font-weight:700;padding:10px 14px}.sc-textarea{background:var(--sc-bg);border:1px solid var(--sc-line);border-radius:12px;color:var(--sc-ink);font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;line-height:1.6;min-height:300px;padding:14px;resize:vertical;width:100%}.sc-textarea:focus{border-color:var(--sc-accent);outline:none}.sc-textarea::-moz-placeholder{color:#4a5261}.sc-textarea::placeholder{color:#4a5261}.sc-controls{display:flex;flex-direction:column;gap:12px;margin-top:16px}.sc-controls label{align-items:center;color:var(--sc-muted);display:flex;flex-wrap:wrap;font-size:13px;font-weight:700;gap:10px}.sc-controls select,.sc-num{background:var(--sc-panel-2);border:1px solid var(--sc-line);border-radius:9px;color:var(--sc-ink);font-size:14px;font-weight:700;padding:9px 12px;width:auto}.sc-num{width:90px}.sc-unit{font-size:12px}.sc-offset{color:var(--sc-accent);font-family:ui-monospace,monospace;font-size:13px;margin-left:auto}.sc-hint{color:var(--sc-muted);font-size:12.5px;margin:0}.sc-run{align-items:center;background:var(--sc-accent);border:none;border-radius:11px;color:#0e1116;cursor:pointer;display:inline-flex;font-size:15px;font-weight:900;gap:8px;justify-content:center;padding:13px}.sc-run:hover{filter:brightness(1.08)}.sc-error{background:#ff8f8f1a;border:1px solid hsla(0,100%,78%,.35);border-radius:9px;color:#ff9d9d;font-size:13.5px;font-weight:600;margin:14px 0 0;padding:11px 13px}.sc-empty{align-items:center;color:var(--sc-muted);display:flex;font-size:14px;justify-content:center;min-height:300px;padding:20px;text-align:center}.sc-output{max-height:560px;overflow:auto}.sc-pre{color:#c4ccd9;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word}.sc-download{align-items:center;background:transparent;border:1px solid var(--sc-accent);border-radius:8px;color:var(--sc-accent);cursor:pointer;display:inline-flex;font-size:13px;font-weight:800;gap:6px;padding:8px 14px}.sc-download:hover{background:#4dd0e11a}.sc-editor{flex-direction:column;max-height:620px;overflow-y:auto;padding-right:4px}.sc-cue,.sc-editor{display:flex;gap:10px}.sc-cue{align-items:flex-start;background:var(--sc-panel-2);border:1px solid var(--sc-line);border-radius:10px;padding:10px}.sc-cue-n{align-items:center;background:var(--sc-bg);border-radius:7px;color:var(--sc-muted);display:inline-flex;flex:none;font-size:11px;font-weight:800;height:26px;justify-content:center;margin-top:4px;width:26px}.sc-cue-fields{display:flex;flex:1;flex-direction:column;gap:6px;min-width:0}.sc-cue-times{align-items:center;display:flex;gap:6px}.sc-time{background:var(--sc-bg);border:1px solid var(--sc-line);border-radius:7px;color:var(--sc-muted);flex:1;font-family:ui-monospace,monospace;font-size:11.5px;padding:6px 8px;text-align:center}.sc-time-arrow{color:var(--sc-muted);flex:none;height:14px;width:14px}.sc-cue-text{background:var(--sc-bg);border:1px solid var(--sc-line);border-radius:8px;color:var(--sc-ink);font-family:inherit;font-size:13px;line-height:1.5;padding:8px 10px;resize:vertical;width:100%}.sc-cue-text:focus{border-color:var(--sc-accent);outline:none}.sc-cue-del{background:transparent;border:1px solid var(--sc-line);border-radius:7px;color:var(--sc-muted);cursor:pointer;flex:none;padding:6px}.sc-cue-del:hover{border-color:#ff8f8f66;color:#ff9d9d}.sc-add{align-items:center;background:transparent;border:1px dashed var(--sc-line);border-radius:9px;color:var(--sc-muted);cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:6px;justify-content:center;padding:10px}.sc-add:hover{border-color:var(--sc-accent);color:var(--sc-ink)}.sc-faq{max-width:820px}.sc-faq h2{font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-.02em;margin:0 0 32px;text-align:center}.sc-faq-list{border-top:1px solid var(--sc-line)}.sc-faq-item{border-bottom:1px solid var(--sc-line)}.sc-faq-q{align-items:center;background:none;border:none;color:var(--sc-ink);cursor:pointer;display:flex;font-size:17px;font-weight:800;gap:16px;justify-content:space-between;padding:20px 4px;text-align:left;width:100%}.sc-faq-a{color:var(--sc-muted);line-height:1.7;max-width:720px;padding:0 4px 20px}.sc-footer{background:#0a0d11;border-top:1px solid var(--sc-line);padding:48px 20px 28px}.sc-footer-grid{display:grid;gap:28px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 28px;max-width:1100px}.sc-footer p{color:var(--sc-muted);font-size:14px;line-height:1.6;max-width:300px}.sc-footer h4{font-size:13px;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.sc-footer a{color:var(--sc-muted);display:block;font-size:14px;padding:4px 0;text-decoration:none}.sc-footer a:hover{color:var(--sc-ink)}.sc-copy{color:var(--sc-muted);font-size:13px;text-align:center}@media(max-width:900px){.sc-tool{grid-template-columns:1fr}.sc-footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.sc-nav nav a:not(.sc-nav-cta){display:none}.sc-footer-grid{grid-template-columns:1fr}}