@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-normal-Czevyj-6.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-normal-CJcjJNj7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-normal-DihXLNYH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-opsz-italic-DxWqP7Ku.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-opsz-italic-CGbN9UgK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-opsz-italic-lSdLDfvT.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font:"Inter Variable", "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Fraunces Variable", "Fraunces", ui-serif, Georgia, "Times New Roman", serif;--mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, monospace;--fs-xs:12px;--fs-sm:14px;--fs-md:16px;--fs-lg:18px;--fs-xl:22px;--fs-2xl:30px;--fs-hero:clamp(36px, 5vw, 58px);--radius-xs:4px;--radius-sm:8px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--content-width:1200px;--page-width:1120px;--prose-width:780px;--ease:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--t-fast:.16s var(--ease);--t:.22s var(--ease);--t-slow:.36s var(--ease-out);--veil-blur:10px;--topbar-h:60px;--sidebar-w:248px;--inspector-w:344px;--z-overlay:50;--z-modal:100;--z-toast:120;--det:#35d9f5;--on-det:#03161d}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121116;--bg-2:#16151b;--surface:#1a1920;--surface-2:#211f28;--surface-3:#2a2832;--surface-hover:#1f1d25;--border:#2a2831;--border-strong:#37343f;--border-hover:#46434f;--text:#f3f1f6;--text-2:#cfcbd8;--muted:#a8a3b4;--faint:#8f8a9c;--accent:#9d8cf5;--accent-solid:#6b52d6;--accent-solid-hover:#7660de;--accent-press:#5c44c4;--accent-text:#b8aaf8;--accent-soft:#9d8cf521;--accent-line:#9d8cf56b;--accent-glow:#7660de80;--on-accent:#fff;--focus:#b8aaf8;--cyan:#35d9f5;--cyan-text:#6be4f8;--cyan-soft:#35d9f51a;--manual:#f5a524;--manual-text:#f5a524;--manual-soft:#f5a52424;--success:#34d399;--success-soft:#34d3991f;--warning:#fbbf24;--warning-soft:#fbbf241f;--danger:#f87171;--danger-soft:#f871711f;--hairline:#ffffff0f;--shadow-sm:0 1px 2px #06050a80;--shadow:0 10px 30px -10px #06050ab3;--shadow-lg:0 28px 70px -16px #06050acc;--shadow-card:0 1px 2px #06050a59;--glow:0 12px 32px -10px var(--accent-glow);--glass:#121116bd;--glass-strong:#16151beb;--backdrop:#08070cb8;--stage-bg:#0c0b10;--checker-a:#1a1920;--checker-b:#24222b}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f6f3;--bg-2:#f0eee9;--surface:#fff;--surface-2:#f5f3ef;--surface-3:#e9e6e0;--surface-hover:#f1efea;--border:#e4e1da;--border-strong:#d3cfc6;--border-hover:#bdb8ad;--text:#18161d;--text-2:#3a3644;--muted:#5f5a6b;--faint:#6b6677;--accent:#5b45d0;--accent-solid:#5b45d0;--accent-solid-hover:#4c37bd;--accent-press:#412fa6;--accent-text:#4f3bbf;--accent-soft:#5b45d014;--accent-line:#5b45d057;--accent-glow:#5b45d04d;--on-accent:#fff;--focus:#5b45d0;--cyan:#0891b2;--cyan-text:#0e7490;--cyan-soft:#0891b217;--manual:#b7740f;--manual-text:#93600c;--manual-soft:#b7740f1a;--success:#047857;--success-soft:#04785717;--warning:#965a07;--warning-soft:#965a0717;--danger:#c9302c;--danger-soft:#c9302c14;--hairline:#28201412;--shadow-sm:0 1px 2px #2820140f;--shadow:0 10px 30px -12px #28201429;--shadow-lg:0 28px 70px -18px #2820143d;--shadow-card:0 1px 2px #2820140d, 0 4px 16px -8px #28201412;--glow:0 12px 28px -10px var(--accent-glow);--glass:#f7f6f3cc;--glass-strong:#f7f6f3f2;--backdrop:#18141e6b;--stage-bg:#e8e5df;--checker-a:#fff;--checker-b:#ebe8e2}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:var(--bg)}body{font-family:var(--font);font-size:var(--fs-md);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11", "ss03";min-height:100dvh;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.015em;color:var(--text);margin:0;font-weight:600;line-height:1.2}h1,h2{font-family:var(--font-display);letter-spacing:-.012em;font-weight:560}p{margin:0}a{color:var(--accent-text);transition:color var(--t-fast);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img,svg,canvas,video{max-width:100%;display:block}code,kbd,pre{font-family:var(--mono);font-size:.88em}::selection{background:color-mix(in srgb, var(--accent) 38%, transparent);color:var(--text)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}[data-app-route] #root[data-prerendered]{visibility:hidden}.noscript{border-bottom:1px solid var(--border);background:var(--surface-2);color:var(--text-2);font-size:var(--fs-sm);text-align:center;margin:0;padding:10px 16px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:200;border-radius:var(--radius-sm);background:var(--accent-solid);color:var(--on-accent);transition:top var(--t);padding:9px 14px;font-weight:600;position:absolute;top:-60px;left:12px}.skip-link:focus{text-decoration:none;top:10px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--border-hover)}::-webkit-scrollbar-track{background:0 0}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--border-strong) transparent;scrollbar-width:thin}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes unveil{0%{opacity:0;filter:blur(var(--veil-blur))}to{opacity:1;filter:none}}@keyframes pop{0%{opacity:0;filter:blur(4px);transform:scale(.985)}to{opacity:1;filter:none;transform:none}}@keyframes drop-down{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.spinner,.progress-indeterminate .progress-bar{animation-duration:1.6s!important;animation-iteration-count:infinite!important}}.checker{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-2);min-height:36px;color:var(--text);font-weight:500;font-size:var(--fs-sm);white-space:nowrap;transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:7px;padding:0 14px;line-height:1;display:inline-flex;position:relative;text-decoration:none!important}.btn:hover:not(:disabled){background-color:var(--surface-3);border-color:var(--border-hover)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn svg{stroke-width:1.85px;flex:none;width:16px;height:16px}.btn .spinner{border-color:color-mix(in srgb, currentColor 25%, transparent);border-top-color:currentColor}.btn-primary{background-color:var(--accent-solid);border-color:var(--accent-solid);color:var(--on-accent)}.btn-primary:hover:not(:disabled){background-color:var(--accent-solid-hover);border-color:var(--accent-solid-hover)}.btn-primary:active:not(:disabled){background-color:var(--accent-press)}.btn-ghost{box-shadow:none;color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text);border-color:#0000}.btn-danger{border-color:var(--border-strong);box-shadow:none;color:var(--danger);background:0 0}.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:color-mix(in srgb, var(--danger) 60%, transparent)}.btn-sm{min-height:32px;font-size:var(--fs-sm);gap:6px;padding:0 11px}.btn-sm svg{width:15px;height:15px}.btn-lg{min-height:46px;font-size:var(--fs-md);border-radius:var(--radius);padding:0 20px}.btn-block{width:100%}.icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-2);transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-btn[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text);border-color:var(--accent-line)}.icon-btn:disabled{opacity:.35}.icon-btn svg{stroke-width:1.85px;width:17px;height:17px}.icon-btn-sm{border-radius:7px;width:28px;height:28px}.icon-btn-sm svg{width:15px;height:15px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);position:relative}.card-pad{padding:var(--space-5)}.section-title{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-3);font-weight:600}.eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-text);align-items:center;gap:8px;margin-bottom:14px;font-weight:600;display:inline-flex}.eyebrow svg{width:14px;height:14px}.eyebrow:before{content:"";background:var(--accent);border-radius:1px;width:6px;height:6px}.eyebrow:has(svg):before{display:none}.badge{height:22px;font-size:var(--fs-xs);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:5px;padding:0 8px;font-weight:500;display:inline-flex}.badge svg{width:12px;height:12px}.badge-accent{background:var(--accent-soft);color:var(--accent-text);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.badge-violet{background:var(--manual-soft);color:var(--manual-text);border-color:#0000}.badge-success{background:var(--success-soft);color:var(--success);border-color:color-mix(in srgb, var(--success) 28%, transparent)}.badge-warning{background:var(--warning-soft);color:var(--warning);border-color:color-mix(in srgb, var(--warning) 28%, transparent)}.badge-danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb, var(--danger) 28%, transparent)}.field{gap:7px;display:grid}.field+.field{margin-top:var(--space-4)}.field-label{font-size:var(--fs-sm);color:var(--text-2);justify-content:space-between;align-items:baseline;gap:8px;font-weight:500;display:flex}.field-value{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text);font-weight:500;font-size:var(--fs-xs)}.field-hint{font-size:var(--fs-xs);color:var(--muted);line-height:1.5}.field-error{color:var(--danger)}.input,.select{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-2);width:100%;height:36px;color:var(--text);font-size:var(--fs-sm);transition:border-color var(--t-fast), box-shadow var(--t-fast), background-color var(--t-fast);padding:0 11px}.input::placeholder{color:var(--faint)}.input:hover:not(:disabled),.select:hover:not(:disabled){border-color:var(--border-hover)}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input:focus-visible,.select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent)}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 16px) 16px,calc(100% - 12px) 16px;background-repeat:no-repeat;background-size:4px 4px;padding-right:32px}.input-sm{height:32px;font-size:var(--fs-sm);padding:0 8px}.num-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.num-grid label{font-size:var(--fs-xs);color:var(--muted);gap:4px;font-weight:500;display:grid}.num-grid input{font-family:var(--mono);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.range{appearance:none;cursor:pointer;--pct:50%;background:0 0;width:100%;height:22px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) 0 var(--pct), var(--surface-3) var(--pct) 100%);border-radius:4px;height:4px}.range::-moz-range-track{background:var(--surface-3);border-radius:4px;height:4px}.range::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}.range::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--accent);width:16px;height:16px;transition:box-shadow var(--t-fast);background:#fff;border-radius:50%;margin-top:-6px;box-shadow:0 1px 4px #00000059}.range::-moz-range-thumb{border:2px solid var(--accent);width:12px;height:12px;transition:box-shadow var(--t-fast);background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000059}.range:hover:not(:disabled)::-webkit-slider-thumb{box-shadow:0 1px 4px #00000059, 0 0 0 5px var(--accent-soft)}.range:hover:not(:disabled)::-moz-range-thumb{box-shadow:0 1px 4px #00000059, 0 0 0 5px var(--accent-soft)}.range:focus-visible{outline:none}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--focus)}.range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--focus)}.range:disabled{opacity:.4;cursor:not-allowed}.switch{cursor:pointer;font-size:var(--fs-sm);color:var(--text-2);justify-content:space-between;align-items:center;gap:12px;font-weight:500;display:flex}.switch input{opacity:0;width:1px;height:1px;position:absolute}.switch-track{background:var(--surface-3);border:1px solid var(--border-strong);width:36px;height:20px;transition:background-color var(--t-fast), border-color var(--t-fast), box-shadow var(--t-fast);border-radius:20px;flex:none;position:relative}.switch-track:after{content:"";width:14px;height:14px;transition:transform var(--t-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000059}.switch:hover .switch-track{border-color:var(--border-hover)}.switch input:checked+.switch-track{background:var(--accent-solid);border-color:var(--accent)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--focus);outline-offset:2px}.switch input:disabled+.switch-track{opacity:.45}.segmented{border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border);gap:2px;padding:3px;display:flex}.segmented button{min-height:28px;color:var(--muted);font-size:var(--fs-sm);transition:background-color var(--t-fast), border-color var(--t-fast), color var(--t-fast), box-shadow var(--t-fast);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;flex:1;padding:0 8px;font-weight:500}.segmented button:hover:not(:disabled){color:var(--text)}.segmented button[aria-checked=true]{background:var(--surface-3);border-color:var(--border-strong);color:var(--text);box-shadow:0 1px 2px #00000040}[data-theme=light] .segmented button[aria-checked=true]{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-sm)}.segmented button:disabled{opacity:.4}@media (max-width:420px){.segmented button{white-space:normal;min-width:0;padding:5px 6px;line-height:1.2}}.tabs{border-bottom:1px solid var(--border);gap:4px;padding:0 6px;display:flex}.tab{height:42px;color:var(--muted);font-size:var(--fs-sm);transition:color var(--t-fast);background:0 0;border:none;align-items:center;gap:7px;padding:0 10px;font-weight:500;display:inline-flex;position:relative}.tab svg{stroke-width:1.85px;width:15px;height:15px}.tab:hover,.tab[aria-selected=true]{color:var(--text)}.tab:after{content:"";background:var(--accent);opacity:0;height:2px;transition:opacity var(--t), transform var(--t);border-radius:2px;position:absolute;bottom:-1px;left:8px;right:8px;transform:scaleX(.4)}.tab[aria-selected=true]:after{opacity:1;transform:none}.tab .count{background:var(--surface-3);min-width:18px;height:18px;color:var(--text-2);font-family:var(--mono);font-size:var(--fs-xs);text-align:center;font-variant-numeric:tabular-nums;border-radius:5px;padding:0 5px;line-height:18px}.tab[aria-selected=true] .count{background:var(--accent-soft);color:var(--accent-text)}.progress{background:var(--surface-3);border-radius:6px;height:6px;position:relative;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--accent);transition:width .18s linear;position:absolute;inset:0 auto 0 0}.progress-indeterminate .progress-bar{background:linear-gradient(90deg, transparent, var(--accent), transparent);background-size:200% 100%;animation:1.4s linear infinite shimmer;width:100%!important}.progress-meta{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;margin-top:9px;display:flex}.progress-meta>span:last-child{font-family:var(--mono);color:var(--text-2)}.stat-grid{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--border);grid-template-columns:repeat(2,1fr);gap:1px;margin-top:12px;display:grid;overflow:hidden}.stat{background:var(--bg-2);padding:9px 11px}.stat dt{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.stat dd{font-family:var(--mono);font-size:var(--fs-sm);color:var(--text);font-variant-numeric:tabular-nums;margin:3px 0 0;font-weight:500}.spinner{border:2px solid var(--surface-3);border-top-color:var(--accent);border-radius:50%;flex:none;width:14px;height:14px;animation:.8s linear infinite spin}.spinner-lg{border-width:2.5px;border-right-color:var(--accent);width:30px;height:30px}.alert{--tone:var(--muted);border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid color-mix(in srgb, var(--tone) 28%, var(--border));background:color-mix(in srgb, var(--tone) 7%, var(--surface));color:var(--text-2);gap:10px;padding:10px 12px;line-height:1.5;display:flex}.alert svg{width:15px;height:15px;color:var(--tone);flex:none;margin-top:1px}.alert strong{color:var(--text);font-weight:600}.alert-info{--tone:var(--accent)}.alert-info svg{color:var(--accent-text)}.alert-warning{--tone:var(--warning)}.alert-danger{--tone:var(--danger)}.alert-success{--tone:var(--success)}.stack{gap:var(--space-3);display:grid}.row{align-items:center;gap:var(--space-2);display:flex}.row-wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:var(--fs-xs)}.tabular{font-variant-numeric:tabular-nums}kbd,.kbd{border:1px solid var(--border-strong);background:var(--surface-2);min-width:22px;height:22px;color:var(--text-2);font-family:var(--mono);font-size:var(--fs-xs);border-bottom-width:2px;border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-weight:500;display:inline-flex}.modal-backdrop{z-index:var(--z-modal);background:var(--backdrop);animation:fade-in .16s var(--ease);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border-strong);width:min(480px,100%);max-height:calc(100dvh - 40px);box-shadow:var(--shadow-lg), 0 0 0 1px var(--hairline);animation:pop .26s var(--ease-out);position:relative;overflow:auto}.modal-head{align-items:flex-start;gap:10px;padding:20px 22px 4px;display:flex}.modal-head h2{font-size:var(--fs-lg);letter-spacing:-.02em}.modal-body{color:var(--text-2);font-size:var(--fs-sm);gap:12px;padding:10px 22px 4px;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:18px 22px 20px;display:flex}.toasts{z-index:var(--z-toast);pointer-events:none;gap:8px;width:min(380px,100vw - 32px);display:grid;position:fixed;bottom:16px;left:16px}.toasts-top{bottom:auto;top:calc(var(--topbar-h) + 16px)}@media (max-width:980px){.toasts{bottom:auto;left:12px;right:12px;top:calc(var(--topbar-h) + 8px);width:auto}}.toast{pointer-events:none;border-radius:var(--radius);background:var(--glass-strong);border:1px solid var(--border-strong);box-shadow:var(--shadow);animation:pop .24s var(--ease-out);font-size:var(--fs-sm);gap:11px;padding:12px 12px 12px 14px;display:flex;position:relative;overflow:hidden}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.toast{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(140%);backdrop-filter:blur(16px)saturate(140%)}}.toast:before{content:"";background:var(--tone,var(--accent));border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:0}.toast .icon-btn,.toast .btn{pointer-events:auto}.toast>svg{width:16px;height:16px;color:var(--tone,var(--accent));flex:none;margin-top:1px}.toast-title{font-weight:600}.toast-msg{color:var(--muted);font-size:var(--fs-sm);word-break:break-word;margin-top:2px}.toast-success{--tone:var(--success)}.toast-error{--tone:var(--danger)}.toast-warning{--tone:var(--warning)}.toast-info{--tone:var(--accent)}.empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:var(--fs-sm);place-items:center;gap:8px;padding:22px 12px;display:grid}.empty svg{width:22px;height:22px;color:var(--faint)}.list-reset{margin:0;padding:0;list-style:none}.divider{background:var(--border);height:1px;margin:var(--space-4) 0;border:0}.app{min-height:100vh;flex-direction:column;min-height:100dvh;display:flex;position:relative}.topbar{z-index:40;height:var(--topbar-h);align-items:center;gap:var(--space-8);padding:0 max(var(--space-6), env(safe-area-inset-left)) 0 max(var(--space-6), env(safe-area-inset-right));border-bottom:1px solid var(--hairline);background:var(--glass-strong);display:flex;position:sticky;top:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.topbar{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(150%);backdrop-filter:blur(16px)saturate(150%)}}.app-workspace .topbar{background:var(--bg);border-bottom-color:var(--border);-webkit-backdrop-filter:none;backdrop-filter:none}.brand{color:var(--text);font-family:var(--font-display);font-weight:600;font-size:var(--fs-xl);letter-spacing:-.01em;border-radius:var(--radius-sm);align-items:center;gap:10px;display:inline-flex;text-decoration:none!important}.brand-mark{width:28px;height:28px;transition:transform var(--t);flex:none}.brand:hover .brand-mark{transform:scale(1.04)}.brand small{display:none}.nav{align-items:center;gap:2px;display:flex}.nav a{border-radius:var(--radius-sm);height:34px;color:var(--muted);font-size:var(--fs-sm);transition:color var(--t-fast), background-color var(--t-fast);align-items:center;padding:0 12px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav a svg{display:none}.nav a:hover{color:var(--text);background:var(--surface-hover)}.nav a[aria-current=page]{color:var(--text);background:var(--hairline)}.nav a:after{content:"";background:var(--accent);opacity:0;width:18px;height:2px;transition:opacity var(--t), transform var(--t);border-radius:2px;margin-left:-9px;position:absolute;bottom:-13px;left:50%;transform:scaleX(.3)}.nav a[aria-current=page]:after{opacity:1;transform:none}.topbar-right{align-items:center;gap:8px;margin-left:auto;display:flex}.status-pill{border:1px solid var(--border);background:var(--bg-2);height:28px;font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);border-radius:999px;align-items:center;gap:8px;padding:0 11px;font-weight:600;display:inline-flex}.status-pill .dot{background:var(--success);width:6px;height:6px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%}.status-pill.offline{color:var(--warning);border-color:color-mix(in srgb, var(--warning) 30%, transparent)}.status-pill.offline .dot{background:var(--warning);box-shadow:0 0 0 3px var(--warning-soft)}.topbar-cta{margin-left:4px}.menu-toggle,.mobile-nav{display:none}.offline-banner{font-size:var(--fs-sm);border-bottom:1px solid var(--border);color:var(--text-2);background:color-mix(in srgb, var(--accent) 6%, var(--surface));animation:drop-down .24s var(--ease-out);align-items:center;gap:10px;padding:8px 18px;display:flex}.offline-banner>svg{flex:none;width:15px;height:15px}.offline-banner>span{flex:1}.offline-banner strong{color:var(--text)}.offline-banner.ready>svg{color:var(--accent-text)}.offline-banner.not-ready{background:color-mix(in srgb, var(--warning) 8%, var(--surface))}.offline-banner.not-ready>svg{color:var(--warning)}.main{flex-direction:column;flex:1;min-height:0;display:flex}.main:focus{outline:none}.page{width:min(var(--page-width), 100%);padding:var(--space-16) var(--space-6) var(--space-24);animation:unveil .48s var(--ease-out) both;margin:0 auto}.page-narrow{width:min(var(--prose-width), 100%)}.page-header{margin-bottom:var(--space-12);padding-bottom:var(--space-10);border-bottom:1px solid var(--border);position:relative}.page-header h1{font-size:var(--fs-2xl);letter-spacing:-.015em;text-wrap:balance;max-width:17em;line-height:1.1}.page-header p{color:var(--muted);font-size:var(--fs-md);max-width:620px;margin-top:16px;line-height:1.6}.prose{color:var(--text-2);font-size:var(--fs-md);line-height:1.75}.prose h2{font-size:var(--fs-xl);color:var(--text);margin:var(--space-12) 0 var(--space-4);align-items:center;gap:12px;display:flex}.prose h2:before{content:"";background:var(--accent);border-radius:2px;flex:none;width:16px;height:2px}.prose h2:first-child{margin-top:0}.prose h3{font-size:var(--fs-lg);color:var(--text);margin:var(--space-8) 0 var(--space-3)}.prose p+p,.prose p+ul,.prose ul+p{margin-top:14px}.prose ul{margin:12px 0 0;padding-left:1.25em}.prose li{padding-left:4px}.prose li+li{margin-top:8px}.prose li::marker{color:var(--accent-text)}.prose code{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:5px;padding:1px 6px;font-size:.85em}.prose strong{color:var(--text);font-weight:600}.prose .card{padding:18px 20px}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 16px}.table th{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--bg-2);font-weight:600}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color var(--t-fast)}.table tbody tr:hover{background:var(--surface-hover)}.footer{border-top:1px solid var(--border);padding:var(--space-12) var(--space-6) var(--space-8);color:var(--muted);font-size:var(--fs-sm);background:var(--bg-2);position:relative}.footer-inner{width:min(var(--content-width), 100%);gap:var(--space-6) var(--space-10);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:0 auto;display:flex}.footer-brand{gap:10px;max-width:380px;display:grid}.footer-brand .brand{font-size:var(--fs-md)}.footer-brand .brand-mark{width:24px;height:24px}.footer-brand p{line-height:1.6}.footer nav{gap:var(--space-2) var(--space-6);flex-wrap:wrap;display:flex}.footer a{color:var(--text-2)}.footer a:hover{color:var(--text)}.footer-base{width:min(var(--content-width), 100%);margin:var(--space-10) auto 0;padding-top:var(--space-5);border-top:1px solid var(--hairline);font-size:var(--fs-xs);color:var(--faint)}@media (max-width:480px){.status-pill span:last-child{display:none}.status-pill{padding:0 9px}}@media (max-width:900px){.nav,.topbar-cta{display:none}.menu-toggle{display:inline-grid}.mobile-nav{top:var(--topbar-h);z-index:39;background:var(--glass-strong);border-bottom:1px solid var(--border);box-shadow:var(--shadow-lg);animation:drop-down .22s var(--ease-out);gap:2px;padding:10px 12px 16px;display:grid;position:fixed;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.mobile-nav{-webkit-backdrop-filter:blur(18px)saturate(150%);backdrop-filter:blur(18px)saturate(150%)}}.mobile-nav[hidden]{display:none}.mobile-nav a{border-radius:var(--radius-sm);min-height:48px;color:var(--text-2);font-weight:500;font-size:var(--fs-md);align-items:center;gap:12px;padding:0 12px;text-decoration:none;display:flex;position:relative}.mobile-nav a svg{width:18px;height:18px;color:var(--muted)}.mobile-nav a[aria-current=page]{background:var(--accent-soft);color:var(--text)}.mobile-nav a[aria-current=page] svg{color:var(--accent-text)}.mobile-nav a[aria-current=page]:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:12px;bottom:12px;left:0}.page{padding:var(--space-10) var(--space-4) var(--space-16)}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-8)}.topbar{gap:var(--space-3);padding:0 max(var(--space-4), env(safe-area-inset-left)) 0 max(var(--space-4), env(safe-area-inset-right))}.footer{padding:var(--space-10) var(--space-4) var(--space-6)}.footer-base{margin-top:var(--space-8)}}.workspace{grid-template-columns:var(--sidebar-w) minmax(0, 1fr) var(--inspector-w);height:calc(100dvh - var(--topbar-h));background:var(--bg);min-height:520px;font-size:var(--fs-sm);animation:fade-in .26s var(--ease);flex:none;grid-template-rows:minmax(0,1fr);display:grid}.ws-panel{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.ws-panel-head{border-bottom:1px solid var(--border);align-items:center;gap:4px;height:46px;padding:0 8px 0 16px;display:flex}.ws-panel-head h2{font-family:var(--font);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.ws-scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow:auto}.media-list{gap:3px;padding:8px;display:grid}.media-item{border-radius:var(--radius-sm);text-align:left;color:var(--text);transition:background-color var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;padding:6px;display:grid;position:relative}.media-item:hover{background:var(--surface-hover)}.media-item[aria-current=true]{background:var(--surface-2);border-color:var(--accent-line)}.media-item[aria-current=true]:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:10px;bottom:10px;left:-1px}.media-thumb{background:var(--surface-3);width:44px;height:44px;color:var(--faint);box-shadow:inset 0 0 0 1px var(--hairline);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.media-thumb img{object-fit:cover;width:100%;height:100%}.media-thumb .kind{color:#fff;background:#0c0b10c7;border-radius:4px;place-items:center;width:15px;height:15px;display:grid;position:absolute;bottom:3px;left:3px}.media-thumb .kind svg{width:10px;height:10px}.media-name{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;padding-right:18px;font-weight:500;overflow:hidden}.media-sub{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:5px;margin-top:3px;display:flex}.media-sub .spinner{border-width:1.5px;width:10px;height:10px}.media-close{opacity:0;transition:opacity var(--t-fast);position:absolute;top:5px;right:4px}li:hover>.media-close,li:focus-within>.media-close,.media-item[aria-current=true]+.media-close{opacity:1}@media (pointer:coarse){.media-close{opacity:1}}.sidebar-drop{border-top:1px solid var(--border);padding:10px}.dropzone{text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--border-strong);background:var(--bg-2);color:var(--text-2);transition:border-color var(--t), background-color var(--t), box-shadow var(--t);cursor:pointer;place-items:center;gap:14px;padding:32px 22px;display:grid;position:relative}.dropzone:hover,.dropzone:focus-visible{border-color:var(--accent-line);background:color-mix(in srgb, var(--accent) 7%, var(--bg-2));box-shadow:0 0 0 4px var(--accent-soft);outline:none}.dropzone:focus-visible{box-shadow:0 0 0 4px var(--accent-soft), 0 0 0 1px var(--focus)}.dropzone.is-over{border-style:solid;border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--bg-2));box-shadow:0 0 0 4px var(--accent-soft)}.dropzone-icon{border:1px solid var(--accent-line);background:var(--surface);width:52px;height:52px;color:var(--accent-text);transition:transform var(--t);border-radius:14px;place-items:center;display:grid}.dropzone:hover .dropzone-icon,.dropzone.is-over .dropzone-icon{transform:translateY(-3px)}.dropzone-icon svg{stroke-width:1.75px;width:22px;height:22px}.dropzone-title{font-size:var(--fs-md);color:var(--text);font-weight:600}.dropzone-sub{font-size:var(--fs-sm);color:var(--muted);max-width:380px;margin-top:5px;line-height:1.55}.dropzone-compact{text-align:left;border-radius:var(--radius);grid-template-columns:auto 1fr;place-items:center start;gap:11px;padding:10px}.dropzone-compact .dropzone-icon{border-radius:var(--radius-sm);width:32px;height:32px}.dropzone-compact:hover .dropzone-icon{transform:none}.dropzone-compact .dropzone-icon svg{width:15px;height:15px}.dropzone-compact .dropzone-title{font-size:var(--fs-sm)}.dropzone-compact .dropzone-sub{font-size:var(--fs-xs);margin-top:1px}.drop-overlay{z-index:var(--z-overlay);background:var(--backdrop);pointer-events:none;animation:fade-in .12s var(--ease);place-items:center;display:grid;position:fixed;inset:0}.drop-overlay-inner{border-radius:var(--radius-xl);border:1px dashed var(--accent);background:var(--surface);box-shadow:var(--shadow-lg);font-size:var(--fs-lg);animation:pop .22s var(--ease-out);place-items:center;gap:12px;padding:40px 60px;font-weight:600;display:grid}.editor{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:2px;min-height:46px;padding:0 10px 0 16px;display:flex}.toolbar-title{min-width:0;margin-right:10px;padding:6px 0;display:grid}.toolbar-title strong{font-size:var(--fs-sm);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.toolbar-title span{font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.02em;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}.toolbar-sep{background:var(--border-strong);width:1px;height:18px;margin:0 6px}.zoom-label{text-align:center;min-width:46px;font-family:var(--mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;color:var(--text-2)}.stage{background-color:var(--stage-bg);overscroll-behavior:contain;flex:1;min-height:0;position:relative;overflow:auto}.stage-inner{place-items:center;min-width:100%;min-height:100%;padding:18px;display:grid;position:relative}.stage-media{box-shadow:0 0 0 1px var(--hairline), 0 24px 60px -24px #000000b3;position:relative}.stage-media canvas,.stage-media video{width:100%;height:100%;display:block}.stage-media video{object-fit:fill;position:absolute;inset:0}.stage-media canvas{position:relative}.stage-loading{color:var(--text-2);font-size:var(--fs-sm);background:color-mix(in srgb, var(--stage-bg) 78%, transparent);z-index:5;animation:fade-in .2s var(--ease);align-content:center;place-items:center;gap:14px;display:grid;position:absolute;inset:0}.stage-banner{z-index:6;background:var(--glass-strong);border:1px solid var(--accent-line);box-shadow:var(--shadow);font-size:var(--fs-sm);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 14px;font-weight:500;display:inline-flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.stage-banner>svg{color:var(--manual)}.stage-banner .btn{border-radius:999px}.overlay{touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.overlay.draw-mode{cursor:crosshair}.mbox{border:1.5px solid var(--det);cursor:move;transition:background-color var(--t-fast), box-shadow var(--t-fast);background:0 0;border-radius:2px;outline:none;position:absolute;box-shadow:0 0 0 1px #00000080}.mbox.manual{border-style:dashed;border-color:#f5a524;box-shadow:0 0 0 1px #00000080}.mbox.muted{border-style:dotted;border-color:#b8b4c4bf;box-shadow:0 0 0 1px #0006}.mbox:hover{background:#35d9f51a}.mbox.manual:hover{background:#f5a5241a}.mbox:focus-visible{box-shadow:0 0 0 1px #00000080,0 0 0 3.5px #fff}.mbox.selected{box-shadow:0 0 0 1px #0009, 0 0 0 3px var(--det);z-index:3;border-color:#fff}.mbox.manual.selected{box-shadow:0 0 0 1px #0009,0 0 0 3px #f5a524}.mbox-label{background:var(--det);color:var(--on-det);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.02em;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;border-radius:4px;align-items:center;padding:1px 6px;font-weight:700;line-height:16px;display:inline-flex;position:absolute;bottom:calc(100% + 4px);left:-1.5px;box-shadow:0 2px 8px #00000059}.mbox.manual .mbox-label{color:#1b1408;background:#f5a524}.mbox.muted .mbox-label{color:#fff;background:#4e4a5a}.mbox.label-below .mbox-label{top:calc(100% + 4px);bottom:auto}.handle{border:1.5px solid var(--det);background:#fff;border-radius:2px;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;box-shadow:0 1px 3px #00000073}.mbox.manual .handle{border-color:#f5a524}.handle:after{content:"";position:absolute;inset:-10px}.handle[data-h=nw],.handle[data-h=se]{cursor:nwse-resize}.handle[data-h=ne],.handle[data-h=sw]{cursor:nesw-resize}.handle[data-h=n],.handle[data-h=s]{cursor:ns-resize}.handle[data-h=e],.handle[data-h=w]{cursor:ew-resize}.draft-rect{pointer-events:none;background:#f5a52424;border:1.5px dashed #f5a524;position:absolute}@media (pointer:coarse){.handle{border-radius:4px;width:16px;height:16px;margin:-8px 0 0 -8px}.handle:after{inset:-12px}}.transport{border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;align-items:center;gap:2px;padding:8px 12px 2px;display:flex}.transport .time{font-variant-numeric:tabular-nums;font-size:var(--fs-xs);color:var(--muted);white-space:nowrap;font-family:var(--mono);margin:0 10px}.transport .time b{color:var(--text);font-weight:500}.play-btn{border:1px solid var(--accent-solid);background-color:var(--accent-solid);width:38px;height:38px;color:var(--on-accent);transition:transform var(--t-fast), background-color var(--t-fast);border-radius:50%;place-items:center;margin:0 4px;display:grid}.play-btn svg{fill:currentColor;width:15px;height:15px}.play-btn:hover:not(:disabled){background-color:var(--accent-solid-hover);transform:scale(1.05)}.play-btn:active:not(:disabled){transform:scale(.97)}.play-btn:disabled{opacity:.4}.volume{align-items:center;gap:2px;margin-right:6px;display:inline-flex}.volume-range{width:84px}.timeline{-webkit-user-select:none;user-select:none;background:var(--surface);padding:4px 14px 12px;position:relative}.scrubber{cursor:pointer;touch-action:none;height:24px;position:relative}.scrubber-track{background:var(--surface-3);border-radius:4px;height:4px;position:absolute;top:10px;left:0;right:0;overflow:hidden}.scrubber-analyzed{background:color-mix(in srgb, var(--text) 18%, var(--surface-3));position:absolute;inset:0 auto 0 0}.scrubber-played{background:var(--accent);position:absolute;inset:0 auto 0 0}.scrubber-thumb{border:2px solid var(--accent);pointer-events:none;background:#fff;border-radius:50%;width:16px;height:16px;margin-left:-8px;position:absolute;top:4px;box-shadow:0 1px 4px #00000073}.scrubber:focus-visible{outline:none}.scrubber:focus-visible .scrubber-thumb{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px var(--focus)}.lanes{border-radius:var(--radius-sm);background-color:var(--bg-2);background-image:linear-gradient(90deg, var(--hairline) 1px, transparent 1px);border:1px solid var(--border);background-size:10% 100%;max-height:90px;margin-top:4px;padding:3px 0;position:relative;overflow-y:auto}.lane{height:12px;margin:3px 0;position:relative}.lane-bar{background:color-mix(in srgb, var(--det) 78%, transparent);cursor:pointer;min-width:3px;height:100%;transition:filter var(--t-fast);border:none;border-radius:3px;padding:0;position:absolute;top:0}.lane-bar.manual{background:#f5a524b3}.lane-bar.hidden{background:repeating-linear-gradient(45deg, var(--faint) 0 3px, transparent 3px 6px)}.lane-bar:hover{filter:brightness(1.2)}.lane-bar[aria-pressed=true]{box-shadow:0 0 0 1.5px var(--text);z-index:2}.lane-hide{pointer-events:none;background:repeating-linear-gradient(45deg,#0000008c 0 3px,#0000 3px 6px);height:100%;position:absolute;top:0}.lanes-playhead{background:var(--text);opacity:.75;pointer-events:none;z-index:3;width:1px;position:absolute;top:0;bottom:0}.lanes-empty{font-size:var(--fs-xs);color:var(--muted);padding:6px 10px}.inspector{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.inspector-tabs .tabs{align-items:flex-end;height:46px}.inspector-tabs .tab{height:45px}.inspector-body{overscroll-behavior:contain;flex:1;align-content:start;min-height:0;display:grid;overflow:auto}.panel-card{border-bottom:1px solid var(--border);animation:fade-in .22s var(--ease);padding:18px 16px}.panel-card h3{font-size:var(--fs-sm);color:var(--text);align-items:center;gap:9px;margin-bottom:16px;font-weight:600;display:flex}.panel-card h3 svg{width:15px;height:15px;color:var(--accent-text);stroke-width:1.85px}.panel-card h3 .badge{margin-left:auto}.modes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.mode{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);text-align:center;transition:border-color var(--t-fast), background-color var(--t-fast), box-shadow var(--t-fast), transform var(--t-fast);gap:7px;padding:5px 5px 8px;display:grid;position:relative}.mode:hover{border-color:var(--border-hover);transform:translateY(-1px)}.mode[aria-checked=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--bg-2));box-shadow:inset 0 0 0 1px var(--accent)}.mode-preview{aspect-ratio:1.25;background:var(--surface-3);border-radius:5px;width:100%}.mode-name{font-size:var(--fs-xs);color:var(--text-2);font-weight:500;line-height:1.25}.mode[aria-checked=true] .mode-name{color:var(--text)}.mode-tag{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#047857;border-radius:4px;padding:1px 5px;font-weight:700;position:absolute;top:9px;right:9px;box-shadow:0 2px 6px #0000004d}.emoji-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.emoji-grid button{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);font-size:var(--fs-lg);transition:border-color var(--t-fast), transform var(--t-fast);place-items:center;font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;line-height:1;display:grid;position:relative}.emoji-grid button:hover{border-color:var(--border-hover);transform:translateY(-1px)}.emoji-grid button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.emoji-input-row{gap:6px;display:flex}.emoji-input-row .input{font-family:"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", var(--font);font-size:var(--fs-md)}.custom-emoji{position:relative}.custom-emoji .remove{border:1px solid var(--border-strong);background:var(--surface);width:16px;height:16px;color:var(--muted);border-radius:50%;place-items:center;padding:0;display:none;position:absolute;top:-5px;right:-5px}.custom-emoji:hover .remove,.custom-emoji:focus-within .remove{display:grid}.custom-emoji .remove svg{width:10px;height:10px}.swatches{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.swatch{border:1px solid var(--border-strong);width:26px;height:26px;transition:transform var(--t-fast);border-radius:50%;padding:0}.swatch:hover{transform:scale(1.08)}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--accent)}.color-input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:32px;height:28px;padding:0}.overlay-card{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-2);grid-template-columns:72px minmax(0,1fr);align-items:center;gap:12px;padding:8px;display:grid}.overlay-thumb{border-radius:6px;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.overlay-thumb img{object-fit:contain;max-width:100%;max-height:100%}.overlay-meta{min-width:0;font-size:var(--fs-xs);color:var(--muted);gap:2px;display:grid}.overlay-meta strong{font-size:var(--fs-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.bg-compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bg-compare figure{gap:6px;margin:0;display:grid}.bg-compare figcaption{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.bg-preview{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);place-items:center;width:100%;display:grid;overflow:hidden}.bg-preview img,.bg-preview canvas{object-fit:contain;max-width:100%;max-height:100%}.det-list{gap:2px;display:grid}.det{border-radius:var(--radius-sm);text-align:left;font-size:var(--fs-sm);cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast);background:0 0;border:1px solid #0000;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px 4px 6px 7px;display:grid;position:relative}.det:hover{background:var(--surface-hover)}.det[aria-current=true]{background:var(--surface-2);border-color:var(--border-strong)}.det-num{background:var(--cyan-soft);border:1px solid color-mix(in srgb, var(--cyan) 30%, transparent);width:24px;height:24px;color:var(--cyan-text);font-family:var(--mono);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;border-radius:6px;place-items:center;font-weight:600;display:grid}.det[aria-current=true] .det-num{background:var(--cyan);border-color:var(--cyan);color:var(--on-det)}.det.manual .det-num{background:var(--manual-soft);border-color:color-mix(in srgb, var(--manual) 30%, transparent);color:var(--manual-text)}.det.manual[aria-current=true] .det-num{background:var(--manual);color:#1b1408}.det.off .det-num{background:var(--surface-3);color:var(--faint);border-color:#0000}.det.off .det-main{opacity:.55;text-decoration:line-through}.det-main{min-width:0;display:grid}.det-main strong{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.det-main span{font-size:var(--fs-xs);color:var(--muted);font-variant-numeric:tabular-nums}.det-actions{gap:0;display:flex}.score-bar{background:var(--surface-3);border-radius:3px;width:100%;max-width:120px;height:3px;margin-top:5px;display:block;overflow:hidden}.score-bar i{background:var(--det);height:100%;display:block}@media (min-width:981px){.app-workspace{height:100dvh}.app-workspace .main{min-height:0}.app-workspace .workspace{flex:1 1 0;height:auto;min-height:0}.workspace.is-focus{grid-template-columns:minmax(0,1fr)}.workspace.is-focus>:is(.ws-sidebar,.inspector){display:none}}@media (max-width:980px){.focus-only{display:none}}@media (max-width:1180px){.workspace{--inspector-w:316px;--sidebar-w:212px}}@media (max-width:980px){.workspace{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:0}.ws-sidebar{border-right:none;border-bottom:1px solid var(--border);order:0}.ws-sidebar .ws-panel-head{display:none}.ws-sidebar .media-list{gap:6px;padding:8px;display:flex;overflow-x:auto}.ws-sidebar .media-item{flex:none;grid-template-columns:1fr;gap:4px;width:76px;padding:4px}.ws-sidebar .media-item[aria-current=true]:before{width:auto;height:2px;inset:auto 10px -1px}.ws-sidebar .media-thumb{width:66px;height:50px}.ws-sidebar .media-sub{display:none}.ws-sidebar .media-name{font-size:var(--fs-xs);padding-right:0}.ws-sidebar .sidebar-drop{display:none}.ws-sidebar .ws-scroll{overflow:visible}.ws-sidebar .media-add-mobile{display:grid}.editor{order:1}.stage{min-height:clamp(240px,42vh,520px)}.inspector{border-left:none;border-top:1px solid var(--border);order:2}.inspector-body{overflow:visible}}.media-add-mobile{border-radius:var(--radius-sm);border:1px dashed var(--border-strong);width:76px;color:var(--muted);font-size:var(--fs-xs);transition:border-color var(--t-fast), color var(--t-fast);background:0 0;flex:none;place-items:center;gap:3px;padding:8px 4px;font-weight:500;display:none}.media-add-mobile:hover{border-color:var(--accent-line);color:var(--accent-text)}.media-add-mobile svg{width:18px;height:18px}@media (max-width:560px){.toolbar .hide-sm,.transport .hide-sm{display:none}.modes{grid-template-columns:repeat(3,1fr)}}.ws-empty{isolation:isolate;flex:1;place-items:center;padding:32px 24px;display:grid;position:relative}.ws-empty-inner{text-align:center;width:min(560px,100%);animation:unveil .52s var(--ease-out) both;gap:20px;display:grid}.ws-empty-inner h1,.ws-empty-inner h2{font-size:var(--fs-2xl);letter-spacing:-.015em}.ws-empty-inner h2{font-size:var(--fs-xl)}.ws-empty-inner p{color:var(--muted);font-size:var(--fs-md);line-height:1.6}.ws-empty-inner :is(h1,h2)+p{margin-top:12px}.main>.ws-empty .dropzone{padding:44px 24px}.ws-empty-meta{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 16px;display:flex}.ws-empty-meta span{align-items:center;gap:7px;display:inline-flex}.ws-empty-meta span svg{color:var(--accent-text)}.ws-empty-meta svg{width:14px;height:14px}.bg-preview-wide{aspect-ratio:auto;height:260px}.home{width:min(var(--content-width), 100%);padding:0 var(--space-6) var(--space-24);margin:0 auto}.hero{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:64px 0 96px;display:grid;position:relative}.hero-copy>*{animation:unveil .7s var(--ease-out) both}.hero-copy>:nth-child(2){animation-delay:70ms}.hero-copy>:nth-child(3){animation-delay:.14s}.hero-copy>:nth-child(4){animation-delay:.21s}.hero-copy>:nth-child(5){animation-delay:.28s}.hero-kicker{border:1px solid var(--border);background:var(--bg-2);height:30px;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:0 13px 0 11px;font-weight:600;display:inline-flex}.hero-kicker:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.hero h1{font-size:var(--fs-hero);letter-spacing:-.022em;text-wrap:balance;max-width:13em;line-height:1.04}.hero-accent{color:var(--accent-text);font-style:italic;font-weight:480}.hero-lead{font-size:var(--fs-lg);color:var(--text-2);max-width:33em;margin-top:24px;line-height:1.65}.hero-cta{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.hero-cta .btn-primary{box-shadow:var(--glow)}.hero-cta .btn svg{transition:transform var(--t)}.hero-cta .btn-ghost:hover svg{transform:translate(3px)}.hero-facts{font-size:var(--fs-sm);color:var(--muted);flex-wrap:wrap;gap:10px 22px;margin-top:34px;display:flex}.hero-facts li{align-items:center;gap:9px;display:inline-flex}.hero-facts li:before{content:"";border-left:1.75px solid var(--accent-text);border-bottom:1.75px solid var(--accent-text);width:8px;height:4.5px;margin-top:-3px;transform:rotate(-45deg)}.demo{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-lg);animation:unveil .8s var(--ease-out) .16s both;border-radius:22px;grid-template-columns:minmax(0,1fr);gap:12px;margin:0;padding:12px;display:grid;position:relative}.demo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 40% 45%, var(--accent-glow), transparent 75%);opacity:.55;position:absolute;inset:-18% 0 -20%}.demo-head{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:2px 6px 0;font-weight:600;display:flex}.demo-live{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:8px;min-width:0;display:inline-flex;overflow:hidden}.demo-live .dot{background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.demo-count{color:var(--cyan-text);flex:none}.demo-frame{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-2);aspect-ratio:1280/865;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.demo-canvas{width:100%;height:100%;position:absolute;inset:0}.demo-after{clip-path:inset(0 calc((1 - var(--split,.5)) * 100%) 0 0)}.demo-tag{color:#fff;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#0c0b10b8;border:1px solid #ffffff24;border-radius:5px;padding:3px 8px;font-weight:600;position:absolute;top:18px}.demo-tag-left{left:18px}.demo-tag-right{right:18px}.demo-handle{top:0;bottom:0;left:calc(var(--split,.5) * 100%);background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #0003}.demo-handle span{width:36px;height:36px;transition:transform var(--t), box-shadow var(--t);background:#0c0b10c7;border:1.5px solid #fff;border-radius:50%;margin:-18px 0 0 -18px;position:absolute;top:50%;left:50%;box-shadow:0 4px 16px #00000073}.demo-frame:hover .demo-handle span{transform:scale(1.06)}.demo-handle span:before,.demo-handle span:after{content:"";border:5px solid #0000;position:absolute;top:11.5px}.demo-handle span:before{border-right-color:#fff;left:4px}.demo-handle span:after{border-left-color:#fff;right:4px}.demo-handle:focus-visible{outline:none}.demo-handle:focus-visible span{box-shadow:0 4px 16px #00000073, 0 0 0 3px var(--focus)}.demo-loading{background:linear-gradient(90deg, var(--surface-2), var(--surface-3), var(--surface-2));background-size:200% 100%;animation:1.6s linear infinite shimmer;position:absolute;inset:0}.demo-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:0 2px 2px;display:flex}.demo-modes{width:auto}.demo-modes button{flex:none;padding:0 11px}.demo-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.demo figcaption{font-size:var(--fs-xs);color:var(--muted);padding:0 4px 2px;line-height:1.5}.demo-note{color:var(--text-2);gap:7px;margin-top:8px;display:flex}.demo-note svg{width:14px;height:14px;color:var(--warning);flex:none;margin-top:1px}.demo.is-over .demo-frame{outline:2px dashed var(--accent);outline-offset:3px}.demo-status,.demo-drop{z-index:2;text-align:center;color:var(--text);background:color-mix(in srgb, var(--bg) 58%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:fade-in .2s var(--ease);align-content:center;place-items:center;gap:14px;padding:24px;font-weight:500;display:grid;position:absolute;inset:0}.demo-drop{pointer-events:none;font-size:var(--fs-md);font-weight:600}.demo-drop svg{width:28px;height:28px;color:var(--accent-text)}.demo-error{color:var(--danger)}.home-section{padding:var(--space-20) 0;scroll-margin-top:var(--topbar-h);position:relative}.home-section:before{content:"";background:linear-gradient(90deg, transparent, var(--border) 18%, var(--border) 82%, transparent);height:1px;position:absolute;top:0;left:0;right:0}.section-head{margin-bottom:var(--space-10)}.section-head .eyebrow,.privacy-split .eyebrow,.cta-band .eyebrow{margin-bottom:14px}.home-h2{font-size:var(--fs-2xl);letter-spacing:-.015em;text-wrap:balance;max-width:18em;line-height:1.12}.home-p{font-size:var(--fs-md);max-width:36em;margin-top:18px;line-height:1.7}.home.reveal .home-section:not(.is-visible)>*{opacity:0}.home.reveal .home-section.is-visible>*,.home.reveal .home-section.is-visible :is(.pillars,.steps,.feature-cols,.faq)>*{animation:unveil .56s var(--ease-out) both}.home.reveal .home-section.is-visible>:nth-child(2),.home.reveal .home-section.is-visible :is(.pillars,.steps,.feature-cols,.faq)>:nth-child(2){animation-delay:80ms}.home.reveal .home-section.is-visible :is(.pillars,.steps,.feature-cols,.faq)>:nth-child(3){animation-delay:.16s}.home.reveal .home-section.is-visible :is(.pillars,.steps,.feature-cols,.faq)>:nth-child(n+4){animation-delay:.24s}@media print{.home.reveal .home-section>*{opacity:1!important;animation:none!important}}.pillars{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.pillar{padding:28px 26px 30px}.pillar-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);border-radius:12px;place-items:center;margin-bottom:22px;display:grid}.pillar-icon svg{stroke-width:1.75px;width:20px;height:20px}.pillar h3{font-size:var(--fs-lg)}.pillar p{color:var(--muted);font-size:var(--fs-md);margin-top:10px;line-height:1.65}.steps{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step-head{align-items:center;gap:14px;margin-bottom:22px;display:flex}.step-num{border:1px solid var(--accent-line);background:var(--surface);width:46px;height:46px;font-family:var(--font-display);font-size:var(--fs-md);color:var(--text);box-shadow:0 0 0 5px var(--bg);border-radius:50%;flex:none;place-items:center;font-weight:500;display:grid}.step-line{background:linear-gradient(90deg, var(--border-strong), transparent);flex:1;height:1px}.step h3{font-size:var(--fs-lg)}.step p{color:var(--muted);font-size:var(--fs-md);max-width:30em;margin-top:8px;line-height:1.65}.feature-cols{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.feature{padding:26px}.feature h3{font-size:var(--fs-lg);color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:16px;display:flex}.feature h3 svg{width:18px;height:18px;color:var(--accent-text);stroke-width:1.85px}.checks{gap:12px;display:grid}.checks li{font-size:var(--fs-sm);color:var(--text-2);padding-left:28px;line-height:1.55;position:relative}.checks li:before{content:"";border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:5px;width:17px;height:17px;position:absolute;top:2px;left:0}.checks li:after{content:"";border-left:1.5px solid var(--accent-text);border-bottom:1.5px solid var(--accent-text);width:7px;height:3.5px;position:absolute;top:7px;left:5px;transform:rotate(-45deg)}.privacy-split{grid-template-columns:minmax(0,1fr) minmax(0,.95fr);align-items:center;gap:56px;display:grid}.privacy-checks{margin-top:24px}.terminal{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--bg-2);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.terminal-head{border-bottom:1px solid var(--border);background:var(--surface);font-family:var(--mono);font-size:var(--fs-xs);letter-spacing:.06em;color:var(--muted);align-items:center;gap:10px;padding:12px 18px;display:flex}.terminal-dot{background:var(--success);border-radius:50%;width:7px;height:7px}.code-block{color:var(--text-2);font-size:var(--fs-sm);margin:0;padding:20px 22px 24px;line-height:1.85;overflow-x:auto}.tok-key{color:var(--muted);font-weight:600}.tok-dir{color:var(--text)}.tok-val{color:var(--accent-text)}.text-link{font-weight:500;font-size:var(--fs-md);align-items:center;gap:6px;margin-top:26px;display:inline-flex}.text-link svg{transition:transform var(--t)}.text-link:hover svg{transform:translate(3px)}.faq-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);align-items:start;gap:56px;display:grid}.faq-section .section-head{top:calc(var(--topbar-h) + 32px);margin-bottom:0;position:sticky}.faq{gap:10px;display:grid}.faq details{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:border-color var(--t), background-color var(--t)}.faq details:hover,.faq details[open]{border-color:var(--border-strong)}.faq summary{cursor:pointer;border-radius:inherit;font-weight:500;font-size:var(--fs-md);padding:18px 60px 18px 22px;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"";border:1px solid var(--border-strong);width:26px;height:26px;transition:border-color var(--t), background-color var(--t);border-radius:50%;margin-top:-13px;position:absolute;top:50%;right:18px}.faq summary:after{content:"";background:linear-gradient(var(--muted), var(--muted)) center / 10px 1.5px no-repeat, linear-gradient(var(--muted), var(--muted)) center / 1.5px 10px no-repeat;width:10px;height:10px;transition:transform var(--t);margin-top:-5px;position:absolute;top:50%;right:26px}.faq details[open] summary:before{border-color:var(--accent-line);background:var(--accent-soft)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:var(--fs-md);animation:fade-in .28s var(--ease);padding:0 60px 20px 22px;line-height:1.7}.cta-band{gap:var(--space-12);margin-top:var(--space-8);border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-lg);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;padding:56px;display:grid;overflow:hidden}.cta-band:before{display:none}.cta-band .dropzone{background:color-mix(in srgb, var(--bg-2) 70%, transparent);min-height:210px}.limits{font-size:var(--fs-sm);color:var(--muted);gap:9px;max-width:34em;margin-top:22px;line-height:1.55;display:flex}.limits svg{color:var(--warning);flex:none;margin-top:2px}.settings-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.settings-card{border-radius:var(--radius-lg);padding:24px}.settings-card h2{font-size:var(--fs-lg);letter-spacing:-.015em;align-items:center;gap:12px;margin-bottom:22px;display:flex}.settings-card h2 svg{box-sizing:content-box;border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent-soft);width:16px;height:16px;color:var(--accent-text);stroke-width:1.85px;border-radius:9px;padding:7px}.settings-card .stack{gap:var(--space-5)}.settings-card .switch+.switch{margin-top:14px}.cap-list{font-size:var(--fs-sm);gap:0;margin:0;padding:0;list-style:none;display:grid}.cap-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.cap-list li:last-child{border-bottom:none}.cap-list li>span:first-child{color:var(--text-2)}.cap-list li>span:last-child{text-align:right}.cap-list .small{font-family:var(--mono);font-size:var(--fs-xs);color:var(--text-2)}.shortcut-table td:first-child{white-space:nowrap}@media (max-width:1020px){.hero{grid-template-columns:minmax(0,1fr);gap:0;padding:40px 0 72px}.hero-copy{display:contents}.hero-kicker{justify-self:start}.hero .demo{order:1;margin-top:28px}.hero-lead,.hero-cta,.hero-facts{order:2}.pillars,.steps,.feature-cols{gap:var(--space-4);grid-template-columns:minmax(0,1fr)}.steps{gap:var(--space-8)}.step-head{margin-bottom:16px}.privacy-split,.cta-band,.faq-section{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.faq-section .section-head{position:static}}@media (max-width:700px){.home{padding:0 var(--space-4) var(--space-16)}.hero{padding:24px 0 56px}.hero-kicker{display:none}.hero .demo{margin-top:20px}.hero-lead{font-size:var(--fs-md)}.hero-cta .btn{flex:auto}.home-section{padding:var(--space-16) 0}.section-head{margin-bottom:var(--space-8)}.demo{border-radius:18px;padding:8px}.demo-tag{top:14px}.demo-tag-left{left:14px}.demo-tag-right{right:14px}.demo-modes{width:100%}.demo-modes button{flex:1;padding:0 6px}.pillar,.feature{padding:22px}.faq summary{padding:16px 56px 16px 18px}.faq details p{padding:0 18px 18px}.cta-band{border-radius:18px;padding:28px 20px}.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-card{padding:20px}}@media (max-width:380px){.home{padding:0 12px var(--space-16)}.demo{padding:6px}.demo-modes button{font-size:var(--fs-xs);padding:0 4px}.settings-card{padding:16px}}