:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--accent:#8b5cf6;--accent-2:#ff6b57;--color-bg:#0e0e13;--color-bg-raised:#131319;--color-surface:#191921;--color-surface-2:#22222c;--color-surface-3:#2c2c38;--color-border:#2c2c38;--color-border-strong:#41414f;--color-text:#f4f4f8;--color-text-muted:#a9a9bb;--color-text-subtle:#8e8ea2;--color-scrim:#0505099e;--color-success:#34d399;--color-warning:#fbbf24;--color-danger:#f87171;--color-info:#38bdf8;--color-fix:#60a5fa;--color-cut:#fb7185;--color-stage:#000;--color-on-video:#fff;--color-video-shadow:#0009;--color-safe-covered:#f43f5e47;--color-safe-approx:#fb923c3d;--color-safe-line:#4ade80;--color-safe-icon:#ffffff8c;--color-safe-icon-stroke:#00000059;--color-thumb-from:#3b3b58;--color-thumb-to:#14141f;--color-fav:#ffd43b;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 20px #00000059;--shadow-lg:0 18px 50px #00000080}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f6fa;--color-bg-raised:#fff;--color-surface:#fff;--color-surface-2:#f0f0f6;--color-surface-3:#e5e5ee;--color-border:#e1e1ea;--color-border-strong:#c9c9d6;--color-text:#15151d;--color-text-muted:#55556a;--color-text-subtle:#66667a;--color-scrim:#14141e73;--color-success:#047857;--color-warning:#9a4a06;--color-danger:#c81e1e;--color-info:#0369a1;--color-fix:#2563eb;--color-cut:#e11d48;--color-fav:#d97706;--shadow-sm:0 1px 2px #14142814;--shadow-md:0 6px 20px #14142814;--shadow-lg:0 18px 50px #14142829}:root{--accent-strong:color-mix(in srgb, var(--accent) 82%, #000);--accent-hover:color-mix(in srgb, var(--accent) 92%, #000);--accent-soft:color-mix(in srgb, var(--accent) 16%, transparent);--accent-softer:color-mix(in srgb, var(--accent) 9%, transparent);--accent-text:color-mix(in srgb, var(--accent) 55%, var(--color-text));--accent-2-soft:color-mix(in srgb, var(--accent-2) 16%, transparent);--accent-2-text:color-mix(in srgb, var(--accent-2) 60%, var(--color-text));--color-on-accent:#fff;--color-on-accent-2:#1b0b08;--mask-opaque:#000;--mask-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");--focus-ring:color-mix(in srgb, var(--accent) 70%, var(--color-text));--font-ui:"InterUI", "InterUI Fallback", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-display:clamp(2.25rem, 1.4rem + 4vw, 4rem);--text-h1:clamp(1.75rem, 1.3rem + 2vw, 2.5rem);--text-h2:1.375rem;--text-h3:1.0625rem;--text-body:.9375rem;--text-lg:1.0625rem;--text-small:.8125rem;--text-caption:.75rem;--leading-tight:1.15;--leading-snug:1.3;--leading-body:1.55;--leading-read:1.7;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-black:800;--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;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:999px;--tap:44px;--control-h:40px;--control-h-sm:32px;--appbar-h:56px;--tabbar-h:60px;--nav-w:76px;--panel-w:380px;--inspector-w:320px;--read-w:70ch;--content-w:1200px;--dur-fast:.15s;--dur:.2s;--dur-slow:.25s;--ease:cubic-bezier(.2, 0, 0, 1);--z-sticky:20;--z-sheet:40;--z-tabbar:45;--z-popover:60;--z-modal:80;--z-toast:90;--z-coach:95}@font-face{font-family:InterUI;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-ui/inter-latin-wght-normal.woff2)format("woff2-variations"),url(/fonts/inter-ui/inter-latin-wght-normal.woff2)format("woff2");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:InterUI;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-ui/inter-latin-ext-wght-normal.woff2)format("woff2-variations"),url(/fonts/inter-ui/inter-latin-ext-wght-normal.woff2)format("woff2");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:InterUI Fallback;src:local(Arial),local(Helvetica),local(Roboto);ascent-override:90.5%;descent-override:22.5%;line-gap-override:0%;size-adjust:107%}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{margin:0}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font:var(--weight-regular) var(--text-body) / var(--leading-body) var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex;overflow-x:hidden}[hidden]{display:none!important}img,svg,video,canvas{max-width:100%}canvas{font-feature-settings:normal;font-variant:normal;letter-spacing:normal;word-spacing:normal;font-kerning:auto;text-rendering:auto}a{color:var(--accent-text);text-underline-offset:.18em}a:hover{color:var(--color-text)}h1,h2,h3,h4{line-height:var(--leading-snug);margin:0 0 var(--space-2);letter-spacing:-.015em;font-weight:var(--weight-bold)}h1{font-size:var(--text-h1);line-height:var(--leading-tight);letter-spacing:-.025em}h2{font-size:var(--text-h3)}h3{font-size:var(--text-body)}p{margin:0 0 var(--space-3)}small,.small{font-size:var(--text-small)}.caption-text{font-size:var(--text-caption)}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}kbd{font:var(--weight-semibold) var(--text-caption) / 1 var(--font-ui);border-radius:var(--radius-xs);border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-text);padding:2px 6px}code{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}.skip-link{left:-9999px;top:var(--space-2);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);position:absolute}.skip-link:focus{left:var(--space-4)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{stroke-width:2px;flex:none;width:20px;height:20px}.icon-sm{width:16px;height:16px}.icon-lg{width:28px;height:28px}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{--btn-bg:var(--color-surface-2);--btn-fg:var(--color-text);--btn-border:var(--color-border);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-h);padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);font:var(--weight-semibold) var(--text-body) / 1.2 var(--font-ui);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), opacity var(--dur-fast) var(--ease);text-decoration:none;display:inline-flex}.btn:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--color-border-strong);background:var(--color-surface-3);color:var(--btn-fg)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn .icon{width:18px;height:18px}.btn-primary{--btn-bg:var(--accent-strong);--btn-fg:var(--color-on-accent);--btn-border:transparent;box-shadow:0 6px 18px -8px var(--accent)}.btn-primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--accent-hover);color:var(--color-on-accent);border-color:#0000}.btn-secondary{--btn-bg:var(--color-surface-2)}.btn-ghost{--btn-bg:transparent;--btn-border:var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn-quiet{--btn-bg:transparent;--btn-border:transparent}.btn-danger{--btn-bg:transparent;--btn-fg:var(--color-danger);--btn-border:color-mix(in srgb, var(--color-danger) 45%, transparent)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--color-danger) 12%, transparent)!important;color:var(--color-danger)!important;border-color:var(--color-danger)!important}.btn.is-on{border-color:var(--accent);background:var(--accent-soft)}.btn-sm{min-height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--text-small)}.btn-lg{min-height:52px;padding:0 var(--space-6);font-size:var(--text-lg)}.btn-block{width:100%}.btn-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.icon-btn{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;flex:none;place-items:center;padding:0;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--color-surface-2)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn svg{width:20px;height:20px}.icon-btn.is-outlined{border-color:var(--color-border)}.link-btn{color:var(--accent-text);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.link-like{color:var(--accent-text);text-decoration:underline}input[type=text],input[type=number],input[type=search],input[type=email],input[type=url],input:not([type]),textarea,select.select{font:inherit;color:var(--color-text);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-3);min-height:var(--control-h);width:100%;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease)}textarea{padding:var(--space-2) var(--space-3);font:var(--text-small) / 1.45 var(--font-mono);resize:vertical}input:hover:not(:disabled),textarea:hover:not(:disabled),select.select:hover:not(:disabled){border-color:var(--color-border-strong)}input[type=text]:focus,input[type=number]:focus,input[type=search]:focus,input[type=email]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus,select.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}select.select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%), linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%);cursor:pointer;background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-repeat:no-repeat;background-size:5px 5px}.select-sm{min-height:var(--control-h-sm)!important;font-size:var(--text-small)!important;width:auto!important}input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0}input[type=range]::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:var(--color-surface-3);height:6px}input[type=range]::-moz-range-track{border-radius:var(--radius-pill);background:var(--color-surface-3);height:6px}input[type=range]::-moz-range-progress{border-radius:var(--radius-pill);background:var(--accent);height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--color-on-accent);border:4px solid var(--accent);width:20px;height:20px;box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease);border-radius:50%;margin-top:-7px}input[type=range]::-moz-range-thumb{background:var(--color-on-accent);border:4px solid var(--accent);width:12px;height:12px;box-shadow:var(--shadow-sm);border-radius:50%}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px var(--accent-soft)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px var(--accent-soft)}@media (pointer:coarse){input[type=range]{height:var(--tap)}input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-11px}input[type=range]::-moz-range-thumb{width:20px;height:20px}}input[type=checkbox][role=switch]{appearance:none;border-radius:var(--radius-pill);background:var(--color-surface-3);border:1px solid var(--color-border-strong);cursor:pointer;width:40px;height:24px;transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);flex:none;margin:0;position:relative}input[type=checkbox][role=switch]:after{content:"";background:var(--color-text);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--dur) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}input[type=checkbox][role=switch]:checked{background:var(--accent-strong);border-color:#0000}input[type=checkbox][role=switch]:checked:after{background:var(--color-on-accent);transform:translate(16px)}input[type=checkbox][role=switch]:disabled{opacity:.45;cursor:not-allowed}input[type=checkbox]:not([role=switch]),input[type=radio]{appearance:none;border:1.5px solid var(--color-border-strong);background:var(--color-surface-2);cursor:pointer;width:18px;height:18px;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);flex:none;place-content:center;margin:0;display:inline-grid}input[type=checkbox]:not([role=switch]){border-radius:5px}input[type=radio]{border-radius:50%}input[type=checkbox]:not([role=switch]):before{content:"";width:10px;height:10px;transition:transform var(--dur-fast) var(--ease);background:var(--color-on-accent);clip-path:polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0%,43% 62%);transform:scale(0)}input[type=radio]:before{content:"";width:8px;height:8px;transition:transform var(--dur-fast) var(--ease);background:var(--color-on-accent);border-radius:50%;transform:scale(0)}input[type=checkbox]:not([role=switch]):checked,input[type=radio]:checked{background:var(--accent-strong);border-color:var(--accent-strong)}input[type=checkbox]:checked:before,input[type=radio]:checked:before{transform:scale(1)}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}fieldset{margin:var(--space-3) 0;border:0;min-width:0;padding:0}legend{font-weight:var(--weight-semibold);margin-bottom:var(--space-2);font-size:var(--text-small);color:var(--color-text-muted)}.field{gap:var(--space-2);margin:var(--space-4) 0;flex-direction:column;display:flex}.field>span:first-child{font-weight:var(--weight-semibold);font-size:var(--text-small);color:var(--color-text-muted);justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.field output{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:var(--weight-semibold);background:var(--color-surface-2);border-radius:var(--radius-xs);font-size:var(--text-caption);padding:1px 6px}.field-row{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.field-row>.field{margin:var(--space-2) 0}.field-error{color:var(--color-danger);font-size:var(--text-small);margin:0}.field-error:empty{display:none}.switch-row{gap:var(--space-3);padding:var(--space-3) 0;cursor:pointer;flex-direction:row-reverse;justify-content:space-between;align-items:flex-start;display:flex}.switch-row>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.switch-row strong{font-weight:var(--weight-semibold)}.switch-row small{color:var(--color-text-muted)}.switch-row input[role=switch]{margin-top:2px}.check-row{gap:var(--space-2);font-size:var(--text-small);cursor:pointer;align-items:center;min-height:32px;display:flex}.radio-card{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-surface);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);align-items:flex-start;display:flex}.radio-card:hover{border-color:var(--color-border-strong)}.radio-card:has(input:checked){border-color:var(--accent);background:var(--accent-softer)}.radio-card:has(input:checked) small{color:var(--color-text)}.radio-card input{margin-top:2px}.radio-card span{flex-direction:column;gap:2px;display:flex}.radio-card small{color:var(--color-text-muted)}.radio-pill{display:inline-flex;position:relative}.radio-pill input{opacity:0;pointer-events:none;position:absolute}.radio-pill span{align-items:center;gap:var(--space-2);min-height:var(--control-h);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:0 var(--space-3);cursor:pointer;font-weight:var(--weight-bold);background:var(--color-surface-2);transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);display:inline-flex}.radio-pill span small{font-weight:var(--weight-medium);color:var(--color-text-muted)}.radio-pill input:checked+span{border-color:var(--accent);background:var(--accent-soft)}.radio-pill input:focus-visible+span{outline:2px solid var(--focus-ring);outline-offset:2px}details>summary{cursor:pointer;font-weight:var(--weight-semibold);font-size:var(--text-small);padding:var(--space-2) 0;align-items:center;gap:var(--space-2);list-style:none;display:flex}details>summary::-webkit-details-marker{display:none}details>summary:before{content:"";width:7px;height:7px;transition:transform var(--dur-fast) var(--ease);opacity:.7;border-bottom:2px solid;border-right:2px solid;flex:none;transform:rotate(-45deg)}details[open]>summary:before{transform:rotate(45deg)}input[type=color]{appearance:none;width:100%;height:var(--control-h);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);cursor:pointer;padding:4px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:var(--radius-xs);border:0}input[type=color]::-moz-color-swatch{border-radius:var(--radius-xs);border:0}.segmented{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.segmented.two,.segmented.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.segmented.n4{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented.n6{grid-template-columns:repeat(3,minmax(0,1fr))}.segmented button{color:var(--color-text-muted);font:var(--weight-semibold) var(--text-small) / 1.2 var(--font-ui);padding:var(--space-2);border-radius:calc(var(--radius-md) - 4px);cursor:pointer;min-width:0;min-height:34px;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);background:0 0;border:0}.segmented button:hover{color:var(--color-text)}.segmented button[aria-checked=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm), inset 0 0 0 1px var(--accent)}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{align-items:center;gap:var(--space-1);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);font:var(--weight-semibold) var(--text-small) / 1 var(--font-ui);min-height:var(--control-h-sm);padding:0 var(--space-3);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);display:inline-flex}.chip:hover{color:var(--color-text);border-color:var(--color-border-strong)}.chip[aria-checked=true],.chip[aria-pressed=true]{background:var(--accent-strong);color:var(--color-on-accent);border-color:#0000}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);display:flex}.tab{color:var(--color-text-muted);font:var(--weight-semibold) var(--text-small) / 1 var(--font-ui);padding:var(--space-3) var(--space-3);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.tab[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--accent)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.card+.card{margin-top:var(--space-3)}.card>h2:first-child{align-items:center;gap:var(--space-2);display:flex}.notice{border:1px solid color-mix(in srgb, var(--color-warning) 45%, transparent);background:color-mix(in srgb, var(--color-warning) 9%, transparent);border-radius:var(--radius-md);padding:var(--space-3);margin:var(--space-3) 0;font-size:var(--text-small)}.notice p{margin:var(--space-1) 0 0}.notice-error{border-color:color-mix(in srgb, var(--color-danger) 50%, transparent)!important;background:color-mix(in srgb, var(--color-danger) 9%, transparent)!important}.notice-error .btn{margin-top:var(--space-2)}.disclaimer{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-caption);color:var(--color-text-muted);background:var(--color-surface-2);border:1px solid var(--color-border)}.badge{font:var(--weight-bold) .6875rem / 1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-pill);background:var(--color-surface-3);color:var(--color-text-muted);align-items:center;gap:2px;padding:3px 6px;display:inline-flex}.badge-new{background:var(--accent-2);color:var(--color-on-accent-2)}.badge-accent{background:var(--accent-soft);color:var(--accent-text)}.progress{border-radius:var(--radius-pill);background:var(--color-surface-3);height:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent-2));border-radius:inherit;width:0%;height:100%;transition:width var(--dur) var(--ease)}.progress.is-indeterminate .progress-bar{animation:progress-indet 1.2s infinite var(--ease);width:35%!important}@keyframes progress-indet{0%{transform:translate(-100%)}to{transform:translate(300%)}}dialog.modal,.dialog{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);width:min(560px,100vw - 32px);max-height:min(88dvh,900px);box-shadow:var(--shadow-lg);padding:0;overflow:hidden}.dialog{padding:var(--space-6);width:min(440px,100vw - 32px)}dialog.modal[open]{animation:modal-in var(--dur-slow) var(--ease);flex-direction:column;display:flex}dialog.modal::backdrop{background:var(--color-scrim)}.dialog::backdrop{background:var(--color-scrim)}.modal-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-6);border-bottom:1px solid var(--color-border);display:flex}.modal-head h2{font-size:var(--text-h2);margin:0}.modal-body{padding:var(--space-5) var(--space-6) var(--space-6);overscroll-behavior:contain;overflow-y:auto}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.sheet-handle{display:none}.toast{left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom));z-index:var(--z-toast);align-items:center;gap:var(--space-3);background:var(--color-surface);max-width:min(560px,100vw - 32px);color:var(--color-text);border:1px solid var(--color-border);border-left:4px solid var(--color-danger);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-small);animation:toast-in var(--dur-slow) var(--ease);display:flex;position:fixed;transform:translate(-50%)}.toast.is-info{border-left-color:var(--color-info)}.toast .icon-btn{width:32px;height:32px;color:var(--color-text-muted)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}@media (hover:hover) and (pointer:fine){[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:var(--z-popover);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-bg);font:var(--weight-semibold) var(--text-caption) / 1.3 var(--font-ui);white-space:pre;pointer-events:none;opacity:0;transition:opacity var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);padding:6px 9px;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,-2px)}[data-tip][data-tip-side=right]:after{top:50%;left:calc(100% + 10px);transform:translate(-2px,-50%)}[data-tip][data-tip-side=left]:after{top:50%;left:auto;right:calc(100% + 10px);transform:translate(2px,-50%)}[data-tip][data-tip-side=top]:after{top:auto;bottom:calc(100% + 8px);transform:translate(-50%,2px)}.appbar-actions [data-tip]:after,.site-header-actions [data-tip]:after{left:auto;right:0;transform:translateY(-2px)}.appbar-actions [data-tip]:hover:after,.appbar-actions [data-tip]:focus-visible:after,.site-header-actions [data-tip]:hover:after,.site-header-actions [data-tip]:focus-visible:after{opacity:1;transition-delay:.35s;transform:translate(0)!important}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.35s;transform:translate(-50%)}[data-tip][data-tip-side=right]:hover:after,[data-tip][data-tip-side=right]:focus-visible:after,[data-tip][data-tip-side=left]:hover:after,[data-tip][data-tip-side=left]:focus-visible:after{transform:translateY(-50%)}}.empty-state{text-align:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--color-text-muted);flex-direction:column;display:flex}.empty-state .icon{width:32px;height:32px;color:var(--accent-text)}.empty-state strong{color:var(--color-text);font-size:var(--text-lg)}.empty-state p{max-width:34ch;margin:0}.skeleton{background:var(--color-surface-2);border-radius:var(--radius-sm);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-text) 7%, transparent), transparent);animation:1.4s infinite skeleton;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton{to{transform:translate(100%)}}.kicker{align-items:center;gap:var(--space-2);font:var(--weight-bold) var(--text-caption) / 1 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text);display:inline-flex}.site-header{z-index:var(--z-sticky);background:color-mix(in srgb, var(--color-bg) 82%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(12px);border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.site-header-inner{align-items:center;gap:var(--space-6);width:min(var(--content-w), 100%);height:64px;padding:0 max(var(--space-4), env(safe-area-inset-right)) 0 max(var(--space-4), env(safe-area-inset-left));margin:0 auto;display:flex}.brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--weight-black);letter-spacing:-.02em;border-radius:var(--radius-sm);font-size:1.125rem;text-decoration:none;display:flex}.brand:hover{color:var(--color-text)}.topnav{align-items:center;gap:var(--space-1);display:flex}.topnav a{color:var(--color-text-muted);font-weight:var(--weight-semibold);font-size:var(--text-small);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);text-decoration:none}.topnav a:hover,.topnav a[aria-current=page]{color:var(--color-text);background:var(--color-surface-2)}.site-header-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}@media (max-width:640px){.site-header-inner{gap:var(--space-2);height:56px}.topnav{display:none}.site-header .theme-toggle{width:var(--tap);height:var(--tap)}.header-cta{min-height:40px!important}}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-raised);padding:var(--space-10) 0 calc(var(--space-6) + env(safe-area-inset-bottom));margin-top:auto}.site-footer-inner{width:min(var(--content-w), 100%);padding:0 max(var(--space-4), env(safe-area-inset-right)) 0 max(var(--space-4), env(safe-area-inset-left));justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;margin:0 auto;display:flex}.footer-brand p{align-items:center;gap:var(--space-2);margin:var(--space-3) 0 0;display:flex}.footer-nav{gap:var(--space-6) var(--space-10);grid-template-columns:repeat(3,minmax(120px,auto));display:grid}.footer-nav div{gap:var(--space-1);flex-direction:column;display:flex}.footer-nav h2{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);margin:0 0 var(--space-1)}.footer-nav a{color:var(--color-text-muted);font-size:var(--text-small);padding:var(--space-1) 0;text-decoration:none}.footer-nav a:hover{color:var(--color-text)}.footer-copy{width:min(var(--content-w), 100%);margin:var(--space-8) auto 0;padding:var(--space-4) var(--space-4) 0;border-top:1px solid var(--color-border)}@media (max-width:640px){.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.footer-nav a{align-items:center;min-height:40px;display:flex}}.home{width:100%;overflow-x:clip}.hero{width:min(var(--content-w), 100%);padding:var(--space-16) var(--space-4) var(--space-12);gap:var(--space-10);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;margin:0 auto;display:grid}.hero-copy{gap:var(--space-5);flex-direction:column;align-items:flex-start;display:flex}.hero-title{font-size:var(--text-display);letter-spacing:-.04em;line-height:1.04;font-weight:var(--weight-black);margin:0}.hero-accent{background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero-lead{color:var(--color-text-muted);max-width:34em;margin:0;font-size:clamp(1.0625rem,.95rem + .5vw,1.25rem)}.hero-cta{gap:var(--space-3);flex-wrap:wrap;display:flex}.hero-points{gap:var(--space-2) var(--space-5);color:var(--color-text-muted);font-size:var(--text-small);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.hero-points li{align-items:center;gap:var(--space-2);display:inline-flex}.hero-points .icon{color:var(--color-success)}.hero-visual{justify-content:center;gap:var(--space-4);padding:var(--space-4);display:flex;position:relative}.hero-visual:before{content:"";background:radial-gradient(closest-side, var(--accent-soft), transparent);filter:blur(20px);z-index:0;position:absolute;inset:10% 0}.ba-card{z-index:1;aspect-ratio:9/16;border-radius:var(--radius-xl);background:var(--color-surface-2);width:min(42%,230px);box-shadow:var(--shadow-lg), 0 0 0 1px var(--color-border);margin:0;position:relative;overflow:hidden}.ba-card canvas{width:100%;height:100%;display:block}.ba-card:first-child{opacity:.85;transform:rotate(-4deg)translateY(16px)}.ba-after{transform:rotate(3deg)}.ba-card figcaption{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-stage) 55%, transparent);color:var(--color-on-video);font:var(--weight-bold) var(--text-caption) / 1 var(--font-ui);padding:4px 10px;position:absolute}.ba-after figcaption{background:var(--accent-strong);color:var(--color-on-accent)}@media (max-width:900px){.hero{padding:var(--space-8) var(--space-4) var(--space-6);gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.hero-visual{padding:0}.ba-card{width:min(40%,170px)}}@media (max-width:480px){.hero-cta{width:100%}.hero-cta .btn{flex:100%}}.home-section{width:min(var(--content-w), 100%);padding:var(--space-12) var(--space-4);margin:0 auto}.section-title{font-size:var(--text-h1);letter-spacing:-.03em;font-weight:var(--weight-black);margin:0 0 var(--space-6);max-width:22ch}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.section-head .section-title{margin:0}.feature-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.feature-card{padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease)}.feature-card:hover{border-color:var(--color-border-strong);transform:translateY(-2px)}.feature-card h3{font-size:var(--text-lg);margin:var(--space-4) 0 var(--space-2)}.feature-card p{color:var(--color-text-muted);margin:0}.feature-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text);place-items:center;display:grid}.feature-card:nth-child(2n) .feature-icon{background:var(--accent-2-soft);color:var(--accent-2-text)}@media (max-width:900px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.feature-grid{grid-template-columns:minmax(0,1fr)}.feature-card{padding:var(--space-5)}}.gallery-strip{gap:var(--space-4);scroll-snap-type:x mandatory;padding:var(--space-1) var(--space-4) var(--space-4);margin:0 calc(-1 * var(--space-4));scrollbar-width:thin;grid-auto-columns:minmax(200px,1fr);grid-auto-flow:column;display:grid;overflow-x:auto}.gallery-item{scroll-snap-align:start;display:flex}.gallery-card{gap:var(--space-2);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;flex:1;padding:6px;display:flex}.gallery-card:hover{border-color:var(--accent);transform:translateY(-2px)}.gallery-card canvas{aspect-ratio:4/3;border-radius:var(--radius-md);background:linear-gradient(160deg, var(--color-thumb-from), var(--color-thumb-to));width:100%;display:block}.gallery-card span{font-weight:var(--weight-bold);font-size:var(--text-small);padding:0 var(--space-1) var(--space-1)}.gallery-card.skeleton-card canvas{background:var(--color-surface-2)}.how{text-align:center;flex-direction:column;align-items:center;display:flex}.how .section-title{max-width:none}.how-steps{margin:0 0 var(--space-8);gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;padding:0;list-style:none;display:grid}.how-steps li{align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;display:flex}.how-steps strong{font-size:var(--text-lg)}.how-num{background:linear-gradient(135deg, var(--accent), var(--accent-2));width:40px;height:40px;color:var(--color-on-accent);font-weight:var(--weight-black);border-radius:50%;place-items:center;display:grid}@media (max-width:640px){.how-steps{grid-template-columns:minmax(0,1fr)}}.faq{max-width:820px}.faq details{border-bottom:1px solid var(--color-border)}.faq summary{font-size:var(--text-lg);padding:var(--space-4) 0;min-height:var(--tap)}.faq details p{color:var(--color-text-muted);margin:0 0 var(--space-4) var(--space-5)}.page{width:min(var(--content-w), 100%);padding:var(--space-10) var(--space-4) var(--space-12);flex:1;margin:0 auto}.page>article,.page>.page-narrow{max-width:var(--read-w);margin:0 auto}.page h1{font-size:var(--text-h1);font-weight:var(--weight-black);letter-spacing:-.03em;margin-bottom:var(--space-4)}.page article{font-size:1.0625rem;line-height:var(--leading-read)}.page article h2{font-size:var(--text-h2);margin:var(--space-10) 0 var(--space-3);scroll-margin-top:88px}.page article h3{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-2)}.page article li{margin:var(--space-2) 0}.page p,.page li{color:color-mix(in srgb, var(--color-text) 86%, var(--color-text-muted))}.lead{font-size:var(--text-lg);color:var(--color-text-muted)!important}.breadcrumb{font-size:var(--text-small);color:var(--color-text-muted);margin:0 auto var(--space-4);max-width:var(--read-w)}.breadcrumb a{color:var(--color-text-muted)}.cta-box{margin:var(--space-10) 0 var(--space-4);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--color-border));background:radial-gradient(120% 120% at 0% 0%, var(--accent-soft), transparent 60%), var(--color-surface)}.cta-box h2{margin-top:0!important}.cta-box p:last-child{margin-bottom:0}.cta{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.related{margin-top:var(--space-10)}.guide-list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:0;list-style:none;display:grid}.guide-card a{gap:var(--space-2);height:100%;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:border-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;text-decoration:none;display:flex}.guide-card a:hover{border-color:var(--accent);transform:translateY(-2px)}.guide-card strong{font-size:var(--text-lg);line-height:var(--leading-snug)}.guide-card span{color:var(--color-text-muted);font-size:var(--text-small)}.guide-card .guide-more{padding-top:var(--space-3);color:var(--accent-text);font-weight:var(--weight-semibold);align-items:center;gap:var(--space-1);margin-top:auto;display:inline-flex}.page .ad-slot{margin:var(--space-8) auto 0;max-width:var(--read-w)}.guide-layout{grid-template-columns:minmax(0, var(--read-w)) 240px;gap:var(--space-12);justify-content:center;align-items:start;display:grid}.guide-layout>article{margin:0}.toc{font-size:var(--text-small);border-left:2px solid var(--color-border);padding-left:var(--space-4);position:sticky;top:88px}.toc h2{font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-subtle);margin:0 0 var(--space-3)}.toc ol{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.toc a{color:var(--color-text-muted);text-decoration:none}.toc a:hover,.toc a.is-active{color:var(--color-text)}.toc a.is-active{font-weight:var(--weight-semibold)}@media (max-width:1023px){.guide-layout{grid-template-columns:minmax(0,1fr)}.toc{display:none}}.feedback-form{gap:var(--space-1);flex-direction:column;max-width:640px;display:flex}.feedback-form .req,.feedback-form .opt{font-style:normal;font-weight:var(--weight-medium);color:var(--color-text-muted);font-size:var(--text-caption)}.hint-below{margin:calc(-1 * var(--space-2)) 0 var(--space-3)}.device-preview{margin:0 0 var(--space-2) 26px}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.turnstile{margin:var(--space-3) 0;min-height:0}.form-status{min-height:1.4em;margin:var(--space-2) 0;font-size:var(--text-small)}.form-status[data-kind=error]{color:var(--color-danger)}.form-status[data-kind=ok]{color:var(--color-success)}.feedback-form .btn{align-self:flex-start}.not-found{text-align:center;align-items:center;gap:var(--space-4);padding:var(--space-12) 0;flex-direction:column;display:flex}.not-found-code{font-size:clamp(4rem,3rem + 8vw,8rem);font-weight:var(--weight-black);letter-spacing:-.06em;background:linear-gradient(100deg, var(--accent), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text;line-height:1}.cta-inline{justify-content:space-between;align-items:center;gap:var(--space-4);margin:var(--space-8) 0;padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-body);line-height:var(--leading-body);flex-wrap:wrap;display:flex}.cta-inline div{flex-direction:column;display:flex}.cta-inline span{color:var(--color-text-muted);font-size:var(--text-small)}.page-head{max-width:var(--read-w);margin-bottom:var(--space-8)}.page-head .kicker{margin-bottom:var(--space-3)}@media (min-width:1024px){.page.guide>.breadcrumb,.page.guide>.related,.page.guide>.ad-slot{max-width:calc(var(--read-w) + 240px + var(--space-12));margin-left:auto;margin-right:auto}}.related ul{padding-left:1.1rem}.feedback-form.card{padding:var(--space-6);max-width:none}.page-narrow .feedback-form .field:first-child{margin-top:0}body[data-view=home] #app,body[data-view=home] #export-dialog:not([open]),body[data-view=editor] #home,body[data-view=editor] .site-header{display:none}#main{flex-direction:column;flex:1;min-width:0;display:flex}.theme-toggle .i-moon,:root[data-theme=light] .theme-toggle .i-sun{display:none}:root[data-theme=light] .theme-toggle .i-moon{display:block}.stepper{align-items:center;gap:var(--space-2);counter-reset:none;margin:0;padding:0;list-style:none;display:flex}.stepper li{align-items:center;gap:var(--space-2);color:var(--color-text-subtle);font:var(--weight-semibold) var(--text-small) / 1 var(--font-ui);white-space:nowrap;display:flex}.stepper li+li:before{content:"";background:var(--color-border-strong);border-radius:2px;width:20px;height:2px}.step-dot{border:1.5px solid var(--color-border-strong);width:22px;height:22px;font-size:var(--text-caption);transition:background-color var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease);border-radius:50%;place-items:center;display:inline-grid}.stepper li.is-done{color:var(--color-text-muted)}.stepper li.is-done .step-dot{background:var(--accent-soft);color:var(--accent-text);border-color:#0000}.stepper li.is-done+li:before,.stepper li.is-current:before{background:var(--accent)}.stepper li.is-current{color:var(--color-text)}.stepper li.is-current .step-dot{background:var(--accent-strong);color:var(--color-on-accent);border-color:#0000}.app-shell{--sheet-h:50%;background:var(--color-bg);min-height:0;display:grid}.appbar{align-items:center;gap:var(--space-3);padding:0 var(--space-3) 0 var(--space-4);height:var(--appbar-h);background:var(--color-bg-raised);border-bottom:1px solid var(--color-border);min-width:0;z-index:var(--z-sticky);grid-area:bar;display:flex}.appbar-brand{align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--weight-black);letter-spacing:-.02em;border-radius:var(--radius-sm);flex:none;text-decoration:none;display:flex}.appbar-brand:hover{color:var(--color-text)}.appbar-project{min-width:0;padding-left:var(--space-3);margin-left:var(--space-1);border-left:1px solid var(--color-border);flex:0 auto;align-items:center;display:flex}.project-title{text-overflow:ellipsis;white-space:nowrap;font-weight:var(--weight-semibold);color:var(--color-text-muted);font-size:var(--text-small);overflow:hidden}.appbar-stepper{margin:0 auto}.appbar-actions{align-items:center;gap:var(--space-1);flex:none;margin-left:auto;display:flex}.appbar-stepper+.appbar-actions{margin-left:0}.appbar-export{margin-left:var(--space-2)}.appnav{background:var(--color-bg-raised);border-right:1px solid var(--color-border);padding:var(--space-3) var(--space-2);grid-area:nav;overflow-y:auto}.appnav-items{gap:var(--space-1);flex-direction:column;display:flex}.appnav-btn{border-radius:var(--radius-md);width:100%;min-height:58px;color:var(--color-text-muted);font:var(--weight-semibold) .6875rem / 1.1 var(--font-ui);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.appnav-btn .icon{width:22px;height:22px}.appnav-btn:hover{background:var(--color-surface-2);color:var(--color-text)}.appnav-btn[aria-selected=true]{background:var(--accent-soft);color:var(--color-text)}.appnav-btn[aria-selected=true] .icon{color:var(--accent-text)}.apppanel,.appinspector{background:var(--color-bg-raised);flex-direction:column;min-width:0;min-height:0;display:flex}.apppanel{border-right:1px solid var(--color-border);grid-area:panel}.appinspector{border-left:1px solid var(--color-border);grid-area:insp}.panel-head{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-2) var(--space-4);flex:none;display:flex}.panel-head h2{font-size:var(--text-lg);flex:1;min-width:0;margin:0}.panel-body{overscroll-behavior:contain;min-height:0;padding:var(--space-1) var(--space-4) var(--space-6);scroll-padding-top:var(--space-4);flex:1;overflow-y:auto}.sheet-expand{display:none}.tab-panel{animation:panel-in var(--dur) var(--ease)}@keyframes panel-in{0%{opacity:0;transform:translateY(4px)}}.appstage{min-width:0;min-height:0;padding:var(--space-3) var(--space-5) var(--space-4);background:radial-gradient(80% 60% at 50% 0%, var(--accent-softer), transparent 70%), var(--color-bg);flex-direction:column;grid-area:stage;display:flex}.tabbar{display:none}.app-shell[data-state=upload] .appbar-export,.app-shell[data-state=upload] #undo-btn,.app-shell[data-state=upload] #redo-btn{display:none!important}@media (min-width:1024px){.app-shell{grid-template-areas:"bar bar bar bar""nav panel stage insp";grid-template-columns:var(--nav-w) var(--panel-w) minmax(0, 1fr) var(--inspector-w);grid-template-rows:var(--appbar-h) minmax(0, 1fr);height:100dvh}.app-shell[data-panel=closed]{grid-template-columns:var(--nav-w) 0 minmax(0, 1fr) var(--inspector-w)}.app-shell[data-inspector=closed]{grid-template-columns:var(--nav-w) var(--panel-w) minmax(0, 1fr) 0}.app-shell[data-panel=closed][data-inspector=closed]{grid-template-columns:var(--nav-w) 0 minmax(0, 1fr) 0}.app-shell[data-panel=closed] .apppanel,.app-shell[data-inspector=closed] .appinspector{display:none}.hide-desktop{display:none!important}}@media (min-width:1024px) and (max-width:1279px){:root{--panel-w:340px;--inspector-w:290px}.appbar-stepper .step-label{display:none}}@media (min-width:1024px) and (max-width:1150px){.appbar-stepper{display:none}}@media (min-width:768px) and (max-width:1023px){.app-shell{grid-template-columns:minmax(0,1fr) 68px 340px;grid-template-areas:"bar bar bar""stage nav panel";grid-template-rows:var(--appbar-h) minmax(0, 1fr);height:100dvh}.app-shell[data-panel=closed]{grid-template-columns:minmax(0,1fr) 68px 0}.app-shell[data-panel=closed] .apppanel{display:none}.appnav,.apppanel{border-right:0;border-left:1px solid var(--color-border)}.appinspector,.hide-below-desktop,.appbar-stepper{display:none!important}.panel-collapse .icon{transform:scaleX(-1)}.appstage{padding:var(--space-3) var(--space-4)}}@media (max-width:767px){body[data-view=editor]{height:100dvh;overflow:hidden}body[data-view=editor] .site-footer,body[data-view=editor] .ad-band{display:none}.app-shell{padding-top:env(safe-area-inset-top);z-index:1;flex-direction:column;display:flex;position:fixed;inset:0}.appbar{height:52px;padding:0 var(--space-2) 0 max(var(--space-3), env(safe-area-inset-left));gap:var(--space-2);flex:none;order:0}.appbar-name,.appbar-stepper,.hide-mobile{display:none!important}.appbar-project{border-left:0;margin-left:0;padding-left:0}.appbar-actions .icon-btn{width:var(--tap);height:var(--tap)}.appbar-export{min-height:var(--tap);padding:0 var(--space-4)}.appnav,.appinspector,.hide-below-desktop{display:none!important}.appstage{min-height:0;padding:var(--space-2) max(var(--space-3), env(safe-area-inset-right)) var(--space-1) max(var(--space-3), env(safe-area-inset-left));flex:auto;order:1}.apppanel{height:var(--sheet-h);border:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);background:var(--color-bg-raised);transition:height var(--dur-slow) var(--ease);z-index:var(--z-sheet);border-bottom:0;flex:none;order:2}.app-shell.is-dragging .apppanel{transition:none}.sheet-handle{cursor:grab;touch-action:none;flex:none;place-items:center;height:22px;display:grid}.sheet-handle span{border-radius:var(--radius-pill);background:var(--color-border-strong);width:40px;height:5px}.panel-head{padding:0 var(--space-2) var(--space-2) var(--space-4);touch-action:none}.panel-collapse{display:none}.sheet-expand{display:inline-grid}.sheet-expand .i-down,.app-shell[data-sheet=full] .sheet-expand .i-up{display:none}.app-shell[data-sheet=full] .sheet-expand .i-down{display:block}.panel-body{padding:0 max(var(--space-4), env(safe-area-inset-right)) var(--space-8) max(var(--space-4), env(safe-area-inset-left))}.app-shell[data-sheet=peek] .panel-body{visibility:hidden}.tabbar{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--color-bg-raised);border-top:1px solid var(--color-border);z-index:var(--z-tabbar);flex:none;order:3;grid-template-columns:repeat(5,1fr);display:grid}.tabbar-btn{min-height:var(--tap);color:var(--color-text-muted);font:var(--weight-semibold) .6875rem / 1 var(--font-ui);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.tabbar-btn .icon{width:24px;height:24px;transition:transform var(--dur-fast) var(--ease)}.tabbar-btn[aria-current=page]{color:var(--color-text)}.tabbar-btn[aria-current=page] .icon{color:var(--accent-text)}.tabbar-btn[aria-current=page]:before{content:"";background:var(--accent);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:30%;right:30%}.tabbar-btn:active .icon{transform:scale(.9)}.app-shell[data-sheet=full] .stage-toolbar,.app-shell[data-sheet=full] .safe-warnings,.app-shell[data-sheet=full] .cut-strip-label,.file-row{display:none!important}.app-shell[data-state=upload] .appstage{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}}.dropzone{justify-content:center;align-items:center;gap:var(--space-6);text-align:center;cursor:pointer;width:100%;max-width:880px;margin:var(--space-2) auto;padding:var(--space-8) var(--space-6);border:2px dashed var(--color-border-strong);border-radius:var(--radius-xl);background:radial-gradient(70% 60% at 50% 0%, var(--accent-soft), transparent 70%), var(--color-surface);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease), transform var(--dur) var(--ease);flex-direction:column;flex:1;display:flex;position:relative}.dropzone:hover,.dropzone.is-over{border-color:var(--accent)}.dropzone.is-over{background:radial-gradient(70% 60% at 50% 0%, var(--accent-soft), transparent 70%), var(--color-surface-2);transform:scale(1.01)}.dropzone-inner{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.dropzone-inner h1{font-size:var(--text-h1);margin:0}.dropzone-icon{border-radius:var(--radius-lg);background:var(--accent-soft);width:64px;height:64px;color:var(--accent-text);place-items:center;display:grid}.dropzone-icon .icon{width:30px;height:30px}.dropzone-help{color:var(--color-text-muted);margin:0}.dropzone-inner p{margin:0}.dropzone-btn{pointer-events:none}.privacy-line{align-items:center;gap:var(--space-2);color:var(--color-success);font-weight:var(--weight-semibold);font-size:var(--text-small);display:inline-flex;margin-top:var(--space-2)!important}.upload-stepper{flex-wrap:wrap;justify-content:center}@media (max-width:767px){.dropzone{border-style:solid;border-width:1px;border-color:var(--color-border);gap:var(--space-5);padding:var(--space-6) var(--space-4);margin:0}.dropzone-btn{width:100%;max-width:320px;min-height:56px}.upload-stepper .step-label{font-size:var(--text-caption)}.upload-stepper li+li:before{width:10px}.hide-touch{display:none}}@media (pointer:coarse){.hide-touch{display:none!important}}.player{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.stage-toolbar{align-items:center;gap:var(--space-2);min-height:var(--control-h);display:flex}.appstage{container:stage/inline-size}.tb-short{display:none}@container stage (width<=560px){.stage-toolbar .safe-bar .tb-label{display:none}.stage-toolbar .safe-bar .tb-short{display:inline}.stage-toolbar #safe-fit{width:var(--control-h-sm);padding:0}.stage-toolbar .safe-bar{flex-wrap:nowrap;justify-content:flex-start}.stage-toolbar .safe-bar .select-sm{flex:auto;min-width:0}}.safe-bar{justify-content:center;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;flex:1;min-width:0;display:flex}.stage-wrap{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.stage{background:var(--color-stage);border-radius:var(--radius-lg);aspect-ratio:var(--ar,9 / 16);max-width:100%;box-shadow:var(--shadow-lg), 0 0 0 1px var(--color-border);flex:none;position:relative;overflow:hidden}.stage video,.stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.stage video{object-fit:contain;opacity:0}.stage canvas{background:var(--color-stage);pointer-events:none}.stage-toggle{cursor:pointer;background:0 0;border:0;position:absolute;inset:0}.stage-toggle:focus-visible{outline-offset:-4px}.controls,.file-row,.cut-strip{width:min(100%, max(var(--stage-w,100%), 420px));margin:0 auto}.controls{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px var(--space-2);display:flex}.controls .icon-btn{width:36px;height:36px}.player .i-pause,.player.is-playing .i-play{display:none}.player.is-playing .i-pause{display:block}.player .i-mute,.player.is-muted .i-vol{display:none}.player.is-muted .i-mute{display:block}.time-label{font-variant-numeric:tabular-nums;font-size:var(--text-caption);color:var(--color-text-muted);text-align:center;min-width:78px}.scrubber{flex:1;min-width:60px}.file-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.file-label{color:var(--color-text-subtle);font-size:var(--text-caption);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mini-switch{white-space:nowrap;align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-muted);cursor:pointer;min-height:32px;display:inline-flex}.mini-switch input[role=switch]{width:34px;height:20px}.mini-switch input[role=switch]:after{width:14px;height:14px}.mini-switch input[role=switch]:checked:after{transform:translate(14px)}@media (max-width:767px){.player{gap:var(--space-1)}.stage-toolbar{min-height:36px}.safe-bar{justify-content:flex-start;gap:var(--space-2);flex-wrap:nowrap}.safe-bar .select-sm{flex:auto;min-width:0;max-width:180px}.stage{border-radius:var(--radius-md)}.controls{background:0 0;border:0;padding:0}.controls .icon-btn{width:var(--tap);height:var(--tap)}.cut-strip-label{display:none}}.cut-strip-bar{border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);height:12px;position:relative;overflow:hidden}.cut-marks{position:absolute;inset:0}.cut-mark{background:repeating-linear-gradient(135deg, var(--color-cut) 0 4px, color-mix(in srgb, var(--color-cut) 55%, transparent) 4px 8px);cursor:pointer;border:0;min-width:3px;padding:0;position:absolute;top:0;bottom:0}.cut-mark:focus-visible{outline:2px solid var(--color-text)}.cut-playhead{background:var(--color-text);pointer-events:none;width:2px;position:absolute;top:-2px;bottom:-2px;left:0}.cut-strip-label{margin:var(--space-1) 0 0;text-align:center;font-size:var(--text-caption);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.region-layer{z-index:3;pointer-events:none;position:absolute;inset:0}.region-layer.is-drawing{pointer-events:auto;cursor:crosshair;background:color-mix(in srgb, var(--color-stage) 12%, transparent);touch-action:none}.region-box{border:2px dashed var(--color-on-video);box-shadow:0 0 0 1px var(--color-video-shadow);color:var(--color-on-video);font:var(--weight-bold) 12px/1 var(--font-ui);text-shadow:0 1px 2px var(--color-video-shadow);padding:3px;position:absolute}.region-box.is-new{border-color:var(--color-fav)}.hook-handle{border:2px dashed var(--color-on-video);box-shadow:0 0 0 1px var(--color-video-shadow);border-radius:var(--radius-sm);cursor:move;touch-action:none;z-index:3;position:absolute}.hook-handle.is-dragging{border-style:solid}.safe-layer{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.safe-layer .covered{fill:var(--color-safe-covered)}.safe-layer .covered.approx{fill:var(--color-safe-approx)}.safe-layer .safe{fill:none;stroke:var(--color-safe-line);stroke-width:2px;stroke-dasharray:6 4;vector-effect:non-scaling-stroke}.safe-layer .icon{fill:var(--color-safe-icon);stroke:var(--color-safe-icon-stroke);stroke-width:1px;vector-effect:non-scaling-stroke;width:auto;height:auto}.safe-layer[hidden]{display:none}.safe-warnings{width:min(100%, max(var(--stage-w,100%), 420px));padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-small);border:1px solid color-mix(in srgb, var(--color-warning) 50%, transparent);background:color-mix(in srgb, var(--color-warning) 9%, var(--color-surface));max-height:28vh;margin:0 auto;overflow:auto}.safe-warnings.ok{border-color:color-mix(in srgb, var(--color-success) 45%, transparent);background:color-mix(in srgb, var(--color-success) 9%, var(--color-surface))}.safe-warnings ul{margin:var(--space-1) 0 0;padding-left:18px}.safe-warnings .src{margin-top:var(--space-1);display:block}.safe-warnings details p{margin:var(--space-1) 0}@media (max-width:767px){.safe-warnings{font-size:var(--text-caption);max-height:18vh}.safe-warnings.ok .src{display:none}}.panel-body>.tab-panel>.card:first-child,.panel-body>.tab-panel>:first-child{margin-top:0}.panel-body .card{padding:var(--space-4)}.panel-body .card>h2{font-size:var(--text-body);margin-bottom:var(--space-3)}.setup-card h2 .icon,.card h2 .icon{color:var(--accent-text)}.model-choice{gap:var(--space-2);display:grid}.progress-card{gap:var(--space-3);flex-direction:column;display:flex}.progress-head,.progress-foot{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.progress-tip{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-small);gap:var(--space-2);min-height:3.6em;transition:opacity var(--dur-slow) var(--ease);margin:0;display:flex}.progress-tip:empty{display:none}.progress-tip.is-fading{opacity:0}.progress-tip strong{color:var(--accent-text);flex:none}.editor{gap:var(--space-3);flex-direction:column;display:flex;position:relative}.mode-row{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.mode-switch{flex:260px;grid-template-columns:repeat(2,minmax(0,1fr))}.mode-switch button{white-space:nowrap;min-height:var(--control-h);justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-body);display:inline-flex}.mode-switch button[data-mode=fix][aria-checked=true]{background:color-mix(in srgb, var(--color-fix) 20%, var(--color-surface));box-shadow:inset 0 0 0 2px var(--color-fix)}.mode-switch button[data-mode=cut][aria-checked=true]{background:color-mix(in srgb, var(--color-cut) 20%, var(--color-surface));box-shadow:inset 0 0 0 2px var(--color-cut)}.mode-banner{gap:var(--space-1) var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-small);border:1px solid;flex-wrap:wrap;align-items:baseline;display:flex}.mode-banner[data-mode=fix]{border-color:color-mix(in srgb, var(--color-fix) 50%, transparent);background:color-mix(in srgb, var(--color-fix) 10%, transparent)}.mode-banner[data-mode=cut]{border-color:color-mix(in srgb, var(--color-cut) 55%, transparent);background:color-mix(in srgb, var(--color-cut) 11%, transparent)}.mode-banner[data-mode=fix] strong{color:color-mix(in srgb, var(--color-fix) 65%, var(--color-text))}.mode-banner[data-mode=cut] strong{color:color-mix(in srgb, var(--color-cut) 65%, var(--color-text))}.mode-first{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-2);font-size:var(--text-small);justify-content:space-between;align-items:center;display:flex}.editor-toolbar,.cut-tools{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.toolbar-group{align-items:center;gap:var(--space-1);display:inline-flex}.toolbar-group .muted{margin-right:var(--space-1)}.editor-hint{margin:0}.tool-row{align-items:stretch;gap:var(--space-2);flex-direction:column;display:flex}.tool-modes{grid-template-columns:repeat(4,minmax(0,1fr))}.word-list{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);position:relative}.editor[data-mode=cut] .word-list{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--color-cut) 50%, transparent)}.editor[data-mode=fix] .word-list{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-fix) 30%, transparent)}.word-line{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);display:flex}.word-line:last-child{border-bottom:0}.line-time{width:42px;font:var(--weight-medium) var(--text-caption) / 1 var(--font-ui);color:var(--color-text-subtle);font-variant-numeric:tabular-nums;cursor:pointer;text-align:left;background:0 0;border:0;flex:none;padding-top:7px}.line-time:hover{color:var(--accent-text)}.line-words{flex-wrap:wrap;gap:2px 3px;display:flex}.word{font:inherit;color:var(--color-text);border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);background:0 0;border:1px solid #0000;padding:2px 5px;line-height:1.45}.word:hover{background:var(--color-surface-2)}.word.is-current{background:var(--accent-soft)}.word.is-selected{border-color:var(--accent);background:var(--accent-soft)}.word.is-suspect{-webkit-text-decoration:underline wavy color-mix(in srgb, var(--color-warning) 70%, transparent);text-decoration:underline wavy color-mix(in srgb, var(--color-warning) 70%, transparent)}.word .chip-emoji{vertical-align:-.18em;width:1.05em;height:1.05em;margin-left:3px}.word.is-emphasis{box-shadow:inset 0 -2px 0 var(--accent-2)}.word.is-censored{color:var(--color-danger);background:color-mix(in srgb, var(--color-danger) 14%, transparent)}.word.is-censored.is-swapped{color:var(--color-warning);background:color-mix(in srgb, var(--color-warning) 14%, transparent)}.word.is-uncensored{-webkit-text-decoration:line-through dotted color-mix(in srgb, var(--color-danger) 60%, transparent);text-decoration:line-through dotted color-mix(in srgb, var(--color-danger) 60%, transparent)}.word.is-cut{text-decoration:line-through;-webkit-text-decoration-color:var(--color-cut);text-decoration-color:var(--color-cut);color:var(--color-text-subtle);text-decoration-thickness:2px}.word.is-cut .chip-emoji{opacity:.4}.editor.hide-removed .word.is-cut{display:none}.editor[data-mode=cut] .word{-webkit-user-select:none;user-select:none}.editor[data-mode=cut] .word.is-cut-selected{background:color-mix(in srgb, var(--color-cut) 28%, transparent);border-color:var(--color-cut)}.editor[data-mode=cut] .word.is-cut:hover:after{content:" ↺";color:var(--color-cut)}.word-empty{color:var(--color-text-muted);padding:var(--space-3);text-align:center}.word-editor{gap:var(--space-2);z-index:5;box-shadow:var(--shadow-md);flex-direction:column;display:flex;position:sticky;top:0;border-color:var(--accent)!important}.we-row{gap:var(--space-2);flex-wrap:wrap;align-items:flex-end;display:flex}.we-row label{font-size:var(--text-caption);color:var(--color-text-muted);font-weight:var(--weight-semibold);flex-direction:column;gap:3px;display:flex}.we-text{flex:1}.we-times label{width:92px}.emoji-pop{z-index:var(--z-popover);width:min(320px,100% - 8px);padding:var(--space-3);gap:var(--space-2);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;position:absolute}.word-menu{z-index:var(--z-popover);padding:var(--space-1);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-lg);animation:pop-in var(--dur) var(--ease);grid-template-columns:repeat(3,minmax(72px,1fr));gap:2px;display:grid;position:fixed}.word-menu button{min-height:56px;min-width:var(--tap);border-radius:var(--radius-md);color:var(--color-text);font:var(--weight-semibold) var(--text-caption) / 1 var(--font-ui);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.word-menu button:active,.word-menu button:hover{background:var(--color-surface-2)}.word-menu button[data-word-action=cut] .icon{color:var(--color-cut)}.word-menu button[aria-checked=true]{background:var(--accent-soft)}@keyframes pop-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}}@media (max-width:767px){.word-list{font-size:var(--text-lg);padding:var(--space-2);line-height:1.7}.word{min-height:36px;padding:4px 6px}.line-time{padding-top:10px}.mode-row{z-index:6;background:var(--color-bg-raised);padding:0 0 var(--space-2);margin-bottom:calc(-1 * var(--space-1));position:sticky;top:0}.mode-switch button{min-height:48px}.word-editor{top:60px}.editor>.mode-row{order:0}.editor>.mode-banner{padding:var(--space-1) var(--space-3);font-size:var(--text-caption);order:1}.editor>.mode-first{order:2}.editor>.cut-tools{order:3}.editor>.word-editor{order:4}.editor>.word-list{order:5}.editor>.editor-hint{order:6}.editor>.editor-toolbar{order:7}.editor>#fix-tools{display:none!important}.editor-toolbar .btn-sm,.cut-tools .btn-sm,.we-actions .btn-sm{min-height:40px}}.style-filter{gap:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;display:flex}.search-field{display:block;position:relative}.search-field .icon{color:var(--color-text-subtle);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-field input{padding-left:36px}.chips-scroll{scrollbar-width:none;margin:0 calc(-1 * var(--space-4));padding:0 var(--space-4) 2px;scroll-snap-type:x proximity;-webkit-mask-image:linear-gradient(90deg, transparent, var(--mask-opaque) var(--space-4), var(--mask-opaque) calc(100% - var(--space-6)), transparent);mask-image:linear-gradient(90deg, transparent, var(--mask-opaque) var(--space-4), var(--mask-opaque) calc(100% - var(--space-6)), transparent);flex-wrap:nowrap;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}.chips-scroll .chip{scroll-snap-align:start}@media (min-width:1024px){.chips-scroll{flex-wrap:wrap;margin:0;padding:0;overflow:visible;-webkit-mask-image:none;mask-image:none}}.preset-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:768px) and (max-width:1023px){.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.preset-item{content-visibility:auto;contain-intrinsic-size:auto 150px;display:flex;position:relative}.preset-card{gap:var(--space-2);border-radius:var(--radius-lg);border:2px solid var(--color-border);background:var(--color-surface);min-width:0;color:var(--color-text);font:inherit;cursor:pointer;text-align:left;transition:border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);flex-direction:column;flex:1;padding:5px;display:flex;position:relative}.preset-card:hover{border-color:var(--color-border-strong);transform:translateY(-1px)}.preset-card[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.preset-card[aria-checked=true]:before,.preset-card[aria-checked=true]:after{content:"";z-index:1;border-radius:50%;width:22px;height:22px;position:absolute;top:10px;left:10px}.preset-card[aria-checked=true]:before{background:var(--accent-strong);box-shadow:var(--shadow-sm)}.preset-card[aria-checked=true]:after{z-index:2;background:var(--color-on-accent);-webkit-mask:var(--mask-check) center / 14px no-repeat;-webkit-mask:var(--mask-check) center / 14px no-repeat;mask:var(--mask-check) center / 14px no-repeat}.preset-card canvas{aspect-ratio:4/3;border-radius:var(--radius-md);background:linear-gradient(160deg, var(--color-thumb-from), var(--color-thumb-to));width:100%;display:block}.preset-card .preset-name{font-weight:var(--weight-bold);font-size:var(--text-small);padding:0 var(--space-1) var(--space-1);justify-content:space-between;align-items:center;gap:var(--space-1);min-width:0;display:flex}.fav-btn{background:color-mix(in srgb, var(--color-stage) 60%, transparent);width:32px;height:32px;color:var(--color-on-video);cursor:pointer;transition:transform var(--dur-fast) var(--ease);border:0;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid;position:absolute;top:9px;right:9px}.fav-btn:hover{transform:scale(1.08)}.fav-btn[aria-pressed=true]{color:var(--color-fav)}@media (pointer:coarse){.fav-btn{width:var(--tap);height:var(--tap);-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 1px 3px var(--color-video-shadow);background:0 0;font-size:20px;top:3px;right:3px}}.inspector-slot:empty{display:none}.inspector-slot{margin-top:var(--space-5)}.inspector-slot .customize-card:before{content:"Customize";font-weight:var(--weight-bold);margin-bottom:var(--space-1);display:block}.inspector-sub{margin:0 0 var(--space-2)}.inspector-preset{align-items:center;gap:var(--space-2);font-weight:var(--weight-semibold);color:var(--color-text);display:inline-flex}.inspector-link{align-self:flex-start}.customize-card{background:0 0;border:0;padding:0}.inspector-slot .customize-card{border:1px solid var(--color-border);padding:var(--space-4);background:var(--color-surface)}.customize-card .field:first-of-type{margin-top:var(--space-2)}.style-options,.palette-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.palette-row input[type=color]{width:44px;height:36px}.save-preset{gap:var(--space-2);margin-top:var(--space-3);display:flex}.save-preset input{flex:1;min-width:0}.font-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.font-list li{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex}.font-list .font-sample{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-btn{cursor:pointer}.hook-card{background:0 0;border:0;padding:0!important}.hook-fields[hidden]{display:none}.hook-text-row{gap:var(--space-2);display:flex}.hook-text-row input{flex:1;min-width:0}.hook-text-row .btn{padding:0 var(--space-3)}.hook-style-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.hook-card .emoji-pop{width:100%;max-height:240px;margin:var(--space-1) 0;position:relative;overflow:auto}.tier-row{gap:var(--space-2) var(--space-4);padding:0 0 var(--space-3);font-size:var(--text-small);flex-wrap:wrap;display:flex}.tier-row label{align-items:center;gap:var(--space-2);cursor:pointer;min-height:32px;display:inline-flex}.tier-row.is-off{color:var(--color-text-subtle)}.tier-row.is-off input{opacity:.5}.list-editor{margin:var(--space-1) 0 var(--space-2);gap:var(--space-2);flex-direction:column;display:flex}.emoji-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));max-height:180px;display:grid;overflow-y:auto}.emoji-grid button{border-radius:var(--radius-sm);background:var(--color-surface-2);cursor:pointer;height:40px;transition:background-color var(--dur-fast) var(--ease);border:1px solid #0000;place-items:center;padding:0;display:grid}.emoji-grid button:hover{background:var(--color-surface-3)}.emoji-grid button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.emoji-grid img{pointer-events:none;width:24px;height:24px}.pair-list{gap:var(--space-2);margin:var(--space-1) 0 var(--space-2);flex-direction:column;display:flex}.pair{gap:var(--space-2);grid-template-columns:1fr auto 1fr auto;align-items:center;display:grid}.review-list{border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;max-height:360px;display:flex;overflow-y:auto}.review-item{gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:52px 1fr auto;align-items:center;display:grid}.review-item:last-child{border-bottom:0}.review-item .rv-time{font-size:var(--text-caption);color:var(--color-text-muted);font-variant-numeric:tabular-nums;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.review-item .rv-word strong{font-weight:var(--weight-bold)}.review-item .rv-word small{color:var(--color-text-muted);margin-left:6px}.review-item.is-skipped .rv-word strong{color:var(--color-text-muted);text-decoration:line-through}.review-item .btn-row{flex-wrap:nowrap}.review-empty{padding:var(--space-3);color:var(--color-text-muted);text-align:center;font-size:var(--text-small)}.fx-range{margin:var(--space-1) 0 var(--space-3)}.fx-range-sliders{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.fx-range-sliders label{font-size:var(--text-caption);color:var(--color-text-muted);flex-direction:column;gap:3px;display:flex}.fx-sub{border-top:1px solid var(--color-border);margin-top:var(--space-3);padding-top:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.fx-sub p{margin:0}.fx-list{gap:var(--space-2);flex-direction:column;display:flex}.fx-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);background:var(--color-surface-2)}.fx-item .field{margin:var(--space-2) 0}.fx-item-head,.fx-item-row{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.shortcuts{gap:var(--space-2) var(--space-4);margin:0 0 var(--space-3);font-size:var(--text-small);grid-template-columns:auto 1fr;align-items:center;display:grid}.shortcuts dt{flex-wrap:wrap;align-items:center;gap:3px;display:flex}.shortcuts dd{color:var(--color-text-muted);margin:0}.menu-list{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.menu-list button{align-items:center;gap:var(--space-3);width:100%;min-height:64px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;display:flex}.menu-list button:active{background:var(--color-surface-2)}.menu-list button>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.menu-list small{color:var(--color-text-muted)}.menu-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);flex:none;place-items:center;display:grid}.menu-chev{color:var(--color-text-subtle)}.more-links{gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-1);font-size:var(--text-small);flex-wrap:wrap;display:flex}.more-links a{color:var(--color-text-muted);min-height:var(--tap);align-items:center;display:inline-flex}.more-ad-slot .ad-band{margin-top:var(--space-8);padding:0}.export-modal{width:min(600px,100vw - 32px)}.export-panel{gap:var(--space-4);flex-direction:column;display:flex}.export-panel .card+.card{margin-top:0}.export-stepper{flex-wrap:wrap;justify-content:center}.export-settings{gap:var(--space-3);flex-direction:column;display:flex}.export-settings p{margin:0}.export-settings p:empty{display:none}.credit-toggle{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-2)}.done-card{gap:var(--space-3);border-color:color-mix(in srgb, var(--color-success) 45%, var(--color-border));background:radial-gradient(90% 70% at 0% 0%, color-mix(in srgb, var(--color-success) 12%, transparent), transparent 70%), var(--color-surface);flex-direction:column;display:flex}.done-head{gap:var(--space-3);align-items:center;display:flex}.done-head h2{font-size:var(--text-h2);margin:0}.done-head p{margin:var(--space-1) 0 0}.done-icon{background:color-mix(in srgb, var(--color-success) 16%, transparent);width:48px;height:48px;color:var(--color-success);animation:done-pop var(--dur-slow) var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.done-icon .icon{width:28px;height:28px}@keyframes done-pop{0%{opacity:0;transform:scale(.6)}}.done-preview{border-radius:var(--radius-md);background:var(--color-stage);width:100%;max-height:42vh}.share-hint{gap:var(--space-2);margin:0;display:flex}.share-hint .icon{margin-top:2px}.warnings{color:var(--color-warning);font-size:var(--text-small);margin:0;padding-left:1.1rem}.warnings:empty{display:none}.feedback-link{align-items:center;gap:var(--space-2);font-size:var(--text-small);display:inline-flex}@media (max-width:767px){dialog.export-modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:0;width:100vw;max-width:100vw;max-height:94dvh;margin:auto 0 0}dialog.export-modal[open]{animation:sheet-up var(--dur-slow) var(--ease)}.export-modal .modal-body{padding:var(--space-4) max(var(--space-4), env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left))}.export-stepper .step-label{font-size:var(--text-caption)}.export-stepper li+li:before{width:10px}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}.support-banner{gap:var(--space-3);margin:var(--space-3) auto 0;width:min(var(--content-w), calc(100% - 32px));padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--accent-softer);border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);font-size:var(--text-small);align-items:flex-start;line-height:1.45;display:flex}.support-banner[data-kind=error]{background:color-mix(in srgb, var(--color-danger) 10%, transparent);border-color:color-mix(in srgb, var(--color-danger) 45%, transparent)}.restore-banner p{margin:0 0 var(--space-2)}.restore-icon{color:var(--accent-text);margin-top:1px}body[data-view=editor] .support-banner{top:calc(var(--appbar-h) + var(--space-2) + env(safe-area-inset-top));z-index:var(--z-popover);background:var(--color-surface);width:min(600px,100vw - 24px);box-shadow:var(--shadow-lg);margin:0;position:fixed;left:50%;transform:translate(-50%)}.coach{z-index:var(--z-coach);position:fixed;inset:0}.coach-spot{border-radius:var(--radius-lg);box-shadow:0 0 0 9999px var(--color-scrim);outline:2px solid var(--accent);outline-offset:3px;transition:all var(--dur-slow) var(--ease);pointer-events:none;position:fixed}.coach-card{left:var(--space-4);right:var(--space-4);max-width:420px;padding:var(--space-5);border-radius:var(--radius-xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);transition:top var(--dur-slow) var(--ease);animation:pop-in var(--dur-slow) var(--ease);margin:0 auto;position:fixed}.coach-card h2{font-size:var(--text-h2);margin:var(--space-1) 0 var(--space-2)}.coach-card p{color:var(--color-text-muted)}.coach-card .btn-row{justify-content:flex-end}.coach-card .btn{min-height:var(--tap);padding:0 var(--space-5)}.coach-count{font:var(--weight-bold) var(--text-caption) / 1 var(--font-ui);color:var(--accent-text);text-transform:uppercase;letter-spacing:.08em}.ad-slot{display:block}.ad-slot:not(.has-ad){display:none}.ad-slot ins.adsbygoogle{min-height:0;display:block}.ad-slot ins.adsbygoogle[data-ad-status=unfilled]{display:none!important}.ad-slot:has(ins[data-ad-status=unfilled]){display:none}.ad-slot .ad-label{text-transform:uppercase;letter-spacing:.08em;font:var(--weight-bold) .625rem / 1 var(--font-ui);color:var(--color-text-subtle);text-align:center;margin-bottom:var(--space-2);display:none}.ad-slot:has(ins[data-ad-status=filled]){padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.ad-slot:has(ins[data-ad-status=filled]) .ad-label{display:block}.ad-band{width:min(var(--content-w), 100%);padding:0 var(--space-4);margin:0 auto}.ad-band:has(ins[data-ad-status=filled]){margin:var(--space-8) auto}.export-ad{margin-top:var(--space-8)}.export-ad:not(:has(ins[data-ad-status=filled])){margin:0}@media (min-width:1024px){.app-shell[data-section=style]{--panel-w:480px}.app-shell[data-section=style] .preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1680px){.app-shell[data-section=style]{--panel-w:620px}.app-shell[data-section=style] .preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.skeleton-lines{gap:var(--space-3);padding:var(--space-2) 0;flex-direction:column;display:flex}.skeleton-lines .skeleton{height:14px;width:var(--w,100%);border-radius:var(--radius-pill);display:block}@media (max-width:420px){.upload-stepper li:not(.is-current) .step-label,.export-stepper li:not(.is-current) .step-label{display:none}.upload-stepper,.export-stepper{flex-wrap:nowrap}}