deio-scroll 1.2.1 → 1.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/dist/api/server.js +2 -1
  2. package/dist/api/server.js.map +1 -1
  3. package/dist/cli.js +1 -2
  4. package/dist/cli.js.map +1 -1
  5. package/dist/contracts.d.ts +10 -0
  6. package/dist/contracts.d.ts.map +1 -1
  7. package/dist/contracts.js +2 -0
  8. package/dist/contracts.js.map +1 -1
  9. package/dist/editor/composeComparison.d.ts.map +1 -1
  10. package/dist/editor/composeComparison.js +48 -24
  11. package/dist/editor/composeComparison.js.map +1 -1
  12. package/dist/editor/composeResponsiveness.d.ts.map +1 -1
  13. package/dist/editor/composeResponsiveness.js +46 -17
  14. package/dist/editor/composeResponsiveness.js.map +1 -1
  15. package/dist/editor/frameVideo.js +16 -20
  16. package/dist/editor/frameVideo.js.map +1 -1
  17. package/dist/pipeline/recordComparison.d.ts.map +1 -1
  18. package/dist/pipeline/recordComparison.js +5 -1
  19. package/dist/pipeline/recordComparison.js.map +1 -1
  20. package/dist/pipeline/recordResponsiveness.d.ts.map +1 -1
  21. package/dist/pipeline/recordResponsiveness.js +6 -2
  22. package/dist/pipeline/recordResponsiveness.js.map +1 -1
  23. package/dist/types.d.ts +3 -0
  24. package/dist/types.d.ts.map +1 -1
  25. package/package.json +1 -1
  26. package/public/assets/{index-C63t4P1L.css → index-CLAE0CAX.css} +1 -1
  27. package/public/assets/index-CzYPgPxJ.js +9 -0
  28. package/public/index.html +2 -2
  29. package/public/assets/index-Sfgf7dSH.js +0 -9
package/public/assets/{index-C63t4P1L.css → index-CLAE0CAX.css} RENAMED
@@ -1 +1 @@
1
- @import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Syne:wght@500..800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Instrument Sans", system-ui, -apple-system, sans-serif;--font-display:"Syne", "Instrument Sans", system-ui, sans-serif;--font-mono:var(--font-sans);--ui-radius:8px;--radius:12px;--radius-sm:6px;--radius-lg:16px;--nav-width:212px;--nav-width-collapsed:64px;--workspace-sidebar-width:minmax(300px, 380px);--monitor-max-width:960px;--monitor-max-height:calc(100vh - 120px);--editor-timeline-track-height:56px}html[data-theme=light]{--bg:#eeece3;--surface:#faf8f1;--surface-elevated:#e6e3d8;--surface-muted:#f2f0e8;--text:#171914;--muted:#5f6259;--border:#d7d3c7;--border-hover:#bbb6a8;--border-active:#8c8a80;--accent:#3158c9;--accent-text:#fff;--accent-soft:#3158c91c;--accent-hover:#2447ad;--accent-secondary:#087e72;--accent-secondary-soft:#087e721a;--error:#ef4444;--success:#10b981;--playhead:#3158c9;--pause-block:#087e72;--tl-track-bg:#faf8f1;--tl-track-fill:#e6e3d8;--tl-track-line:#d7d3c7;--tl-trim-line:#171914;--tl-trim-ghost:#0000000f;--tl-ruler-text:#5f6259;--tl-pause-fill:#087e721f;--tl-pause-line:#087e7280;--glow:#3158c90a;--glow-strong:#3158c91f;--shadow-soft:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}html[data-theme=dark],:root:not([data-theme=light]){--bg:#0d0f0c;--surface:#151713;--surface-elevated:#1e211c;--surface-muted:#1a1d18;--text:#f4f1e8;--muted:#9b9d92;--border:#f4f1e814;--border-hover:#f4f1e82a;--border-active:#f4f1e840;--accent:#6b8cff;--accent-text:#101629;--accent-soft:#6b8cff24;--accent-hover:#82a0ff;--accent-secondary:#5ad8c5;--accent-secondary-soft:#5ad8c51f;--error:#f87171;--success:#4ade80;--playhead:#6b8cff;--pause-block:#5ad8c5;--tl-track-bg:#0d0f0c;--tl-track-fill:#1e211c;--tl-track-line:#f4f1e810;--tl-trim-line:#f4f1e8d9;--tl-trim-ghost:#0006;--tl-ruler-text:#9b9d92;--tl-pause-fill:#5ad8c52e;--tl-pause-line:#5ad8c580;--glow:#5ad8c509;--glow-strong:#6b8cff1c;--shadow-soft:none;--shadow-md:none;--shadow-lg:none}:root,html[data-theme=light],html[data-theme=dark]{--ui-line:var(--border);--ui-fill:var(--surface-elevated);--ui-surface:var(--surface);--ui-muted:var(--muted);--editor-line:var(--border);--editor-fill:var(--surface-elevated);--editor-surface:var(--surface);--editor-muted:var(--muted);--ui-radius:8px;--editor-radius:8px}.theme-toggle-btn{border-radius:var(--ui-radius);border:1px solid var(--ui-line);background:var(--ui-surface);width:32px;height:32px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.theme-toggle-btn:hover{border-color:var(--border-hover);background:var(--ui-fill)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;padding:2.5rem 1.5rem 3rem;line-height:1.5}button,input,select,textarea{font-family:inherit}body:has(.app-shell){background:var(--bg)}body:has(.app-shell):before{display:none}body:not(:has(.app-shell)):before{content:"";pointer-events:none;opacity:.2;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}body>*{z-index:1;position:relative}:is(body:has(.editor-workspace),body:has(.editor-empty),body:has(.app-shell)){padding:0}.app-shell{flex-direction:row;width:100%;max-width:none;height:100vh;min-height:100vh;margin:0;display:flex;overflow:hidden}.app-nav-sidebar{z-index:40;width:var(--nav-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;height:100vh;padding:.85rem .65rem;transition:width .18s;display:flex}.app-nav-sidebar.is-collapsed{width:var(--nav-width-collapsed);padding-inline:.5rem}.app-nav-top{flex-direction:column;gap:1rem;min-width:0;display:flex}.app-nav-brand{width:100%;color:var(--text);cursor:pointer;text-align:left;font-family:var(--font-sans);background:0 0;border:none;border-radius:10px;align-items:center;gap:.7rem;margin:0;padding:.45rem .5rem;display:flex}.app-nav-sidebar.is-collapsed .app-nav-brand{justify-content:center;padding-inline:.35rem}.app-nav-brand:hover{background:var(--surface-muted)}.app-nav-logo{object-fit:contain;border-radius:12px;flex-shrink:0;width:40px;height:40px;display:block}.app-nav-sidebar.is-collapsed .app-nav-logo{width:36px;height:36px}.app-nav-brand-text{flex-direction:column;gap:.16rem;min-width:0;display:flex}.app-nav-wordmark{white-space:nowrap;align-items:baseline;gap:.32rem;display:flex}.app-nav-wordmark strong{font-family:var(--font-display);letter-spacing:-.045em;white-space:nowrap;font-size:.98rem;font-weight:700}.app-nav-wordmark small{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.54rem;font-weight:700}.app-nav-live{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;font-weight:650}.app-nav-links,.app-nav-bottom{flex-direction:column;gap:.25rem;display:flex}.app-nav-link{width:100%;min-height:40px;color:var(--muted);font-family:var(--font-sans);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:.65rem;margin:0;padding:.5rem .65rem;font-size:.78rem;font-weight:550;transition:color .12s,background .12s,border-color .12s;display:flex}.app-nav-sidebar.is-collapsed .app-nav-link{justify-content:center;padding-inline:.4rem}.app-nav-link:hover{color:var(--text);background:var(--surface-muted)}.app-nav-link.is-active{color:var(--text);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 22%, transparent)}.capture-nav-icon{flex:none;place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.capture-nav-icon i{border:1.5px solid var(--surface);background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent);border-radius:50%;position:absolute}.capture-nav-icon.is-recording i{animation:1.35s ease-in-out infinite capture-nav-pulse}@keyframes capture-nav-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 0%, transparent)}}.app-nav-collapse{margin-top:.25rem}.product-brand{cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:.6rem;padding:0;display:inline-flex}.product-brand-text{text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.product-brand-text strong{letter-spacing:-.02em;font-size:.84rem;font-weight:600}.product-brand-live{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:#fca5a5;font-size:.58rem;font-weight:600}.product-chip{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ui-line);color:var(--ui-muted);background:var(--ui-surface);border-radius:var(--ui-radius);padding:.18rem .45rem;font-size:.58rem;font-weight:500}.product-chip-virtual,.product-chip-document{color:#a1a1aa}.product-segmented{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:var(--ui-radius);padding:2px;display:inline-flex}.product-segmented button{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.22rem .5rem;font-size:.62rem;font-weight:500}.product-segmented button.is-active{color:var(--text);background:var(--ui-fill);box-shadow:inset 0 0 0 1px var(--ui-line)}.product-btn{border-radius:var(--ui-radius);border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--text);cursor:pointer;white-space:nowrap;padding:.34rem .72rem;font-size:.72rem;font-weight:500;text-decoration:none;transition:border-color .12s,background .12s}.product-btn:hover:not(:disabled){border-color:var(--border-hover);background:var(--ui-fill);box-shadow:var(--shadow-soft)}.product-btn-primary{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.product-btn-primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);box-shadow:var(--shadow-md)}.product-btn-primary:disabled{opacity:.45;cursor:not-allowed}.product-btn-ghost{color:#a1a1aa;border-color:var(--ui-line);background:0 0}.product-muted{font-family:var(--font-sans);color:var(--ui-muted);font-size:.68rem;font-weight:500}.product-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.65rem;padding:3rem 1.5rem;display:flex}.product-empty h1{font-size:1rem;font-weight:600}.product-empty p{color:var(--ui-muted);max-width:24rem;font-size:.78rem;line-height:1.5}.lord-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.lord-icon-placeholder{background:var(--accent-soft);border-radius:4px}.device-chip-lucide{color:var(--muted);transition:color .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}.device-chip:hover .device-chip-lucide{color:var(--text);transform:translateY(-1px)}.device-chip.is-active .device-chip-lucide,.device-chip-lucide.is-active{color:var(--text);transform:scale(1.08)}.workspace-settings .field{margin-bottom:1rem}.panel-motion{overflow:hidden;padding:0!important}.motion-toggle{width:100%;font-family:var(--font-sans);text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:.45rem;padding:.65rem 0;display:flex}.motion-toggle-label{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);font-size:.62rem;font-weight:600}.motion-toggle-summary{font-family:var(--font-sans);color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.66rem;font-weight:500;overflow:hidden}.motion-toggle-chevron{width:16px;height:16px;color:var(--muted);flex-shrink:0;transition:transform .2s}.motion-toggle.is-open .motion-toggle-chevron{transform:rotate(180deg)}.motion-panel{border-top:1px solid var(--ui-line);padding-top:.85rem;padding-bottom:.15rem}.app-content{flex-direction:column;flex:1;min-width:0;height:100vh;min-height:0;padding:0;display:flex;overflow:hidden}.recorder-page{background:var(--bg);flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:1.25rem;height:100%;min-height:0;margin:0;padding:1.25rem;display:grid;overflow:hidden}.recorder-sidebar-panel{background:0 0;flex-direction:column;gap:1rem;height:100%;padding:0 4px 0 0;display:flex;overflow-y:auto}.recorder-sidebar-panel::-webkit-scrollbar{width:6px}.recorder-sidebar-panel::-webkit-scrollbar-track{background:0 0}.recorder-sidebar-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.recorder-preview-panel{box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:auto;padding:0;display:flex}.recorder-main-panel{flex-direction:column;gap:1rem;height:100%;padding:0 4px 0 0;display:flex;overflow-y:auto}.recorder-main-panel::-webkit-scrollbar{width:6px}.recorder-main-panel::-webkit-scrollbar-track{background:0 0}.recorder-main-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.recorder-controls-card{flex-wrap:nowrap;gap:0;padding:0;display:block}.controls-card-left{flex-wrap:wrap;align-items:center;gap:1.5rem;width:100%;display:flex}.controls-card-right{align-items:center;gap:.75rem;display:flex}.quality-field-horizontal{align-items:center;gap:.5rem;display:flex}.quality-field-horizontal label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.68rem;font-weight:700}.quality-field-horizontal select{width:auto;font-size:.74rem;font-family:var(--font-sans);height:32px;padding:.35rem 2rem .35rem .75rem}.quality-fixed-badge{font-family:var(--font-sans);text-transform:uppercase;background:var(--border);border-radius:var(--ui-radius);color:var(--muted);padding:.15rem .35rem;font-size:.58rem;font-weight:600}.recorder-capture-bar{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;align-items:stretch;gap:.55rem;padding:.65rem;display:flex}.capture-target-fields{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.capture-url-wrap{flex:220px;min-width:0}.capture-url-wrap .recorder-url-input{min-height:38px;padding:.5rem .65rem .5rem 2.15rem!important;font-size:.8rem!important}.capture-device-row{flex-wrap:nowrap;flex:0 auto;gap:.3rem;grid-template-columns:none!important;display:flex!important}.capture-device-row .recorder-device-btn{white-space:nowrap;padding:.42rem .55rem;font-size:.6rem}.capture-device-locked{flex:none;min-height:38px}.recorder-capture-bar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;min-width:0;display:flex}.recorder-capture-quality{flex:0 auto;align-items:center;gap:.65rem;min-width:0;display:flex}.recorder-capture-label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.62rem;font-weight:700}.render-tier-group{background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;align-items:stretch;gap:2px;min-width:0;padding:3px;display:inline-flex}.render-tier-btn{min-width:0;min-height:34px;color:var(--muted);cursor:pointer;font-family:var(--font-sans);text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .85rem;transition:color .14s,background .14s,border-color .14s,box-shadow .14s;display:inline-flex}.render-tier-btn:hover:not(.is-active){color:var(--text);background:color-mix(in srgb, var(--surface) 72%, transparent)}.render-tier-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.render-tier-btn.is-active{color:var(--text);background:var(--surface);border-color:color-mix(in srgb, var(--border) 80%, var(--border-active));box-shadow:0 1px 2px #00000014, 0 0 0 1px color-mix(in srgb, var(--border) 40%, transparent)}.render-tier-icon{color:inherit;opacity:.85;flex-shrink:0;place-items:center;display:grid}.render-tier-btn.is-active .render-tier-icon{opacity:1}.render-tier-name{font-family:var(--font-sans);letter-spacing:-.01em;color:inherit;font-size:.78rem;font-weight:650;line-height:1}.render-tier-hint{display:none}.render-tier-btn--standard.is-active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 28%, var(--border));box-shadow:0 1px 2px color-mix(in srgb, var(--accent) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}.render-tier-btn--cinematic.is-active{color:#762fda;border-color:color-mix(in srgb, #8b47eb 30%, var(--border));box-shadow:0 1px 2px #6e1ae61a,0 0 0 1px #8b47eb1f}[data-theme=dark] .render-tier-btn--cinematic.is-active{color:#b87bf4}.render-tier-btn--draft.is-active{color:#cb7b0b;border-color:color-mix(in srgb, #f9a006 35%, var(--border))}[data-theme=dark] .render-tier-btn--draft.is-active{color:#fbc251}button.recorder-capture-btn{border:1px solid var(--accent);background:var(--accent);width:auto;min-width:9.5rem;min-height:40px;color:var(--accent-text);font-family:var(--font-sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.2rem;font-size:.8rem;font-weight:650;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s,opacity .12s;display:inline-flex}button.recorder-capture-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-1px)}button.recorder-capture-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:var(--accent);border-color:var(--accent);color:var(--accent-text);transform:none}.recorder-capture-btn-sm,.recorder-editor-btn-sm,.recorder-export-btn{font-family:var(--font-sans);border-radius:var(--ui-radius);cursor:pointer;border:1px solid var(--border);justify-content:center;align-items:center;gap:.45rem;height:32px;padding:.45rem 1rem;font-size:.74rem;font-weight:600;transition:all .12s;display:flex}.recorder-capture-btn-sm:disabled{opacity:.45;cursor:not-allowed}.recorder-export-btn{color:var(--text);background:var(--surface);min-width:0;text-decoration:none}.recorder-export-btn:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.recorder-export-btn:disabled{opacity:.6;cursor:wait}.style-render-status{color:var(--muted);align-items:center;gap:.65rem;margin:0;font-size:.78rem;display:flex}.status-indicator-card{padding:1rem 1.5rem}.sidebar-section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.sidebar-section-title{color:var(--text);letter-spacing:-.015em;border-bottom:1px solid var(--border);margin-bottom:.25rem;padding-bottom:.5rem;font-size:.88rem;font-weight:700}@media (width<=960px){.recorder-page{grid-template-columns:1fr;gap:1rem;height:auto;padding:1rem;overflow:visible}.recorder-sidebar-panel{height:auto;padding-right:0;overflow:visible}.recorder-preview-panel{border-radius:0;height:auto;padding:0;overflow:visible}}.recorder-options-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);border-bottom:1px solid var(--ui-line);padding:.65rem .8rem;font-size:.62rem;font-weight:600}.recorder-options-body{flex-direction:column;gap:1rem;padding:.85rem .8rem 1rem;display:flex}.recorder-options-body .field{margin-bottom:0}.scroll-physics-form,.virtual-scroll-form{flex-direction:column;gap:1rem;display:flex}.field-label-row{align-items:center;gap:.35rem;margin-bottom:.4rem;display:flex}.field-label-row label{color:var(--ui-muted);margin-bottom:0;font-size:.68rem;font-weight:500}.info-tooltip{flex-shrink:0;display:inline-flex}.info-tooltip-trigger{color:var(--ui-muted);cursor:help;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:color .12s,background .12s;display:inline-flex}.info-tooltip-trigger:hover,.info-tooltip-trigger:focus-visible{color:var(--text);background:var(--ui-fill);outline:none}.recorder-fast-toggle .info-tooltip{margin-left:-.1rem}.checkbox-row .info-tooltip{margin-left:auto}.recorder-setup{flex-direction:column;gap:1rem;display:flex}.recorder-field{flex-direction:column;gap:.4rem;display:flex}.recorder-field label,.recorder-field-label{color:var(--ui-muted);flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:.68rem;font-weight:500;display:flex}.recorder-field-hint{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:.58rem;font-weight:600}.recorder-url-input{padding:.62rem .72rem .62rem 2.35rem!important;font-size:.82rem!important}.url-input-wrap.is-locked .recorder-url-input{color:var(--muted);background:var(--surface-muted);cursor:default}.recorder-device-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.recorder-device-btn{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);flex-direction:row;justify-content:center;align-items:center;gap:.35rem;padding:.52rem .4rem;font-size:.62rem;font-weight:500;transition:color .12s,background .12s,border-color .12s;display:flex}.recorder-device-btn:hover{color:var(--text);background:var(--ui-fill)}.recorder-device-btn.is-active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.recorder-device-locked{border:1px solid var(--border);border-radius:var(--ui-radius);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:.65rem;min-height:40px;padding:.45rem .65rem;display:flex}.recorder-device-locked-main{min-width:0;color:var(--text);align-items:center;gap:.45rem;font-size:.74rem;font-weight:600;display:inline-flex}.recorder-device-locked-dims{color:var(--muted);font-family:var(--font-sans);white-space:nowrap;font-size:.62rem;font-weight:500}.recorder-device-locked-badge{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:.28rem;font-size:.6rem;font-weight:700;display:inline-flex}.sidebar-section-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.sidebar-section-heading .sidebar-section-title{margin:0}.recorder-unlock-settings{border:1px solid var(--border);background:var(--surface);color:var(--muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;margin:0;padding:.22rem .5rem;font-size:.62rem;font-weight:650;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.recorder-unlock-settings:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-muted)}.recorder-unlock-settings.is-active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-soft)}.sidebar-section-card.is-locked-section{opacity:.98}.recorder-capture-summary{flex-direction:column;gap:.55rem;display:flex}.recorder-capture-summary-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.recorder-capture-summary-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:700}.recorder-capture-summary-value{color:var(--text);text-align:right;text-transform:capitalize;font-size:.72rem;font-weight:550}.recorder-capture-summary-note{border-top:1px solid var(--border);color:var(--muted);margin:.15rem 0 0;padding-top:.55rem;font-size:.66rem;line-height:1.45}.recorder-capture-ready{flex:1;align-items:center;gap:.65rem;min-width:0;padding:.15rem .2rem;display:flex}.recorder-capture-ready-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 18%, transparent);border-radius:50%;flex-shrink:0}.recorder-capture-ready-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.recorder-capture-ready-text strong{color:var(--text);letter-spacing:-.01em;font-size:.78rem;font-weight:650}.recorder-capture-ready-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.recorder-capture-actions{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.recorder-capture-secondary{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.74rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.recorder-capture-secondary:hover{background:var(--surface-muted);border-color:var(--border-hover)}.recorder-rerecord-hint{color:var(--muted);margin:.55rem 0 0;font-size:.68rem;line-height:1.4}.recorder-style-card{border-color:color-mix(in srgb, var(--accent) 22%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent)}.recorder-preview{justify-content:center;align-items:center;width:100%;min-width:0;padding-inline:0;display:flex}.recorder-preview .capture-window,.recorder-preview .result-container{width:min(100%, calc(var(--monitor-max-height) * var(--preview-w) / var(--preview-h)));margin:0;flex-shrink:0;max-width:100%;margin-inline:auto}.recorder-preview .result-container .browser-mockup{width:100%}.recorder-actions{flex-direction:column;gap:.65rem;display:flex}.recorder-actions .progress-card{margin-top:0}.recorder-actions .status.error{text-align:center;margin-top:0}.recorder-actions-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.recorder-fast-toggle{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.68rem;font-weight:500;display:inline-flex}.recorder-fast-toggle input{width:14px;height:14px;accent-color:var(--text)}.recorder-success{text-align:center;border-radius:var(--ui-radius);background:#10b98114;border:1px solid #10b98133;flex-direction:column;align-items:center;gap:.55rem;padding:.85rem .9rem;display:flex}.recorder-success p{color:var(--success);margin-bottom:0;font-size:.74rem;line-height:1.45}.recorder-editor-btn{font-family:var(--font-sans);color:var(--accent-text);cursor:pointer;background:var(--accent);border:1px solid var(--accent);border-radius:var(--ui-radius);padding:.45rem .85rem;font-size:.7rem;font-weight:600}.recorder-editor-btn:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.recorder-preview .capture-meta{justify-content:center;gap:.65rem;width:100%;margin-top:.65rem}.recorder-preview .result-container.is-portrait-device .capture-meta{flex-wrap:wrap}@media (width<=900px){.recorder-stage{grid-template-columns:1fr}.recorder-stage.is-portrait-stage{justify-content:stretch;width:100%}.recorder-stage.is-portrait-stage .recorder-preview{width:100%}.recorder-options{position:static}.recorder-preview .result-container{width:min(100%, calc((100vh - 320px) * var(--preview-w) / var(--preview-h)), calc(var(--monitor-max-height) * var(--preview-w) / var(--preview-h)))}}@media (width<=640px){.recorder-device-row{grid-template-columns:repeat(2,minmax(0,1fr))}.recorder-page{padding:1.25rem 1rem 2rem}}.workspace-grid{grid-template-columns:var(--workspace-sidebar-width) minmax(0, 1fr);align-items:stretch;gap:0;min-height:100vh;display:grid}.app-shell-editor{background:var(--bg);height:100vh;color:var(--text);overflow:hidden}.app-shell-editor .editor-body{flex:none;align-items:stretch;min-height:0}.workspace-preview{background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:.85rem 1.25rem 1rem;display:flex}.preview-stage{width:100%;max-width:var(--monitor-max-width);flex-direction:column;flex:1;gap:.55rem;display:flex}.preview-monitor{flex:1;min-height:0}.capture-bar{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);flex-direction:column;gap:.5rem;padding:.5rem .65rem;display:flex;position:sticky;bottom:.75rem}.capture-bar button[type=submit]{margin-top:0}.capture-bar-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.capture-fast-toggle{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.68rem;font-weight:500;display:inline-flex}.capture-fast-toggle input{width:14px;height:14px;accent-color:var(--text)}.capture-bar .progress-card,.capture-bar .status{margin-top:0}.workspace-settings{border-right:1px solid var(--ui-line);background:var(--bg);flex-direction:column;gap:0;padding:0;display:flex;overflow-y:auto}.workspace-settings,.editor-sidebar{scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.workspace-settings .panel{border:none;border-bottom:1px solid var(--ui-line);background:0 0;border-radius:0;padding:.9rem 1.1rem 1rem}.workspace-settings .panel+.panel{border-top:none;padding-top:.9rem}.workspace-settings .panel:hover{border-color:var(--ui-line)}.panel-section{margin-top:1.25rem}.panel-scroll .panel-title{margin-bottom:1.25rem}.form-stack{flex-direction:column;gap:1rem;display:flex}@media (width<=1024px){.app-shell>.app-header.product-topbar,.product-topbar{padding:0 1rem}.workspace-grid{grid-template-columns:1fr;min-height:0}.workspace-settings{border-right:none;border-bottom:1px solid var(--ui-line)}}header:not(.product-topbar){border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding-bottom:2rem;display:flex}.logo-area{align-items:center;gap:.75rem;display:flex}.logo-icon{width:28px;height:28px;stroke:var(--text)}h1{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.85rem;font-weight:700}.subtitle{color:var(--muted);max-width:600px;font-size:.95rem}.recording-status-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;margin-left:.5rem;animation:1.2s step-end infinite blink;display:inline-block;box-shadow:0 0 8px #ef4444}@keyframes blink{50%{opacity:0}}.sticky-panel{position:sticky;top:1.35rem}.panel{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:.9rem 1rem;transition:border-color .12s}.panel:hover{border-color:var(--border-hover)}.panel-title{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);border-bottom:1px solid var(--ui-line);margin-bottom:.85rem;padding-bottom:.5rem;font-size:.62rem;font-weight:600}.panel-hero{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.panel-step{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text);border:1px solid var(--border-active);background:#ffffff0f;border-radius:999px;flex-shrink:0;padding:.3rem .55rem;font-size:.65rem;font-weight:700}.panel-hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-bottom:.25rem;font-size:1.35rem;font-weight:700}.panel-hero-desc{color:var(--muted);font-size:.875rem;line-height:1.45}.target-panel{background:0 0}.url-input-wrap{position:relative}.url-input-icon{width:1rem;height:1rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.url-input{padding-left:2.35rem!important;font-size:.78rem!important}.url-field:focus-within .url-input-icon{color:var(--text)}.device-chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.device-chip{min-width:4rem;font-family:var(--font-sans);background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.45rem .42rem;transition:border-color .12s,background .12s;display:inline-flex}.device-chip:hover{border-color:var(--border-hover);background:var(--ui-fill)}.device-chip.is-active{color:var(--text);background:var(--ui-fill);box-shadow:inset 0 0 0 1px var(--ui-line);border-color:#ffffff2e}.device-chip-icon svg{width:18px;height:18px;color:var(--muted)}.device-chip.is-active .device-chip-icon svg{color:var(--text)}.device-chip-label{color:var(--ui-muted);font-size:.58rem;font-weight:500}.device-chip.is-active .device-chip-label{color:var(--text)}.device-preset-fallback{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.quality-field.is-disabled{opacity:.45;pointer-events:none}.capture-panel{background:0 0;border:none;flex-direction:column;flex:1;padding:0;display:flex}.capture-panel.sticky-panel{position:static}.capture-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.capture-panel-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.capture-status-badge{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-muted);border-radius:var(--ui-radius);flex-shrink:0;align-items:center;gap:.35rem;padding:.18rem .45rem;font-size:.58rem;font-weight:500;display:inline-flex}.capture-status-dot{background:var(--ui-muted);border-radius:50%;width:5px;height:5px}.capture-status-recording{color:#fca5a5cc;border-color:#ef444440}.capture-status-recording .capture-status-dot{background:#ef4444;animation:1.2s step-end infinite blink}.capture-status-ready{color:#86efaccc;border-color:#22c55e40}.capture-status-ready .capture-status-dot{background:#22c55e}.capture-window{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex;margin-top:0!important}.capture-controls{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;padding-top:1rem;display:flex}.capture-controls button[type=submit]{margin-top:0}.capture-toggle{margin-bottom:0}.capture-meta{padding-top:.25rem}.field{margin-bottom:1.25rem}.field:last-child{margin-bottom:0}.field.hidden{display:none}label{color:var(--ui-muted);margin-bottom:.4rem;font-size:.68rem;font-weight:500;display:block}input[type=url],input[type=text],input[type=number],select{width:100%;font-family:var(--font-sans);border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--bg);color:var(--text);outline:none;padding:.5rem .62rem;font-size:.78rem;font-weight:500;transition:border-color .12s}input[type=url]:focus,input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 2px var(--accent-soft)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}.hint{color:var(--ui-muted);margin-top:.4rem;font-size:.66rem;line-height:1.45}.row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.toggle-row{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .65rem;transition:border-color .12s;display:flex}.toggle-row:hover{border-color:var(--border-hover)}.toggle-copy strong{color:var(--text);margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.toggle-copy span{color:var(--muted);font-size:.75rem;line-height:1.35}.toggle{flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--text);border-color:var(--text)}.toggle input:checked+.toggle-slider:before{background:var(--bg);transform:translate(18px)}.curve-preview{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);margin-bottom:1.15rem;padding:.85rem}html[data-theme=light] .curve-preview{background:var(--surface);box-shadow:var(--shadow-soft)}.curve-preview-head{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.curve-preview-head strong{font-family:var(--font-sans);color:var(--text);font-size:.95rem;font-weight:600}.curve-preview-head span{font-family:var(--font-sans);color:var(--muted);font-size:.75rem}.canvas-container{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;position:relative;overflow:visible}html[data-theme=light] .canvas-container{background:var(--surface-muted);border-color:var(--border)}html[data-theme=light] .curve-preview-embedded .canvas-container{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.curve-preview-canvas{aspect-ratio:560/180;border-radius:inherit;width:100%;height:auto;display:block}.canvas-tip{color:var(--muted);text-align:center;margin-top:.65rem;font-size:.72rem;line-height:1.4}.curve-scroll-preview{z-index:80;background:var(--surface);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;width:220px;height:320px;margin:0;padding:0;transition:opacity .16s,transform .18s,visibility .16s;position:fixed;transform:translate(8px)scale(.96);box-shadow:0 16px 48px #00000038,0 4px 12px #0000001a}.curve-scroll-preview.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}.curve-scroll-preview-canvas{border-radius:inherit;width:220px;height:320px;display:block}.curve-preview-embedded{z-index:2;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;margin:0;padding:.45rem .55rem .55rem;display:flex;position:relative;overflow:visible}.curve-preview-embedded .curve-preview-head{flex-shrink:0;margin-bottom:.35rem}.curve-preview-embedded .curve-preview-head strong{font-size:.7rem}.curve-preview-embedded .curve-preview-head span{font-size:.6rem}.curve-preview-embedded .canvas-container{background:0 0;border:none;flex:1;min-height:0;display:block;overflow:visible}.curve-preview-embedded .curve-preview-canvas{aspect-ratio:560/180;width:100%;height:auto;min-height:0}.browser-placeholder-curve{background:var(--ui-fill);justify-content:stretch;align-items:stretch;gap:0;padding:0}.browser-placeholder-idle{background:radial-gradient(circle at 50% 30%, var(--accent-soft), transparent 50%), var(--surface-muted);gap:.55rem}.browser-placeholder.browser-placeholder-recording{background:radial-gradient(ellipse 80% 60% at 50% 40%, color-mix(in srgb, var(--error) 8%, transparent), transparent 70%), var(--surface-muted);text-align:center;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:1.5rem}.idle-viewport-badge{font-family:var(--font-sans);letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:var(--ui-radius);padding:.16rem .42rem;font-size:.58rem;font-weight:500}.idle-preview-url{font-family:var(--font-sans);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:.62rem;overflow:hidden}.curve-selection-area{margin-top:1.5rem}.curve-selection-area>label{margin-bottom:.75rem}.curve-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=560px){.curve-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.curve-card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--bg);cursor:pointer;text-align:left;outline:none;flex-direction:column;gap:.4rem;padding:.65rem;transition:border-color .12s,background .12s;display:flex}.curve-card:hover{border-color:var(--border-hover);background:var(--ui-fill)}.curve-card.active{background:var(--ui-fill);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--text);border-color:#ffffff2e}.curve-card svg{width:100%;height:40px;color:var(--muted);transition:color .2s;display:block}.curve-card.active svg{color:var(--text)}.curve-card-name{color:var(--text);font-size:.8rem;font-weight:600}.curve-card-desc{color:var(--muted);font-size:.7rem;line-height:1.3}.curve-card.wide{flex-direction:row;grid-column:1/-1;align-items:center;gap:1rem}.curve-card.wide svg{flex-shrink:0;width:60px;height:30px}.curve-card.wide .curve-card-info{flex-direction:column;gap:.2rem;display:flex}.actions-area{margin-top:1.5rem}button[type=submit]:not(.recorder-capture-btn){width:100%;font-family:var(--font-sans);border-radius:var(--ui-radius);background:var(--ui-fill);color:var(--text);cursor:pointer;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.74rem;font-weight:500;transition:background .12s,border-color .12s;display:flex}button[type=submit]:not(.recorder-capture-btn):hover:not(:disabled){background:#1a1a1f;border-color:#ffffff47}button[type=submit]:not(.recorder-capture-btn):disabled{opacity:.4;cursor:not-allowed;border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-muted)}.loader-circle{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:none}button[type=submit]:disabled .loader-circle{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status{font-family:var(--font-sans);text-align:left;border-radius:var(--ui-radius);min-height:1.25rem;margin-top:.5rem;padding:.45rem .55rem;font-size:.68rem;font-weight:500}.status.loading{color:var(--text);border:1px solid var(--ui-line);background:var(--ui-surface)}.status.error{color:var(--error);background:#ef444414;border:1px solid #ef444433}.status.success{color:var(--success);background:#10b98114;border:1px solid #10b98133}.progress-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.55rem .65rem;animation:.25s ease-out fadeIn;display:flex}.progress-card.hidden{display:none}.progress-header{justify-content:space-between;align-items:center;display:flex}.progress-title{color:var(--text);font-size:.72rem;font-weight:500}.progress-percent{font-family:var(--font-sans);color:var(--text);font-size:.68rem;font-weight:500}.progress-bar-track{background:var(--bg);border-radius:2px;width:100%;height:2px;overflow:hidden}.progress-bar-fill{background:#f4f4f5;border-radius:2px;width:0%;height:100%;transition:width .15s ease-out}.progress-footer{color:var(--ui-muted);justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.progress-status,.progress-timer{font-family:var(--font-sans)}.result{margin-top:2rem;animation:.3s ease-out fadeIn;display:none}.result.visible{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.browser-mockup{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);transition:max-width .2s,border-color .12s;overflow:hidden}.capture-browser.is-state-recording,.capture-browser.is-recording{border-color:#ef444466}.capture-browser.is-state-ready,.capture-browser.has-video{border-color:#22c55e55}.capture-browser.is-state-idle:not(.is-recording):not(.has-video){border-color:var(--ui-line)}.browser-mockup.is-mobile .browser-header{grid-template-columns:56px 1fr 40px;gap:.35rem;padding:.5rem .65rem}.browser-mockup.is-mobile .browser-dots .dot{width:7px;height:7px}.browser-mockup.is-mobile .browser-address-bar{padding:.25rem .45rem;font-size:.6rem}.browser-header{background:var(--ui-surface);border-bottom:1px solid var(--ui-line);grid-template-columns:72px 1fr 72px;align-items:center;gap:.45rem;padding:.45rem .65rem;display:grid}.browser-dots{gap:6px;display:flex}.browser-dots .dot{background:var(--border);border-radius:50%;width:9px;height:9px}.browser-dots .dot-close{background:#ff5f57}.browser-dots .dot-min{background:#febc2e}.browser-dots .dot-max{background:#28c840}.browser-address-bar{background:var(--bg);border:1px solid var(--ui-line);font-family:var(--font-sans);color:var(--ui-muted);border-radius:var(--ui-radius);justify-content:center;align-items:center;gap:.35rem;min-width:0;padding:.28rem .55rem;font-size:.62rem;font-weight:500;display:flex}.browser-lock{opacity:.5;flex-shrink:0;width:10px;height:10px}.browser-url-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-footer-bar{font-family:var(--font-sans);color:var(--ui-muted);background:var(--ui-surface);border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;padding:.3rem .65rem;font-size:.58rem;font-weight:500;display:flex}.browser-footer-value{color:var(--text)}.rec-card{border:1px solid var(--border);background:var(--surface);width:min(320px,88%);box-shadow:var(--shadow-md), 0 0 0 1px color-mix(in srgb, var(--error) 8%, transparent);text-align:left;border-radius:14px;flex-direction:column;align-items:stretch;gap:.55rem;padding:1rem 1.1rem 1.05rem;display:flex}.rec-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.rec-pill{border:1px solid color-mix(in srgb, var(--error) 35%, var(--border));background:color-mix(in srgb, var(--error) 12%, var(--surface));color:var(--error);letter-spacing:.08em;border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .55rem;font-size:.62rem;font-weight:700;display:inline-flex}.rec-dot{background:var(--error);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--error) 45%, transparent);border-radius:50%;animation:1.5s ease-out infinite rec-dot-pulse}@keyframes rec-dot-pulse{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--error) 45%, transparent)}70%{opacity:.75;box-shadow:0 0 0 6px color-mix(in srgb, var(--error) 0%, transparent)}to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--error) 0%, transparent)}}.rec-elapsed-chip{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:600}.rec-label{color:var(--text);letter-spacing:-.02em;margin:.15rem 0 0;font-size:.95rem;font-weight:650}.rec-detail{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.72rem;font-weight:500;overflow:hidden}.rec-progress{flex-direction:column;gap:.4rem;width:100%;margin-top:.35rem;display:flex}.rec-progress-track{background:color-mix(in srgb, var(--muted) 18%, transparent);border-radius:999px;width:100%;height:4px;overflow:hidden}.rec-progress-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--error) 75%, var(--accent)), var(--error));height:100%;transition:width .25s ease-out}.rec-progress-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.rec-progress-status{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.62rem;font-weight:500;line-height:1.3;overflow:hidden}.rec-progress-pct{color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.62rem;font-weight:650}.video-preview-wrapper.is-recording{border-color:color-mix(in srgb, var(--error) 28%, var(--border))!important;box-shadow:0 12px 32px color-mix(in srgb, var(--error) 10%, transparent), var(--shadow-md)!important}.browser-actions{justify-content:flex-end;display:flex}.browser-actions a{color:var(--muted);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;text-decoration:none;transition:all .2s;display:flex}.browser-actions a:hover{color:var(--text);background:var(--surface);border-color:var(--border)}.browser-actions a svg{width:14px;height:14px}.browser-mockup.capture-browser{width:100%;transition:width .2s}.browser-mockup.is-portrait{width:100%;max-width:100%}.browser-content{background:#000;height:0;position:relative;overflow:hidden}.browser-content.is-landscape-preview,.browser-content.is-portrait-preview{width:100%}.browser-media,.browser-placeholder{position:absolute;inset:0}.browser-media{object-fit:cover;line-height:0}.browser-content video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.meta{font-family:var(--font-sans);color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;font-size:.75rem;display:flex}.virtual-scroll-form{border-top:1px solid var(--border);padding-top:.25rem}.virtual-scroll-options.hidden{display:none}.checkbox-row{cursor:pointer;color:var(--text);align-items:center;gap:.55rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:flex}.checkbox-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--text)}input[type=number]:disabled{opacity:.45;cursor:not-allowed}.scroll-strategy-badge{border:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:600}.scroll-strategy-document{color:var(--muted);background:var(--surface-muted)}.scroll-strategy-virtual{color:var(--text);border-color:var(--border-active);background:#ffffff0f}.scroll-strategy-edited{color:#86efac;background:#22c55e1f;border-color:#22c55e59}.meta-badges{align-items:center;gap:.45rem;display:flex}.meta-actions{align-items:center;gap:.65rem;display:flex}.open-editor-btn{font-family:var(--font-sans);color:var(--text);background:var(--ui-fill);cursor:pointer;white-space:nowrap;border-radius:var(--ui-radius);border:1px solid #ffffff2e;padding:.28rem .55rem;font-size:.62rem;font-weight:500;transition:background .12s,border-color .12s}.open-editor-btn:hover{background:#1a1a1f;border-color:#ffffff47}.editor-topbar-left,.editor-topbar-right{align-items:center;gap:.75rem;display:flex}.editor-back-btn{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.78rem;font-weight:500;display:inline-flex}.editor-back-btn svg{width:14px;height:14px}.editor-back-btn:hover{color:var(--text);border-color:var(--border-active)}.editor-project-meta{flex-direction:column;gap:.1rem;display:flex}.editor-project-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:700}.editor-project-url{font-family:var(--font-sans);color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:28rem;font-size:.75rem;overflow:hidden}.editor-chip{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--editor-line);color:var(--editor-muted);background:var(--editor-surface);border-radius:var(--editor-radius);padding:.14rem .4rem;font-size:.56rem;font-weight:500}.editor-chip-virtual{color:#a1a1aa}.editor-unsaved{color:var(--muted);font-size:.72rem}.editor-download-btn{color:#86efac;border-radius:var(--radius-sm);background:#22c55e14;border:1px solid #22c55e59;padding:.45rem .8rem;font-size:.78rem;font-weight:600;text-decoration:none}.editor-export-btn{color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.editor-export-btn:disabled{opacity:.5;cursor:not-allowed}.editor-body{grid-template-columns:var(--workspace-sidebar-width) minmax(0, 1fr);flex:1;min-height:0;display:grid}.editor-sidebar{background:var(--bg);border-right:1px solid var(--editor-line);flex-direction:column;gap:0;padding:0;display:flex;overflow-y:auto}.editor-sidebar-intro{border-bottom:1px solid var(--editor-line);padding:1rem 1.1rem .9rem}.editor-sidebar-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--editor-muted);margin-bottom:.4rem;font-size:.62rem;font-weight:600;display:block}.editor-sidebar-url{font-family:var(--font-sans);color:#d4d4d8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.68rem;line-height:1.45;display:-webkit-box;overflow:hidden}.editor-sidebar-stats{font-family:var(--font-sans);color:var(--editor-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.62rem;font-weight:500;display:flex}.editor-sidebar-stats .editor-chip{padding:.12rem .38rem;font-size:.56rem}.editor-sidebar-section{border-bottom:1px solid var(--editor-line);padding:.85rem 1.1rem}.editor-sidebar-section h3{letter-spacing:.14em;text-transform:uppercase;color:var(--editor-muted);margin-bottom:.5rem;font-size:.62rem;font-weight:600}.editor-tool-btn{width:100%;color:var(--editor-muted);border-radius:var(--editor-radius);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;margin-bottom:.2rem;padding:.42rem .5rem;font-size:.75rem;font-weight:500;transition:color .12s,background .12s;display:flex}.editor-tool-btn:hover{color:var(--text);background:var(--editor-surface)}.editor-tool-btn-active{color:var(--text);background:var(--editor-fill);border-color:var(--editor-line);box-shadow:inset 2px 0 0 var(--text)}.editor-tool-btn:disabled{opacity:.4;cursor:not-allowed}.editor-tool-icon{width:1.1rem;height:1.1rem;color:var(--editor-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.editor-tool-icon svg{width:14px;height:14px}.editor-tool-btn-active .editor-tool-icon,.editor-tool-btn:hover .editor-tool-icon{color:var(--text)}.editor-tool-kbd{font-family:var(--font-sans);color:var(--editor-muted);border:1px solid var(--editor-line);background:var(--editor-surface);border-radius:3px;margin-left:auto;padding:.08rem .32rem;font-size:.56rem;font-weight:500}.editor-inspector-card{background:var(--editor-surface);border:1px solid var(--editor-line);border-radius:var(--editor-radius);padding:.65rem}.editor-inspector-empty p{color:var(--editor-muted);margin-bottom:.6rem;font-size:.7rem;line-height:1.5}.editor-inspector-row{justify-content:space-between;align-items:center;margin-bottom:.55rem;font-size:.72rem;display:flex}.editor-inspector-row span{color:var(--editor-muted);font-size:.68rem}.editor-inspector-row strong{font-family:var(--font-sans);color:var(--text);font-size:.72rem;font-weight:500}.editor-inspector-field{color:var(--editor-muted);flex-direction:column;gap:.3rem;margin-bottom:.55rem;font-size:.68rem;font-weight:500;display:flex}.editor-inspector-field input{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--editor-line);border-radius:var(--editor-radius);font-family:var(--font-sans);outline:none;padding:.38rem .48rem;font-size:.72rem;font-weight:500;transition:border-color .12s}.editor-inspector-field input:focus{border-color:#ffffff2e}.editor-inspector-delete{color:#f87171b3;border-radius:var(--editor-radius);cursor:pointer;background:0 0;border:1px solid #ef444433;width:100%;padding:.38rem;font-size:.68rem;font-weight:500;transition:color .12s,border-color .12s}.editor-inspector-delete:hover{color:var(--error);border-color:#ef444466}.editor-sidebar-hint{border-bottom:none;margin-top:auto}.editor-sidebar-hint p{color:var(--editor-muted);font-size:.66rem;line-height:1.55}.editor-sidebar-hint kbd{font-family:var(--font-sans);border:1px solid var(--editor-line);background:var(--editor-surface);border-radius:3px;padding:.08rem .3rem;font-size:.58rem;font-weight:500}.editor-stage{background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;gap:.55rem;min-height:0;padding:.85rem 1.25rem .5rem;display:flex}.editor-stage-label{width:min(100%, var(--monitor-max-width));justify-content:space-between;align-items:baseline;padding:0;display:flex}.editor-stage-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--editor-muted);font-size:.62rem;font-weight:600}.editor-stage-mode{font-family:var(--font-sans);color:var(--editor-muted);border:1px solid var(--editor-line);background:var(--editor-surface);border-radius:var(--editor-radius);padding:.14rem .42rem;font-size:.58rem;font-weight:500}.editor-monitor{width:min(100%, var(--monitor-max-width));max-height:var(--monitor-max-height);border:1px solid var(--editor-line);border-radius:var(--editor-radius);background:#000;position:relative;overflow:hidden}.editor-monitor-framed{background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#0000;place-items:center;padding:8%;display:grid}.editor-video-card{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.editor-video-card.has-shadow{box-shadow:0 18px 36px #0000007a,0 5px 12px #00000052}.editor-monitor-video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.editor-canvas-section{gap:.65rem}.editor-section-heading{justify-content:space-between;align-items:center;display:flex}.editor-section-heading h3{margin:0}.editor-section-heading span{font-family:var(--font-sans);color:var(--editor-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem}.editor-canvas-copy{color:var(--editor-muted);margin:-.2rem 0 0;font-size:.72rem;line-height:1.45}.editor-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;display:grid}.editor-background-option{color:var(--editor-muted);text-align:left;background:var(--editor-fill);border:1px solid var(--editor-line);cursor:pointer;border-radius:5px;min-width:0;padding:.25rem;font-size:.6rem;font-weight:600;transition:border-color .12s,box-shadow .12s,color .12s}.editor-background-option img,.editor-background-none-mark{aspect-ratio:16/9;object-fit:cover;background:#111;border-radius:3px;width:100%;margin-bottom:.22rem;display:block}.editor-background-none-mark{color:var(--editor-muted);border:1px dashed var(--editor-line);text-align:center;place-content:center;font-size:1rem;font-weight:300}.editor-background-option:hover{color:var(--text);border-color:var(--border-active)}.editor-background-option.is-selected{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.editor-canvas-shadow{color:var(--text);cursor:pointer;align-items:center;gap:.45rem;margin-top:.1rem;font-size:.7rem;font-weight:500;display:flex}.editor-canvas-shadow input{accent-color:var(--accent)}.editor-canvas-shadow.is-disabled{color:var(--editor-muted);cursor:not-allowed;opacity:.55}.recorder-canvas-form{flex-direction:column;gap:.58rem;display:flex}.recorder-canvas-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.recorder-canvas-title{color:var(--text);align-items:center;gap:.42rem;display:flex}.recorder-canvas-heading .sidebar-section-title{margin:0}.recorder-canvas-heading>span{font-family:var(--font-sans);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;padding:.18rem .38rem;font-size:.56rem;font-weight:600}.recorder-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;display:grid}.recorder-background-option{color:var(--muted);text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;min-width:0;padding:.22rem;font-size:.56rem;font-weight:600;transition:border-color .14s,box-shadow .14s,color .14s,transform .14s}.recorder-background-option img,.recorder-background-none-mark{aspect-ratio:16/9;object-fit:cover;background:#111;border-radius:4px;width:100%;margin-bottom:.18rem;display:block}.recorder-background-none-mark{color:var(--muted);border:1px dashed var(--border-hover);place-items:center;display:grid}.recorder-background-option-name{white-space:nowrap;text-overflow:ellipsis;padding-inline:.08rem;display:block;overflow:hidden}.recorder-background-option:hover{color:var(--text);border-color:var(--border-active);transform:translateY(-1px)}.recorder-background-option.is-selected{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.recorder-frame-toggles{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.2rem;display:grid}.recorder-frame-toggle{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.36rem;min-height:30px;padding:.28rem .45rem;font-size:.62rem;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:flex}.recorder-frame-toggle:hover:not(:disabled){color:var(--text);background:var(--surface)}.recorder-frame-toggle.is-active{color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-soft)}.recorder-frame-toggles.is-disabled{opacity:.45}.recorder-frame-toggle:disabled{cursor:not-allowed}.recorder-apply-style{color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;min-height:32px;font-size:.66rem;font-weight:650;display:flex}.recorder-apply-style:disabled{cursor:wait;opacity:.65}.recorder-page{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:1.5rem;padding:1.5rem}.recorder-sidebar-panel{gap:.7rem}.recorder-sidebar-panel .sidebar-section-card{box-shadow:none;border-radius:14px;gap:.75rem;padding:1rem}.recorder-sidebar-panel .sidebar-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border:none;margin:0;padding:0;font-size:.62rem;font-weight:700}.recorder-main-panel{gap:1.25rem;padding:0}.recorder-controls-card{box-shadow:none;background:0 0;border:none;flex-wrap:nowrap;padding:0;display:block}.recorder-export-btn{white-space:nowrap;min-height:72px;padding:.75rem;font-size:.76rem}.recorder-preview-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex:1;min-height:0;padding:clamp(1.5rem,4vw,4rem);position:relative;overflow:auto}.recorder-preview-panel:before{display:none}.recorder-preview{z-index:1;position:relative}.recorder-preview-panel .recorder-preview .capture-window,.recorder-preview-panel .recorder-preview .result-container{width:min(100%, var(--monitor-max-width), max(12rem, calc((100dvh - 18rem) * var(--preview-w) / var(--preview-h))))}.recorder-preview .video-preview-wrapper{border-radius:14px!important;box-shadow:0 24px 60px #0000002e!important}.video-card-shell{border-radius:16px;width:100%;position:relative;box-shadow:inset 0 1px #ffffff24,0 18px 40px -18px #00000073}.custom-video-player-container{isolation:isolate;border:1px solid color-mix(in srgb, var(--border) 82%, white);border-radius:inherit;cursor:pointer;width:100%;box-shadow:none;background:#050505;position:relative;overflow:hidden}.custom-video-player-container video{object-fit:cover;border-radius:0;width:100%;height:auto;display:block}.recorder-preview-panel.has-canvas-rounded .video-card-shell,.recorder-preview-panel.has-canvas-rounded .custom-video-player-container{border-radius:clamp(12px,1.2vw,20px)}.recorder-preview-panel.has-canvas-rounded .video-preview-wrapper{overflow:hidden;border-radius:clamp(12px,1.2vw,20px)!important}.recorder-preview-panel.has-canvas-rounded .browser-content{border-radius:clamp(12px,1.2vw,20px);overflow:hidden!important}.recorder-preview-panel.has-canvas-shadow .video-card-shell{border-radius:clamp(12px,1.2vw,20px);box-shadow:0 2px 4px #0000001f,0 12px 28px -6px #00000052,0 28px 56px -12px #0000006b}.recorder-preview-panel.has-canvas-shadow .custom-video-player-container{box-shadow:none;border-color:#ffffff2e}.recorder-preview-panel.has-canvas-rounded.has-canvas-shadow .video-card-shell{box-shadow:0 2px 4px #0000001f,0 14px 32px -8px #00000057,0 32px 64px -14px #00000073}.custom-video-player-container .player-controls-deck{box-shadow:0 10px 30px #0003;background:#0a0c10b8!important;border-radius:12px!important;bottom:14px!important;left:14px!important;right:14px!important}.player-export-btn{text-decoration:none;color:var(--accent)!important}.style-render-veil{z-index:12;text-align:center;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:linear-gradient(#04070c33,#04070c9e);place-content:center;gap:.3rem;font-size:.82rem;font-weight:650;display:grid;position:absolute;inset:0}.style-render-veil small{color:#ffffffa6;font-size:.67rem;font-weight:500}.style-render-spinner{border:2px solid #ffffff38;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;margin:0 auto .25rem;animation:.85s linear infinite recorder-spin}@keyframes recorder-spin{to{transform:rotate(360deg)}}.scrub-container:after{content:"";position:absolute;inset:-8px 0}.scrub-container .scrub-handle{transition:transform .14s,box-shadow .14s!important}.scrub-container:hover .scrub-handle,.scrub-container.is-scrubbing .scrub-handle{transform:scale(1.3);box-shadow:0 2px 10px #0000008c!important}.recorder-preview-panel.has-canvas-background{background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:clamp(2rem,5.5vw,4.5rem)}.recorder-preview-panel.has-canvas-background:before{display:none}.recorder-preview-panel.has-canvas-background .result-container,.recorder-preview-panel.has-canvas-background .capture-window{width:84%;margin-inline:auto}.recorder-preview-panel.has-canvas-shadow .video-preview-wrapper{box-shadow:0 4px 10px #0000002e,0 18px 36px -8px #00000061,0 36px 72px -16px #0000006b!important}.recorder-preview-panel.has-canvas-rounded .video-preview-wrapper{border-radius:clamp(12px,1.2vw,20px)!important}.recorder-disclosure{border:1px solid var(--border);border-radius:10px;overflow:visible}.recorder-disclosure summary{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;min-height:42px;padding:.55rem .65rem;font-size:.72rem;font-weight:650;list-style:none;display:flex}.recorder-disclosure summary::-webkit-details-marker{display:none}.recorder-disclosure summary small{color:var(--muted);text-transform:capitalize;margin-left:auto;font-size:.6rem;font-weight:500}.recorder-disclosure-icon{color:var(--accent);place-items:center;display:grid}.recorder-disclosure-chevron{color:var(--muted);transition:transform .16s}.recorder-disclosure[open] .recorder-disclosure-chevron{transform:rotate(180deg)}.recorder-disclosure-content{border-top:1px solid var(--border);flex-direction:column;gap:0;padding:.75rem;display:flex}.motion-stack{flex-direction:column;gap:.15rem;display:flex}.motion-block{border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);flex-direction:column;gap:.7rem;padding:.85rem 0;display:flex}.motion-stack>.motion-block:first-child,.recorder-disclosure-content>.motion-block:first-child,.recorder-disclosure-content>.scroll-physics-form>.motion-block:first-child{border-top:none;padding-top:.15rem}.motion-block-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.motion-block-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:700}.motion-block-title .field-label-row{margin:0}.motion-block-title .field-label-row label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:700}.motion-field{flex-direction:column;gap:.4rem;display:flex}.motion-field-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.motion-field-value{color:var(--muted);font-family:var(--font-sans);white-space:nowrap;font-size:.62rem;font-weight:500}.motion-select,.motion-number-input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:36px;color:var(--text);font-family:var(--font-sans);border-radius:8px;padding:.45rem .6rem;font-size:.74rem}.motion-number-input{font-family:var(--font-sans);font-size:.72rem}.motion-select:focus,.motion-number-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.motion-slider{width:100%;height:1.25rem;accent-color:var(--accent);cursor:pointer;margin:0}.motion-slider-ends{color:var(--muted);justify-content:space-between;margin-top:-.15rem;font-size:.58rem;font-weight:500;display:flex}.motion-seg{border:1px solid var(--border);background:var(--surface-muted);border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;display:grid}.motion-seg--3{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-seg button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.3rem .35rem;font-size:.66rem;font-weight:600;transition:color .12s,background .12s,box-shadow .12s}.motion-seg button:hover:not(:disabled):not(.is-active){color:var(--text)}.motion-seg button.is-active{color:var(--text);background:var(--surface);border-color:color-mix(in srgb, var(--border) 70%, transparent);box-shadow:0 1px 2px #0000000f}.motion-advanced{border:1px solid var(--border);background:var(--surface-muted);border-radius:9px;overflow:hidden}.motion-advanced>summary{min-height:36px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.7rem;font-weight:600;list-style:none;display:flex}.motion-advanced>summary::-webkit-details-marker{display:none}.motion-advanced>summary span{color:var(--muted);font-size:.62rem;font-weight:500}.motion-advanced-body{border-top:1px solid var(--border);flex-direction:column;gap:.65rem;padding:.65rem .65rem .75rem;display:flex}.motion-check{color:var(--text);cursor:pointer;align-items:center;gap:.45rem;font-size:.72rem;font-weight:500;display:inline-flex}.motion-check input{accent-color:var(--accent)}.motion-text-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:.25rem;margin:0;padding:.2rem .4rem;font-size:.66rem;font-weight:650;display:inline-flex}.motion-text-btn:hover:not(:disabled){background:var(--accent-soft)}.motion-text-btn:disabled{opacity:.45;cursor:not-allowed}.motion-footnote{color:var(--muted);margin:.1rem 0 0;font-size:.6rem;font-weight:500}.recorder-sidebar-panel{scrollbar-width:none}.recorder-sidebar-panel::-webkit-scrollbar{width:0;height:0;display:none}.recorder-disclosure-content .curve-visualizer-container{z-index:4;margin-top:.15rem;position:relative;overflow:visible}.recorder-disclosure-content .curve-preview-embedded{padding:.35rem .4rem .4rem;overflow:visible}.recorder-disclosure-content .canvas-tip{opacity:.85;margin-top:.35rem;font-size:.58rem}.recorder-disclosure,.recorder-disclosure[open],.recorder-disclosure-content{overflow:visible}.pause-triggers-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.pause-trigger-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.3rem;display:grid}.pause-trigger-selector{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:32px;color:var(--text);font-family:var(--font-sans);border-radius:6px;padding:.35rem .5rem;font-size:.7rem}.pause-trigger-selector:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.pause-trigger-selector::placeholder{color:var(--muted);opacity:.7}.pause-trigger-duration-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;display:grid}.pause-trigger-duration-options button{border:1px solid var(--border);background:var(--surface);min-width:2rem;min-height:28px;color:var(--muted);cursor:pointer;border-radius:5px;padding:.2rem .25rem;font-size:.58rem;font-weight:650}.pause-trigger-duration-options button:hover:not(:disabled){color:var(--text)}.pause-trigger-duration-options button.is-active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.pause-trigger-remove{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:grid}.pause-trigger-remove:hover:not(:disabled){color:var(--error);background:color-mix(in srgb, var(--error) 10%, transparent)}.pause-trigger-remove:disabled,.pause-trigger-duration-options button:disabled{opacity:.45;cursor:not-allowed}.pause-triggers-empty-btn{border:1px dashed var(--border);background:var(--surface-muted);width:100%;color:var(--muted);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:.55rem;margin:0;padding:.55rem .65rem;transition:border-color .12s,color .12s,background .12s;display:flex}.pause-triggers-empty-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-hover);background:var(--surface)}.pause-triggers-empty-btn span{flex-direction:column;gap:.1rem;font-size:.72rem;font-weight:600;display:flex}.pause-triggers-empty-btn small{color:var(--muted);font-size:.6rem;font-weight:500}.pause-triggers-empty-btn:disabled{opacity:.45;cursor:not-allowed}.pause-triggers-form.is-disabled{opacity:.7;pointer-events:none}@media (width<=420px){.pause-trigger-row{grid-template-columns:minmax(0,1fr) auto}.pause-trigger-duration-options{grid-column:1/-1}}@media (width<=960px){.recorder-page{grid-template-columns:1fr;padding:1rem}.recorder-preview-panel{min-height:360px}}@media (width<=640px){.recorder-capture-bar{gap:.55rem;padding:.6rem}.capture-target-fields{flex-direction:column;align-items:stretch}.capture-device-row{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid!important}.capture-device-row .recorder-device-btn{padding:.45rem .25rem}.capture-device-row .recorder-device-btn span{display:none}.recorder-capture-bar-row{flex-direction:column;align-items:stretch}.recorder-capture-quality,.recorder-capture-ready{width:100%}.recorder-capture-quality{flex-direction:column;align-items:stretch;gap:.4rem}.render-tier-group{width:100%;display:flex}.render-tier-btn{flex:1 1 0;min-width:0;padding:.5rem .65rem}.recorder-capture-actions{width:100%;margin-left:0}.recorder-capture-secondary{flex:1}button.recorder-capture-btn{flex:1;width:auto;min-height:44px}.recorder-preview-panel{min-height:250px;padding:1.25rem}.sidebar-section-heading{flex-wrap:wrap}}.editor-monitor-play{color:#f4f4f5;cursor:pointer;background:#00000073;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:auto;transition:border-color .12s,background .12s;display:flex;position:absolute;inset:0}.editor-monitor-play:hover{background:#000000a6;border-color:#ffffff8c}.editor-monitor-play svg{width:18px;height:18px;margin-left:2px}.editor-transport{background:var(--editor-surface);border:1px solid var(--editor-line);border-radius:var(--editor-radius);width:min(100%, var(--monitor-max-width));align-items:center;gap:.35rem;padding:.38rem .55rem;display:flex}.editor-transport-btn{font-family:var(--font-sans);color:var(--editor-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:.28rem .52rem;font-size:.68rem;font-weight:500;transition:color .12s,background .12s}.editor-transport-btn:hover{color:var(--text);background:var(--editor-fill)}.editor-transport-btn-primary{color:var(--text);background:var(--editor-fill);border-color:var(--editor-line);text-align:center;min-width:3.75rem}.editor-timecode{font-family:var(--font-sans);color:var(--editor-muted);margin-left:.25rem;font-size:.68rem;font-weight:500}.editor-timecode-current{color:var(--text)}.editor-timecode-sep{color:var(--editor-muted);opacity:.6}.editor-timecode-mode{letter-spacing:.1em;text-transform:uppercase;color:var(--editor-muted);margin-left:auto;padding-left:.5rem;font-size:.58rem;font-weight:500}.editor-preview-toggle{border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;padding:2px;display:inline-flex}.editor-preview-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .65rem;font-size:.68rem;font-weight:600}.editor-preview-toggle button.is-active{color:var(--text);background:#ffffff1a}.editor-timeline-panel{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;flex:1;min-height:0;padding:.5rem 1.25rem .85rem;display:flex}.editor-timeline-toolbar{flex-shrink:0;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.55rem;display:flex}.editor-timeline-title{letter-spacing:.14em;text-transform:uppercase;color:var(--tl-ruler-text);font-size:.62rem;font-weight:600}.editor-timeline-meta{font-family:var(--font-sans);color:var(--tl-ruler-text);font-size:.68rem;font-weight:500}.editor-export-note{color:var(--editor-muted);font-family:var(--font-sans);margin-top:.45rem;font-size:.66rem;font-weight:500}.tl-root{flex-direction:column;flex:1;justify-content:flex-start;min-height:0;margin-top:0;display:flex}.tl-ruler{flex-shrink:0;height:16px;margin-bottom:4px;margin-left:44px;position:relative}.tl-ruler-mark{font-family:var(--font-sans);color:var(--tl-ruler-text);white-space:nowrap;font-size:.58rem;font-weight:500;position:absolute;top:0;transform:translate(-50%)}.tl-ruler-mark:before{content:"";background:var(--tl-track-line);width:1px;height:4px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tl-track-wrap{flex:none;grid-template-columns:44px 1fr;align-items:center;gap:.65rem;display:grid;overflow:visible}.tl-track-host{position:relative;overflow:visible}.tl-track-overlay{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:visible}.tl-track-label{color:var(--tl-ruler-text);letter-spacing:.08em;text-transform:uppercase;text-align:right;font-size:.58rem;font-weight:600}.tl-track{height:var(--editor-timeline-track-height);border:1px solid var(--tl-track-line);cursor:pointer;background:var(--tl-track-bg);border-radius:4px;position:relative;overflow:hidden}.tl-track-source{isolation:isolate}.tl-source-base{background:var(--tl-track-fill);position:absolute;inset:0}.tl-trim-ghost{background:var(--tl-trim-ghost);pointer-events:none;z-index:1;position:absolute;inset:0}.tl-trim-ghost-start{left:0}.tl-trim-ghost-end{right:0}.tl-trim-window{pointer-events:none;z-index:2;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;position:absolute;inset:0}.tl-block{pointer-events:none;z-index:3;position:absolute;inset:0}.tl-block-play{display:none}.tl-pause{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:6;border-radius:2px;min-width:28px;height:22px;display:flex;position:absolute;top:4px;left:0;overflow:hidden}.tl-pause-anchor{background:var(--tl-pause-line);z-index:2;flex-shrink:0;width:1px}.tl-pause-body{background:var(--tl-pause-fill);border-top:1px solid var(--tl-pause-line);border-bottom:1px solid var(--tl-pause-line);border-right:1px solid #f59e0b33;flex:1;justify-content:flex-end;align-items:center;min-width:0;padding-right:4px;display:flex;position:relative}.tl-pause-label{font-family:var(--font-sans);color:#fbbf24d9;pointer-events:none;opacity:0;white-space:nowrap;font-size:.58rem;font-weight:500;transition:opacity .15s}.tl-pause-time{display:none}.tl-pause:hover .tl-pause-label,.tl-pause.is-selected .tl-pause-label,.tl-pause.is-dragging .tl-pause-label,.tl-pause.is-resizing .tl-pause-label{opacity:1}.tl-pause.is-selected .tl-pause-body{background:color-mix(in srgb, var(--pause-block) 32%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pause-block) 48%, transparent)}.tl-pause.is-dragging,.tl-pause.is-resizing,.tl-root.is-dragging .tl-pause,.tl-root.is-dragging .tl-track{cursor:grabbing}.tl-pause-handle-end{cursor:ew-resize;z-index:3;background:0 0;border:none;flex-shrink:0;width:8px;padding:0;position:relative}.tl-pause-handle-end:after{content:"";background:#fbbf24a6;border-radius:999px;width:3px;height:3px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.tl-pause.is-selected .tl-pause-handle-end:after,.tl-pause:hover .tl-pause-handle-end:after,.tl-pause.is-resizing .tl-pause-handle-end:after{border-radius:1px;width:2px;height:60%;right:3px}.tl-playhead{background:var(--playhead);z-index:7;pointer-events:auto;cursor:ew-resize;will-change:left;width:1px;position:absolute;top:-6px;bottom:0;left:0;transform:translate(-50%)}.tl-playhead.is-playing{transition:none}.tl-playhead:not(.is-playing){transition:left 60ms ease-out}.tl-playhead:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--playhead);position:absolute;top:0;left:50%;transform:translate(-50%)}.tl-playhead:after{content:"";width:12px;position:absolute;top:-2px;bottom:0;left:50%;transform:translate(-50%)}.tl-trim-handle{cursor:ew-resize;z-index:8;pointer-events:auto;background:linear-gradient(to right, transparent 4px, var(--tl-trim-line) 4px, var(--tl-trim-line) 5px, transparent 5px);border:none;width:10px;padding:0;transition:filter .12s;position:absolute;top:0;bottom:0;left:0;transform:translate(-50%)}.tl-trim-handle:before,.tl-trim-handle:after{content:"";background:var(--tl-trim-line);opacity:.72;width:6px;height:1px;transition:opacity .12s,background .12s;position:absolute;left:5px}.tl-trim-handle:before{top:0}.tl-trim-handle:after{bottom:0}.tl-trim-handle-start:before,.tl-trim-handle-start:after{left:4px}.tl-trim-handle-end:before,.tl-trim-handle-end:after{left:0}.tl-trim-handle:hover,.tl-trim-handle.is-dragging{filter:drop-shadow(0 0 6px #ffffff59);background:linear-gradient(90deg,#0000 3px,#fff 3px 6px,#0000 6px)}.tl-trim-handle:hover:before,.tl-trim-handle:hover:after,.tl-trim-handle.is-dragging:before,.tl-trim-handle.is-dragging:after{opacity:1;background:#fff}.editor-toast{border-radius:var(--editor-radius);border:1px solid var(--editor-line);background:var(--editor-surface);z-index:50;font-family:var(--font-sans);padding:.55rem .75rem;font-size:.68rem;font-weight:500;position:fixed;bottom:1.25rem;right:1.25rem}.editor-toast-error{color:#f87171cc;border-color:#ef444440}.editor-toast-success{color:#86efaccc;border-color:#22c55e40}.editor-empty{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.editor-empty-card{text-align:center;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);max-width:22rem;padding:1.5rem}.editor-empty-card h1{margin-bottom:.4rem;font-size:.92rem;font-weight:600}.editor-empty-card p{color:var(--ui-muted);margin-bottom:1rem;font-size:.74rem;line-height:1.5}.editor-empty-card button{color:var(--text);background:var(--ui-fill);border-radius:var(--ui-radius);cursor:pointer;border:1px solid #ffffff2e;padding:.4rem .85rem;font-size:.72rem;font-weight:500}@media (width<=900px){.editor-body{grid-template-columns:1fr}.editor-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:.75rem}.editor-sidebar-section{flex:180px}.editor-sidebar-hint{display:none}.editor-topbar{flex-wrap:wrap}.editor-project-url{max-width:14rem}}.dimmed{opacity:.45;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status.loading:after{content:"...";animation:1.2s ease-in-out infinite pulse;display:inline-block}.browser-placeholder{text-align:center;background:var(--surface-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.placeholder-icon{width:36px;height:36px;color:var(--muted)}.placeholder-title{color:var(--text);font-size:.85rem;font-weight:600}.placeholder-desc{color:var(--muted);max-width:220px;font-size:.72rem;line-height:1.4}.app-header:not(.product-topbar){border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1.5rem;display:flex}.header-brand{flex-direction:column;gap:.65rem;display:flex}.header-pills{flex-wrap:wrap;gap:.45rem;display:flex}.header-pill{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.65rem;font-weight:600}.header-nav:not(.product-nav){background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);gap:0;padding:2px;display:flex}.nav-link{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;outline:none;padding:.32rem .62rem;font-size:.72rem;font-weight:500;transition:color .12s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:var(--ui-fill);box-shadow:inset 0 0 0 1px var(--ui-line)}.upcoming-container{flex-direction:column;gap:1.25rem;width:100%;max-width:720px;margin:0 auto;padding:1.25rem 1.25rem 2rem;display:flex}.roadmap-header-minimal{border-bottom:1px solid var(--ui-line);padding-bottom:.85rem}.roadmap-header-minimal h2{letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);margin-bottom:.35rem;font-size:.62rem;font-weight:600}.roadmap-desc-minimal{color:#a1a1aa;font-size:.74rem;line-height:1.5}.features-list-minimal{flex-direction:column;display:flex}.feature-row-minimal{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1rem 0;display:flex}.feature-row-minimal:last-child{border-bottom:none}.feature-info-minimal{flex-direction:column;flex-grow:1;gap:.35rem;display:flex}.feature-meta-minimal{align-items:center;gap:.45rem;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot-planned{background:#fbbf24}.status-dot-inprogress{background:var(--accent)}.status-dot-completed{background:#34d399}.status-text-minimal{font-family:var(--font-sans);color:var(--ui-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:500}.feature-title-minimal{color:var(--text);font-size:.84rem;font-weight:600}.feature-desc-minimal{color:var(--ui-muted);font-size:.72rem;line-height:1.55}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) fadeIn}.tl-zoom{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--ui-radius);cursor:grab;z-index:15;box-sizing:border-box;pointer-events:auto;align-items:center;height:22px;transition:box-shadow .12s;display:flex;position:absolute;top:30px}.tl-zoom.is-selected{box-shadow:0 0 0 2px var(--accent-soft);background:var(--accent);border-color:var(--accent)}.tl-zoom.is-selected .tl-zoom-label{color:#fff}.tl-zoom-anchor{background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}.tl-zoom-body{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;flex:1;align-items:center;padding-left:.35rem;display:flex;overflow:hidden}.tl-zoom-label{color:var(--accent);letter-spacing:-.01em;font-size:.58rem;font-weight:700}.tl-zoom-handle-end{cursor:ew-resize;background:0 0;border:none;width:5px;padding:0;position:absolute;top:0;bottom:0;right:0}.tl-zoom-handle-end:after{content:"";background:var(--border);opacity:.8;width:1px;position:absolute;top:25%;bottom:25%;right:1px}.tl-zoom.is-selected .tl-zoom-handle-end:after{background:#fff}.zoom-box-overlay{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);cursor:move;z-index:50;box-sizing:border-box;position:absolute;box-shadow:0 0 0 9999px #0006}.zoom-box-label{background:var(--accent);color:#fff;font-size:.62rem;font-weight:700;font-family:var(--font-sans);pointer-events:none;box-shadow:var(--shadow-soft);border-radius:3px;padding:.15rem .35rem;position:absolute;top:.4rem;left:.4rem}.zoom-box-handle{border:2px solid var(--accent);box-sizing:border-box;width:8px;height:8px;box-shadow:var(--shadow-soft);background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.zoom-box-handle-nw{cursor:nwse-resize;top:0;left:0}.zoom-box-handle-ne{cursor:nesw-resize;top:0;left:100%}.zoom-box-handle-sw{cursor:nesw-resize;top:100%;left:0}.zoom-box-handle-se{cursor:nwse-resize;top:100%;left:100%}.editor-inspector-coords-display{color:var(--text);background:var(--surface-muted);border-radius:var(--ui-radius);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem .65rem;font-size:.74rem;display:flex}.editor-inspector-coords-display span{color:var(--muted);font-weight:600}.editor-inspector-coords-display div{font-family:var(--font-sans);font-weight:700}.zoom-inspector-hint{color:var(--muted);background:var(--glow-strong);border-radius:var(--ui-radius);border-left:2px solid var(--accent);margin-top:.75rem;padding:.5rem .65rem;font-size:.68rem;line-height:1.45}.workflow-content{background:var(--bg);min-width:0;height:100vh;min-height:0;overflow:hidden}.studio-page{flex-direction:column;width:100%;height:100vh;min-height:0;margin:0;padding:12px 14px 14px;display:flex}.library-page{width:100%;height:100vh;margin:0;padding:14px 18px 36px;overflow:auto}.director-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.director-heading p{color:var(--muted);font-size:.92rem}.eyebrow{color:color-mix(in srgb, var(--accent) 80%, var(--text));letter-spacing:.16em;text-transform:uppercase;font-size:.66rem;font-weight:800}.quiet-button,.quick-capture,.analyze-button,.cancel-capture{border:1px solid var(--border);height:40px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.8rem;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.quiet-button:hover,.quick-capture:hover{border-color:var(--border-hover);transform:translateY(-1px)}.analyze-button{min-width:142px;color:var(--accent-text);background:var(--accent);box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 24%, transparent);border-color:#0000}.analyze-button:hover{box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 34%, transparent);transform:translateY(-1px)}.analyze-button:disabled,.quick-capture:disabled{opacity:.45;cursor:not-allowed;transform:none}.capture-command-bar{z-index:4;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:0 18px 60px #0000001f, inset 0 1px color-mix(in srgb, var(--text) 5%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;flex:none;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.capture-command-bar .capture-target-fields{flex:1;min-width:0}.command-actions{flex:none;align-items:center;gap:8px;display:flex}.command-reset{width:40px;height:40px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;display:inline-grid}.command-reset:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-elevated)}.workflow-error{color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--error) 24%, transparent);border-radius:9px;align-items:center;gap:8px;margin-top:12px;padding:10px 13px;font-size:.8rem;display:flex}.duplicate-notice{color:var(--muted);margin-top:10px;font-size:.67rem}.studio-layout{flex:1 1 0;grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:12px;height:0;min-height:0;margin-top:12px;display:grid;overflow:hidden}.studio-controls{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 58%, var(--border-hover)) var(--surface-elevated);flex-direction:column;align-items:stretch;gap:10px;height:100%;min-height:0;max-height:none;padding:0 10px 32px 0;display:flex;overflow:hidden scroll}.studio-controls:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:-2px;border-radius:12px}.studio-controls::-webkit-scrollbar{width:10px}.studio-controls::-webkit-scrollbar-track{background:var(--surface-elevated);border-radius:999px}.studio-controls::-webkit-scrollbar-thumb{border:2px solid var(--surface-elevated);background:color-mix(in srgb, var(--accent) 58%, var(--border-hover));border-radius:999px}.studio-controls::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 78%, var(--border-active))}.studio-controls>.control-deck{flex:none}.control-deck{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px;overflow:hidden}.control-deck-title{justify-content:space-between;align-items:baseline;margin-bottom:11px;display:flex}.control-deck-title span{font-size:.75rem;font-weight:800}.control-deck-title small{color:var(--muted);font-size:.61rem}.quality-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.quality-stack button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 7px;display:flex}.quality-stack button:hover{background:var(--surface-elevated)}.quality-stack button.is-active{color:var(--text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:var(--accent-soft)}.quality-stack button>span{display:grid}.quality-stack strong{font-size:.72rem}.quality-stack small{display:none}.quick-settings{gap:10px;display:grid}.quick-settings .control-deck-title{margin:0}.quick-settings label{color:var(--muted);grid-template-columns:1fr 78px auto;align-items:center;gap:6px;font-size:.68rem;display:grid}.quick-settings select,.quick-settings input[type=number]{border:1px solid var(--border);background:var(--surface-elevated);width:100%;height:31px;color:var(--text);border-radius:6px;padding:0 8px;font-size:.68rem}.quick-settings .toggle-line{grid-template-columns:auto 1fr}.motion-control-deck{overflow:visible}.motion-control-deck .curve-visualizer-container{margin-top:2px}.motion-control-deck .curve-preview-embedded{padding:4px 0 0}.motion-control-deck .curve-preview-head{display:none}.motion-control-deck .canvas-container{border:1px solid var(--border);background:var(--surface-elevated)}.motion-control-deck .canvas-tip{margin-top:5px;font-size:.58rem}.quick-motion-options{border-top:1px solid var(--border);gap:10px;padding-top:12px;display:grid}.quick-option-row{color:var(--muted);grid-template-columns:1fr 116px;align-items:center;gap:8px;font-size:.68rem;display:grid}.quick-option-row select,.quick-option-row input{width:100%;height:32px;color:var(--text);border:1px solid var(--border);background:var(--surface-elevated);border-radius:7px;padding:0 8px;font-size:.68rem}.fixed-duration-toggle{min-height:35px;color:var(--text);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 2px;font-size:.69rem;display:grid}.fixed-duration-toggle input{accent-color:var(--accent)}.fixed-duration-toggle small{color:var(--muted);font-size:.6rem}.duration-slider{gap:2px;display:grid}.duration-slider input{width:100%;accent-color:var(--accent)}.duration-slider span{color:var(--muted);justify-content:space-between;display:flex}.duration-slider b{font-size:.55rem;font-weight:500}.motion-director-note{color:var(--muted);border-top:1px solid var(--border);margin:10px 0 0;padding-top:10px;font-size:.62rem;line-height:1.5}.analyzed-disclosure{padding:0}.analyzed-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:0 14px;list-style:none;display:flex}.analyzed-disclosure>summary::-webkit-details-marker{display:none}.analyzed-disclosure>summary>span{display:grid}.analyzed-disclosure>summary strong{font-size:.72rem}.analyzed-disclosure>summary small{color:var(--muted);font-size:.59rem;font-weight:500}.analyzed-disclosure>summary svg{color:var(--muted);transition:transform .18s}.analyzed-disclosure[open]>summary svg{transform:rotate(180deg)}.analyzed-disclosure-body{border-top:1px solid var(--border);padding:4px 14px 14px}.analyzed-disclosure-body .recorder-canvas-heading{display:none}.analyzed-disclosure-body .recorder-canvas-form{padding-top:12px}.studio-stage{min-width:0;height:100%;min-height:0;overflow:hidden}.recording-stage{border:1px solid var(--border);background:var(--surface);height:100%;min-height:0;box-shadow:inset 0 1px color-mix(in srgb, var(--text) 4%, transparent);border-radius:14px;place-items:center;padding:clamp(20px,4vw,60px);display:grid;position:relative;overflow:hidden;container:recording-stage/size}.recording-stage.has-canvas-background{background-position:50%;background-size:cover}.recording-stage .capture-window{width:min(100%, 980px, calc((100cqh - 2rem) * var(--preview-w) / var(--preview-h)));max-height:100%}.cancel-capture{color:var(--error);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.cancel-capture:hover{transform:translate(-50%)translateY(-1px)}.failed-capture{color:var(--error);border:1px solid color-mix(in srgb, var(--error) 30%, transparent);background:color-mix(in srgb, var(--surface) 94%, var(--error));border-radius:9px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.failed-capture div{flex:1;min-width:0;display:grid}.failed-capture strong{text-transform:capitalize;font-size:.74rem}.failed-capture span{max-height:54px;color:var(--muted);white-space:pre-wrap;font-size:.68rem;overflow:auto}.failed-capture button{height:30px;color:var(--text);border:1px solid var(--border);background:var(--surface-elevated);cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:.63rem;font-weight:700;display:inline-flex}.director{border:1px solid var(--border);background:var(--surface);scrollbar-width:thin;border-radius:14px;height:100%;animation:.38s cubic-bezier(.2,.8,.2,1) both director-in;overflow:auto}@keyframes director-in{0%{opacity:0;transform:translateY(8px)}}.route-director-heading{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:82px;padding:16px 20px;display:grid}.analysis-ready-mark{height:29px;color:var(--success);border:1px solid color-mix(in srgb, var(--success) 25%, var(--border));background:color-mix(in srgb, var(--success) 8%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.61rem;font-weight:750;display:inline-flex}.route-page-title{min-width:0}.route-page-title h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;margin:0;font-size:1rem;overflow:hidden}.route-page-title p{color:var(--muted);margin:2px 0 0;font-size:.62rem}.route-total-time{height:39px;color:var(--muted);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto auto 55px auto;align-items:center;gap:6px;padding:0 9px;font-size:.62rem;display:grid}.route-total-time input{width:55px;height:27px;color:var(--text);text-align:right;border:1px solid var(--border);background:var(--surface-elevated);border-radius:5px;padding:0 6px;font-size:.67rem}.route-overview{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated) 50%, transparent), transparent);padding:18px 20px 20px}.route-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.route-section-heading>div{display:grid}.route-section-heading>div>span{font-size:.75rem;font-weight:800}.route-section-heading p{color:var(--muted);margin:2px 0 0;font-size:.61rem}.route-help{color:var(--muted);align-items:center;gap:5px;font-size:.58rem;display:inline-flex}.route-duration-control{color:var(--muted);grid-template-columns:28px 1fr 34px;align-items:center;gap:8px;margin:12px 0 14px;font-size:.57rem;display:grid}.route-duration-control input{width:100%;accent-color:var(--accent);cursor:pointer}.route-duration-control span:last-child{text-align:right}.capture-route{scrollbar-width:thin;scroll-snap-type:x proximity;align-items:center;gap:8px;padding:2px 2px 9px;display:flex;overflow-x:auto}.route-scene-card{width:220px;min-width:220px;color:var(--text);text-align:left;border:1px solid var(--border);background:var(--surface);scroll-snap-align:start;border-radius:11px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.route-scene-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.route-scene-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), 0 8px 24px #0000001f}.route-scene-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.route-scene-image{aspect-ratio:16/9;background:#08080a;width:100%;display:block;position:relative;overflow:hidden}.route-scene-image img{object-fit:cover;opacity:.88;width:100%;height:100%;display:block}.route-scene-fallback{background:radial-gradient(circle at center, var(--surface-elevated), #08080a);width:100%;height:100%;display:block}.route-scene-image>small{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#000000b8;border-radius:4px;padding:3px 6px;font-size:.5rem;font-weight:800;position:absolute;top:7px;left:7px}.route-scene-image>i{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:7px;right:7px}.route-scene-expand{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-in;opacity:0;background:#07070ab8;border:1px solid #ffffff2e;border-radius:7px;place-items:center;width:29px;height:29px;padding:0;transition:opacity .16s,transform .16s,background .16s;display:grid;position:absolute;bottom:42px;right:8px;transform:translateY(3px);box-shadow:0 4px 14px #0000003d}.route-scene-card:hover .route-scene-expand,.route-scene-expand:focus-visible{opacity:1;transform:translateY(0)}.route-scene-expand:hover{background:#07070af0}.route-scene-copy{min-width:0;padding:8px 9px 9px;display:grid}.route-scene-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.route-scene-copy small{color:var(--muted);font-size:.54rem}.route-connector{min-width:20px;color:var(--muted);opacity:.55;place-items:center;display:grid}.route-empty{min-width:260px;color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:10px;padding:28px;font-size:.64rem}.route-workbench{grid-template-columns:minmax(0,1fr) 280px;min-height:250px;display:grid}.scene-inspector{min-width:0;padding:18px 20px 22px}.scene-inspector-heading{justify-content:space-between;align-items:flex-start;gap:14px;min-height:48px;display:flex}.scene-inspector-heading>div{min-width:0}.scene-kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.55rem;font-weight:800}.scene-inspector-heading h3{text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:.9rem;overflow:hidden}.scene-inspector-heading p{color:var(--muted);margin:2px 0 0;font-size:.59rem}.remove-scene{height:29px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;align-items:center;gap:5px;padding:0 8px;font-size:.57rem;display:inline-flex}.remove-scene:hover{color:var(--error);border-color:color-mix(in srgb, var(--error) 20%, transparent);background:color-mix(in srgb, var(--error) 7%, transparent)}.scene-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.scene-time-control,.scene-curve-control{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-elevated) 56%, transparent);border-radius:9px;flex-direction:column;justify-content:space-between;gap:12px;min-height:92px;padding:12px;display:flex}.scene-time-control>span,.scene-curve-control>span{display:grid}.scene-time-control strong,.scene-curve-control strong{font-size:.66rem}.scene-time-control small,.scene-curve-control small{color:var(--muted);font-size:.55rem;line-height:1.35}.scene-time-control>div{grid-template-columns:1fr 35px;align-items:center;gap:8px;display:grid}.scene-time-control input{width:100%;accent-color:var(--accent)}.scene-time-control output{color:var(--text);text-align:right;font-size:.62rem;font-weight:750}.scene-curve-control select{width:100%;height:29px;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:0 7px;font-size:.61rem}.scene-picker{border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface-elevated) 36%, transparent);min-width:0}.scene-picker-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:12px 13px;display:flex}.scene-picker-heading>div{display:grid}.scene-picker-heading span{font-size:.68rem;font-weight:800}.scene-picker-heading p{color:var(--muted);margin:1px 0 0;font-size:.54rem}.scene-picker-heading svg{color:var(--muted)}.scene-picker-list{max-height:210px;padding:6px;overflow:auto}.scene-picker-list button{width:100%;min-height:43px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;display:flex}.scene-picker-list button:hover:not(:disabled){border-color:var(--border);background:var(--surface)}.scene-picker-list button.is-selected{color:var(--muted)}.scene-picker-list button:disabled{opacity:.48;cursor:default}.scene-picker-list button span{min-width:0;display:grid}.scene-picker-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.scene-picker-list small{color:var(--muted);font-size:.52rem}.inspection-warnings{flex-wrap:wrap;gap:6px;display:flex}.inspection-warnings span{color:var(--accent-secondary);background:var(--accent-secondary-soft);border-radius:5px;padding:5px 8px;font-size:.58rem}.route-warnings{padding:0 20px 16px}.scene-preview-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040406bd;place-items:center;padding:clamp(18px,4vw,56px);animation:.18s both scene-preview-fade;display:grid;position:fixed;inset:0}@keyframes scene-preview-fade{0%{opacity:0}}.scene-preview-dialog{border:1px solid color-mix(in srgb, var(--border) 74%, white 8%);background:var(--surface);border-radius:14px;grid-template-rows:58px minmax(0,1fr);width:min(1440px,96vw);height:min(900px,90vh);min-height:0;animation:.24s cubic-bezier(.2,.8,.2,1) both scene-preview-in;display:grid;overflow:hidden;box-shadow:0 32px 100px #0000007a}@keyframes scene-preview-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.scene-preview-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:0 13px 0 17px;display:flex}.scene-preview-toolbar>div:first-child{min-width:0;display:grid}.scene-preview-toolbar span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.52rem;font-weight:750}.scene-preview-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.scene-preview-actions{flex:none;align-items:center;gap:4px;display:flex}.scene-preview-actions button{width:31px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;display:grid}.scene-preview-actions button:hover{color:var(--text);border-color:var(--border);background:var(--surface-elevated)}.scene-preview-actions output{width:42px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:.58rem}.scene-preview-actions .scene-preview-close{border-color:var(--border);margin-left:7px}.scene-preview-canvas{scrollbar-width:thin;background:#08080a;min-width:0;min-height:0;padding:clamp(12px,2vw,24px);overflow:auto}.scene-preview-canvas img{border-radius:5px;min-width:75%;height:auto;margin:auto;transition:width .18s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 18px 48px #0000004d}.library-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.recording-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:transform .2s,border-color .2s;overflow:hidden}.recording-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.recording-poster{aspect-ratio:16/9;cursor:pointer;background:#050506;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.recording-poster:disabled{cursor:default}.recording-poster img{object-fit:cover;width:100%;height:100%;display:block}.poster-fallback{color:#71717a;background:radial-gradient(circle,#202026,#0b0b0d 68%);place-content:center;justify-items:center;gap:8px;height:100%;display:grid}.poster-fallback span{font-size:.65rem}.poster-play{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#000000ad;border-radius:50%;place-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.recording-card:hover .poster-play{opacity:1;transform:translate(-50%,-50%)scale(1.05)}.job-status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.08em;background:#000000b8;border-radius:5px;padding:4px 7px;font-size:.54rem;font-weight:800;position:absolute;top:8px;left:8px}.status-running,.status-queued{color:color-mix(in srgb, var(--accent) 72%, white)}.status-failed,.status-interrupted{color:#fecaca}.recording-card-body{padding:13px}.recording-title{display:grid}.recording-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.recording-title small{color:var(--muted);font-size:.58rem}.recording-card-body>p{min-height:34px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0;font-size:.62rem;line-height:1.45;display:-webkit-box;overflow:hidden}.recording-facts{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.recording-facts span{color:var(--muted);background:var(--surface-elevated);border-radius:4px;padding:3px 6px;font-size:.54rem}.recording-actions{border-top:1px solid var(--border);align-items:center;gap:5px;padding-top:10px;display:flex}.recording-actions button,.recording-actions a{min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:.58rem;text-decoration:none;display:inline-flex}.recording-actions button:hover,.recording-actions a:hover{color:var(--text);background:var(--surface-elevated)}.recording-actions .danger-action{color:var(--error);margin-left:auto}.library-empty{min-height:380px;color:var(--muted);border:1px dashed var(--border);border-radius:14px;place-content:center;justify-items:center;gap:8px;font-size:.75rem;display:grid}.library-empty strong{color:var(--text);font-size:.9rem}.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}@media (width<=1180px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-workbench{grid-template-columns:1fr}.scene-picker{border-left:0;border-top:1px solid var(--border)}.scene-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:150px;display:grid}}@media (width<=900px){.workflow-content{overflow:auto}.studio-page{height:auto;min-height:100vh;padding:16px 14px 40px;overflow:visible}.library-page{height:auto;min-height:100vh;padding:16px 14px 40px}.capture-command-bar{flex-direction:column;align-items:stretch}.command-actions>*{flex:1}.studio-layout{flex:none;grid-template-columns:1fr;height:auto;overflow:visible}.studio-controls{height:min(58vh,620px);max-height:min(58vh,620px);padding:0 10px 32px 0;overflow:hidden scroll}.studio-stage{height:auto;min-height:560px;overflow:visible}.recording-stage{height:min(680px,70dvh);min-height:min(560px,70dvh)}.director{height:auto;min-height:560px}.route-director-heading{grid-template-columns:auto minmax(0,1fr)}.route-total-time{grid-column:1/-1;width:max-content}}@media (width<=620px){.library-grid{grid-template-columns:1fr}.route-director-heading{grid-template-columns:1fr;padding:14px}.analysis-ready-mark{width:max-content}.route-overview,.scene-inspector{padding-inline:14px}.route-section-heading{align-items:flex-start}.route-help{display:none}.scene-control-grid,.scene-picker-list{grid-template-columns:1fr}.route-scene-card{width:184px;min-width:184px}.route-scene-expand{opacity:1;transform:none}.scene-preview-backdrop{padding:8px}.scene-preview-dialog{width:100%;height:min(88vh,760px)}}.comparison-page{background:var(--bg);flex-direction:column;width:100%;height:100vh;min-height:0;padding:12px 14px 14px;display:flex;overflow:hidden}.comparison-input-rail{grid-template-columns:minmax(230px,1fr) 38px minmax(230px,1fr) auto;align-items:center;padding:12px 14px;display:grid}.comparison-input-rail.is-responsive{grid-template-columns:1fr auto;gap:16px}.comparison-target{align-items:center;min-width:0;padding:6px 10px;display:flex}.comparison-side{color:#fff;background:var(--accent);border-radius:7px;place-items:center;width:30px;height:30px;font-size:.65rem;font-weight:850;display:grid}.comparison-target.is-cyan .comparison-side{color:#071b18;background:var(--accent-secondary)}.comparison-target>div{flex:1;min-width:0;display:grid}.comparison-target input:not(.recorder-url-input){min-width:0;height:25px;color:var(--text);font:500 .73rem var(--font-sans);background:0 0;border:0;outline:0}.comparison-target input::placeholder{color:color-mix(in srgb, var(--muted) 58%, transparent)}.comparison-target input:focus{color:var(--accent)}.comparison-target.is-cyan input:focus{color:var(--accent-secondary)}.comparison-target .comparison-label-input{height:19px;color:var(--muted);letter-spacing:.075em;text-transform:uppercase;width:100%;font-size:.55rem;font-weight:800}.comparison-logo-upload{border:1.5px dashed var(--border);cursor:pointer;background:var(--surface-elevated);border-radius:7px;flex:none;place-items:center;width:38px;height:38px;transition:border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.comparison-logo-upload:hover:not(.is-disabled),.comparison-logo-upload.is-drag-over{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.comparison-logo-upload.is-disabled{opacity:.45;cursor:not-allowed}.comparison-logo-text{border-radius:6px;place-items:center;display:grid;position:absolute;inset:0}.comparison-logo-input-inline{color:#fff;text-align:center;width:100%;height:100%;font:800 .65rem var(--font-sans);cursor:pointer;caret-color:#0000;border:0;outline:0}.comparison-logo-input-inline:focus{caret-color:#fff;cursor:text}.comparison-logo-img{object-fit:contain;border-radius:5px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.comparison-logo-clear{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:3px;place-items:center;width:14px;height:14px;font-size:.6rem;line-height:1;transition:opacity .14s;display:grid;position:absolute;top:1px;right:1px}.comparison-logo-upload:hover .comparison-logo-clear{opacity:1}.comparison-logo-upload-btn{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:3px;place-items:center;width:14px;height:14px;font-size:.65rem;line-height:1;transition:opacity .14s;display:grid;position:absolute;top:1px;right:1px}.comparison-logo-upload:hover .comparison-logo-upload-btn{opacity:1}.comparison-swap{width:31px;height:31px;color:var(--muted);border:1px solid var(--border);background:var(--surface-elevated);cursor:pointer;border-radius:50%;place-items:center;transition:color .18s,border-color .18s,transform .25s;display:grid}.comparison-swap:hover:not(:disabled){color:var(--text);border-color:var(--border-hover);transform:rotate(180deg)}.comparison-rail-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:174px;padding-left:4px;display:flex}.comparison-start,.comparison-new,.comparison-export{cursor:pointer;white-space:nowrap;height:40px;font:800 .68rem var(--font-sans);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;text-decoration:none;display:inline-flex}.comparison-start,.comparison-export{color:var(--accent-text);background:var(--accent);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 19%, transparent);border:1px solid #0000}.comparison-start{width:100%}.comparison-start:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.comparison-new{width:40px;color:var(--muted);border:1px solid var(--border);background:var(--surface-elevated);padding:0}.comparison-new span{display:none}.comparison-page>.workflow-error{flex:none;margin-top:10px}.comparison-workspace{margin-top:12px}.comparison-settings .control-deck{flex:none}.comparison-settings .quality-stack button{min-width:0}.comparison-settings .recorder-device-row{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-settings .recorder-device-btn{min-width:0}.comparison-timing>input{width:100%;accent-color:var(--accent);margin-top:3px}.comparison-duration-scale{color:var(--muted);justify-content:space-between;font-size:.54rem;display:flex}.comparison-timing p{color:var(--muted);border-top:1px solid var(--border);margin:9px 0 0;padding-top:9px;font-size:.57rem;line-height:1.5}.comparison-stage{justify-content:center;align-items:flex-start;width:100%;padding:clamp(16px,3vw,48px);display:flex}.comparison-stage .recorder-preview{flex-direction:column;align-items:center;width:100%;display:flex}.comparison-stage>.capture-window{max-height:100%}.comparison-canvas{flex-direction:column;gap:10px;width:100%;max-height:100%;display:flex;position:relative}.comparison-preview-labels,.comparison-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,22px);display:grid}.comparison-preview-labels span{min-width:0;color:var(--text);justify-content:center;align-items:center;gap:8px;display:flex}.comparison-preview-labels i{color:#fff;background:var(--accent);border-radius:5px;flex:none;place-items:center;width:22px;height:22px;font-size:.53rem;font-style:normal;font-weight:850;display:grid}.comparison-preview-labels span:last-child i{color:#071b18;background:var(--accent-secondary)}.comparison-preview-labels b{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.comparison-panels{align-items:center}.comparison-panel{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--surface-elevated);border-radius:10px;width:100%;min-width:0;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000012,0 6px 18px #00000017}.comparison-panel .browser-placeholder{position:absolute;inset:0}.comparison-panel .browser-placeholder-recording{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 42%), var(--surface-elevated)}.comparison-panel .idle-preview-url{text-overflow:ellipsis;white-space:nowrap;max-width:76%;overflow:hidden}.comparison-capture-state{min-width:min(440px,90%);color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin:2px auto 0;font-size:.58rem;display:grid}.comparison-capture-state>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comparison-capture-state>div{background:var(--border);border-radius:999px;grid-column:1/-1;height:3px;overflow:hidden}.comparison-capture-state i{background:linear-gradient(90deg, var(--accent), var(--accent-secondary));height:100%;transition:width .3s;display:block}.comparison-capture-state small{grid-area:1/2;font-size:.54rem}.comparison-card-badge{color:#d7fff8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.05em;text-transform:uppercase;background:#087e72d1;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-size:.5rem;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px}@media (width<=1080px){.comparison-input-rail{grid-template-columns:minmax(190px,1fr) 36px minmax(190px,1fr) auto}.comparison-rail-actions{min-width:150px}.comparison-settings .recorder-device-btn span{display:none}}@media (width<=900px){.comparison-page{height:auto;min-height:100vh;padding:14px 14px 40px;overflow:visible}.comparison-input-rail{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}.comparison-rail-actions{grid-column:1/-1;width:100%;min-width:0;padding:0}.comparison-new{width:40px}.comparison-export{flex:1}.comparison-workspace{flex:none;grid-template-columns:1fr;height:auto;overflow:visible}.comparison-settings{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;max-height:none;padding:0;display:grid;overflow:visible}.comparison-settings .recorder-device-btn span{display:inline}.comparison-workspace .studio-stage{min-height:520px}.comparison-stage{height:520px;min-height:520px}}@media (width<=680px){.app-nav-sidebar{width:var(--nav-width-collapsed);padding-inline:.5rem}.app-nav-sidebar .app-nav-brand{justify-content:center;padding-inline:.35rem}.app-nav-sidebar .app-nav-logo{width:36px;height:36px}.app-nav-sidebar .app-nav-brand-text,.app-nav-sidebar .app-nav-link>span:not(.capture-nav-icon){display:none}.app-nav-sidebar .app-nav-link{justify-content:center;padding-inline:.4rem}.comparison-input-rail{grid-template-columns:1fr;padding:6px}.comparison-target{height:58px;padding:5px 7px}.comparison-swap{z-index:3;position:absolute;top:64px;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.comparison-swap:hover:not(:disabled){transform:translate(-50%,-50%)rotate(270deg)}.comparison-rail-actions{grid-column:1;padding-top:6px}.comparison-settings{grid-template-columns:1fr}.comparison-settings .recorder-device-row{grid-template-columns:repeat(4,minmax(0,1fr))}.comparison-settings .recorder-device-btn span{display:none}.comparison-workspace .studio-stage{min-height:440px}.comparison-stage{height:440px;min-height:440px;padding:20px 12px}.comparison-preview-labels,.comparison-panels{gap:8px}.comparison-preview-labels i{width:19px;height:19px}.comparison-preview-labels b{font-size:.6rem}}
1
+ @import "https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Syne:wght@500..800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-sans:"Instrument Sans", system-ui, -apple-system, sans-serif;--font-display:"Syne", "Instrument Sans", system-ui, sans-serif;--font-mono:var(--font-sans);--ui-radius:8px;--radius:12px;--radius-sm:6px;--radius-lg:16px;--nav-width:212px;--nav-width-collapsed:64px;--workspace-sidebar-width:minmax(300px, 380px);--monitor-max-width:960px;--monitor-max-height:calc(100vh - 120px);--editor-timeline-track-height:56px}html[data-theme=light]{--bg:#eeece3;--surface:#faf8f1;--surface-elevated:#e6e3d8;--surface-muted:#f2f0e8;--text:#171914;--muted:#5f6259;--border:#d7d3c7;--border-hover:#bbb6a8;--border-active:#8c8a80;--accent:#3158c9;--accent-text:#fff;--accent-soft:#3158c91c;--accent-hover:#2447ad;--accent-secondary:#087e72;--accent-secondary-soft:#087e721a;--error:#ef4444;--success:#10b981;--playhead:#3158c9;--pause-block:#087e72;--tl-track-bg:#faf8f1;--tl-track-fill:#e6e3d8;--tl-track-line:#d7d3c7;--tl-trim-line:#171914;--tl-trim-ghost:#0000000f;--tl-ruler-text:#5f6259;--tl-pause-fill:#087e721f;--tl-pause-line:#087e7280;--glow:#3158c90a;--glow-strong:#3158c91f;--shadow-soft:0 1px 3px 0 #0000000d, 0 1px 2px -1px #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #00000014;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}html[data-theme=dark],:root:not([data-theme=light]){--bg:#0d0f0c;--surface:#151713;--surface-elevated:#1e211c;--surface-muted:#1a1d18;--text:#f4f1e8;--muted:#9b9d92;--border:#f4f1e814;--border-hover:#f4f1e82a;--border-active:#f4f1e840;--accent:#6b8cff;--accent-text:#101629;--accent-soft:#6b8cff24;--accent-hover:#82a0ff;--accent-secondary:#5ad8c5;--accent-secondary-soft:#5ad8c51f;--error:#f87171;--success:#4ade80;--playhead:#6b8cff;--pause-block:#5ad8c5;--tl-track-bg:#0d0f0c;--tl-track-fill:#1e211c;--tl-track-line:#f4f1e810;--tl-trim-line:#f4f1e8d9;--tl-trim-ghost:#0006;--tl-ruler-text:#9b9d92;--tl-pause-fill:#5ad8c52e;--tl-pause-line:#5ad8c580;--glow:#5ad8c509;--glow-strong:#6b8cff1c;--shadow-soft:none;--shadow-md:none;--shadow-lg:none}:root,html[data-theme=light],html[data-theme=dark]{--ui-line:var(--border);--ui-fill:var(--surface-elevated);--ui-surface:var(--surface);--ui-muted:var(--muted);--editor-line:var(--border);--editor-fill:var(--surface-elevated);--editor-surface:var(--surface);--editor-muted:var(--muted);--ui-radius:8px;--editor-radius:8px}.theme-toggle-btn{border-radius:var(--ui-radius);border:1px solid var(--ui-line);background:var(--ui-surface);width:32px;height:32px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.theme-toggle-btn:hover{border-color:var(--border-hover);background:var(--ui-fill)}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;padding:2.5rem 1.5rem 3rem;line-height:1.5}button,input,select,textarea{font-family:inherit}body:has(.app-shell){background:var(--bg)}body:has(.app-shell):before{display:none}body:not(:has(.app-shell)):before{content:"";pointer-events:none;opacity:.2;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}body>*{z-index:1;position:relative}:is(body:has(.editor-workspace),body:has(.editor-empty),body:has(.app-shell)){padding:0}.app-shell{flex-direction:row;width:100%;max-width:none;height:100vh;min-height:100vh;margin:0;display:flex;overflow:hidden}.app-nav-sidebar{z-index:40;width:var(--nav-width);background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:space-between;height:100vh;padding:.85rem .65rem;transition:width .18s;display:flex}.app-nav-sidebar.is-collapsed{width:var(--nav-width-collapsed);padding-inline:.5rem}.app-nav-top{flex-direction:column;gap:1rem;min-width:0;display:flex}.app-nav-brand{width:100%;color:var(--text);cursor:pointer;text-align:left;font-family:var(--font-sans);background:0 0;border:none;border-radius:10px;align-items:center;gap:.7rem;margin:0;padding:.45rem .5rem;display:flex}.app-nav-sidebar.is-collapsed .app-nav-brand{justify-content:center;padding-inline:.35rem}.app-nav-brand:hover{background:var(--surface-muted)}.app-nav-logo{object-fit:contain;border-radius:12px;flex-shrink:0;width:40px;height:40px;display:block}.app-nav-sidebar.is-collapsed .app-nav-logo{width:36px;height:36px}.app-nav-brand-text{flex-direction:column;gap:.16rem;min-width:0;display:flex}.app-nav-wordmark{white-space:nowrap;align-items:baseline;gap:.32rem;display:flex}.app-nav-wordmark strong{font-family:var(--font-display);letter-spacing:-.045em;white-space:nowrap;font-size:.98rem;font-weight:700}.app-nav-wordmark small{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.54rem;font-weight:700}.app-nav-live{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;font-size:.58rem;font-weight:650}.app-nav-links,.app-nav-bottom{flex-direction:column;gap:.25rem;display:flex}.app-nav-link{width:100%;min-height:40px;color:var(--muted);font-family:var(--font-sans);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:.65rem;margin:0;padding:.5rem .65rem;font-size:.78rem;font-weight:550;transition:color .12s,background .12s,border-color .12s;display:flex}.app-nav-sidebar.is-collapsed .app-nav-link{justify-content:center;padding-inline:.4rem}.app-nav-link:hover{color:var(--text);background:var(--surface-muted)}.app-nav-link.is-active{color:var(--text);background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 22%, transparent)}.capture-nav-icon{flex:none;place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.capture-nav-icon i{border:1.5px solid var(--surface);background:var(--accent);width:5px;height:5px;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 34%, transparent);border-radius:50%;position:absolute}.capture-nav-icon.is-recording i{animation:1.35s ease-in-out infinite capture-nav-pulse}@keyframes capture-nav-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 0%, transparent)}}.app-nav-collapse{margin-top:.25rem}.product-brand{cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:.6rem;padding:0;display:inline-flex}.product-brand-text{text-align:left;flex-direction:column;align-items:flex-start;gap:.1rem;display:flex}.product-brand-text strong{letter-spacing:-.02em;font-size:.84rem;font-weight:600}.product-brand-live{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:#fca5a5;font-size:.58rem;font-weight:600}.product-chip{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ui-line);color:var(--ui-muted);background:var(--ui-surface);border-radius:var(--ui-radius);padding:.18rem .45rem;font-size:.58rem;font-weight:500}.product-chip-virtual,.product-chip-document{color:#a1a1aa}.product-segmented{border:1px solid var(--ui-line);background:var(--ui-surface);border-radius:var(--ui-radius);padding:2px;display:inline-flex}.product-segmented button{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:.22rem .5rem;font-size:.62rem;font-weight:500}.product-segmented button.is-active{color:var(--text);background:var(--ui-fill);box-shadow:inset 0 0 0 1px var(--ui-line)}.product-btn{border-radius:var(--ui-radius);border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--text);cursor:pointer;white-space:nowrap;padding:.34rem .72rem;font-size:.72rem;font-weight:500;text-decoration:none;transition:border-color .12s,background .12s}.product-btn:hover:not(:disabled){border-color:var(--border-hover);background:var(--ui-fill);box-shadow:var(--shadow-soft)}.product-btn-primary{color:var(--accent-text);background:var(--accent);border-color:var(--accent)}.product-btn-primary:hover:not(:disabled){border-color:var(--accent-hover);background:var(--accent-hover);box-shadow:var(--shadow-md)}.product-btn-primary:disabled{opacity:.45;cursor:not-allowed}.product-btn-ghost{color:#a1a1aa;border-color:var(--ui-line);background:0 0}.product-muted{font-family:var(--font-sans);color:var(--ui-muted);font-size:.68rem;font-weight:500}.product-empty{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.65rem;padding:3rem 1.5rem;display:flex}.product-empty h1{font-size:1rem;font-weight:600}.product-empty p{color:var(--ui-muted);max-width:24rem;font-size:.78rem;line-height:1.5}.lord-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.lord-icon-placeholder{background:var(--accent-soft);border-radius:4px}.device-chip-lucide{color:var(--muted);transition:color .2s,transform .25s cubic-bezier(.34,1.56,.64,1)}.device-chip:hover .device-chip-lucide{color:var(--text);transform:translateY(-1px)}.device-chip.is-active .device-chip-lucide,.device-chip-lucide.is-active{color:var(--text);transform:scale(1.08)}.workspace-settings .field{margin-bottom:1rem}.panel-motion{overflow:hidden;padding:0!important}.motion-toggle{width:100%;font-family:var(--font-sans);text-align:left;cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:.45rem;padding:.65rem 0;display:flex}.motion-toggle-label{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);font-size:.62rem;font-weight:600}.motion-toggle-summary{font-family:var(--font-sans);color:var(--ui-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.66rem;font-weight:500;overflow:hidden}.motion-toggle-chevron{width:16px;height:16px;color:var(--muted);flex-shrink:0;transition:transform .2s}.motion-toggle.is-open .motion-toggle-chevron{transform:rotate(180deg)}.motion-panel{border-top:1px solid var(--ui-line);padding-top:.85rem;padding-bottom:.15rem}.app-content{flex-direction:column;flex:1;min-width:0;height:100vh;min-height:0;padding:0;display:flex;overflow:hidden}.recorder-page{background:var(--bg);flex:1;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:1.25rem;height:100%;min-height:0;margin:0;padding:1.25rem;display:grid;overflow:hidden}.recorder-sidebar-panel{background:0 0;flex-direction:column;gap:1rem;height:100%;padding:0 4px 0 0;display:flex;overflow-y:auto}.recorder-sidebar-panel::-webkit-scrollbar{width:6px}.recorder-sidebar-panel::-webkit-scrollbar-track{background:0 0}.recorder-sidebar-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.recorder-preview-panel{box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:100%;height:auto;padding:0;display:flex}.recorder-main-panel{flex-direction:column;gap:1rem;height:100%;padding:0 4px 0 0;display:flex;overflow-y:auto}.recorder-main-panel::-webkit-scrollbar{width:6px}.recorder-main-panel::-webkit-scrollbar-track{background:0 0}.recorder-main-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.recorder-controls-card{flex-wrap:nowrap;gap:0;padding:0;display:block}.controls-card-left{flex-wrap:wrap;align-items:center;gap:1.5rem;width:100%;display:flex}.controls-card-right{align-items:center;gap:.75rem;display:flex}.quality-field-horizontal{align-items:center;gap:.5rem;display:flex}.quality-field-horizontal label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.68rem;font-weight:700}.quality-field-horizontal select{width:auto;font-size:.74rem;font-family:var(--font-sans);height:32px;padding:.35rem 2rem .35rem .75rem}.quality-fixed-badge{font-family:var(--font-sans);text-transform:uppercase;background:var(--border);border-radius:var(--ui-radius);color:var(--muted);padding:.15rem .35rem;font-size:.58rem;font-weight:600}.recorder-capture-bar{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-soft);border-radius:14px;flex-direction:column;align-items:stretch;gap:.55rem;padding:.65rem;display:flex}.capture-target-fields{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.capture-url-wrap{flex:220px;min-width:0}.capture-url-wrap .recorder-url-input{min-height:38px;padding:.5rem .65rem .5rem 2.15rem!important;font-size:.8rem!important}.capture-device-row{flex-wrap:nowrap;flex:0 auto;gap:.3rem;grid-template-columns:none!important;display:flex!important}.capture-device-row .recorder-device-btn{white-space:nowrap;padding:.42rem .55rem;font-size:.6rem}.capture-device-locked{flex:none;min-height:38px}.recorder-capture-bar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;min-width:0;display:flex}.recorder-capture-quality{flex:0 auto;align-items:center;gap:.65rem;min-width:0;display:flex}.recorder-capture-label{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:.62rem;font-weight:700}.render-tier-group{background:var(--surface-muted);border:1px solid var(--border);border-radius:10px;align-items:stretch;gap:2px;min-width:0;padding:3px;display:inline-flex}.render-tier-btn{min-width:0;min-height:34px;color:var(--muted);cursor:pointer;font-family:var(--font-sans);text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:.4rem;padding:.4rem .85rem;transition:color .14s,background .14s,border-color .14s,box-shadow .14s;display:inline-flex}.render-tier-btn:hover:not(.is-active){color:var(--text);background:color-mix(in srgb, var(--surface) 72%, transparent)}.render-tier-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.render-tier-btn.is-active{color:var(--text);background:var(--surface);border-color:color-mix(in srgb, var(--border) 80%, var(--border-active));box-shadow:0 1px 2px #00000014, 0 0 0 1px color-mix(in srgb, var(--border) 40%, transparent)}.render-tier-icon{color:inherit;opacity:.85;flex-shrink:0;place-items:center;display:grid}.render-tier-btn.is-active .render-tier-icon{opacity:1}.render-tier-name{font-family:var(--font-sans);letter-spacing:-.01em;color:inherit;font-size:.78rem;font-weight:650;line-height:1}.render-tier-hint{display:none}.render-tier-btn--standard.is-active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 28%, var(--border));box-shadow:0 1px 2px color-mix(in srgb, var(--accent) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent)}.render-tier-btn--cinematic.is-active{color:#762fda;border-color:color-mix(in srgb, #8b47eb 30%, var(--border));box-shadow:0 1px 2px #6e1ae61a,0 0 0 1px #8b47eb1f}[data-theme=dark] .render-tier-btn--cinematic.is-active{color:#b87bf4}.render-tier-btn--draft.is-active{color:#cb7b0b;border-color:color-mix(in srgb, #f9a006 35%, var(--border))}[data-theme=dark] .render-tier-btn--draft.is-active{color:#fbc251}button.recorder-capture-btn{border:1px solid var(--accent);background:var(--accent);width:auto;min-width:9.5rem;min-height:40px;color:var(--accent-text);font-family:var(--font-sans);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px color-mix(in srgb, var(--accent) 24%, transparent);border-radius:10px;flex:none;justify-content:center;align-items:center;gap:.45rem;padding:.55rem 1.2rem;font-size:.8rem;font-weight:650;transition:background .12s,border-color .12s,box-shadow .12s,transform .12s,opacity .12s;display:inline-flex}button.recorder-capture-btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 30%, transparent);transform:translateY(-1px)}button.recorder-capture-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:var(--accent);border-color:var(--accent);color:var(--accent-text);transform:none}.recorder-capture-btn-sm,.recorder-editor-btn-sm,.recorder-export-btn{font-family:var(--font-sans);border-radius:var(--ui-radius);cursor:pointer;border:1px solid var(--border);justify-content:center;align-items:center;gap:.45rem;height:32px;padding:.45rem 1rem;font-size:.74rem;font-weight:600;transition:all .12s;display:flex}.recorder-capture-btn-sm:disabled{opacity:.45;cursor:not-allowed}.recorder-export-btn{color:var(--text);background:var(--surface);min-width:0;text-decoration:none}.recorder-export-btn:not(:disabled):hover{border-color:var(--accent);color:var(--accent)}.recorder-export-btn:disabled{opacity:.6;cursor:wait}.style-render-status{color:var(--muted);align-items:center;gap:.65rem;margin:0;font-size:.78rem;display:flex}.status-indicator-card{padding:1rem 1.5rem}.sidebar-section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.sidebar-section-title{color:var(--text);letter-spacing:-.015em;border-bottom:1px solid var(--border);margin-bottom:.25rem;padding-bottom:.5rem;font-size:.88rem;font-weight:700}@media (width<=960px){.recorder-page{grid-template-columns:1fr;gap:1rem;height:auto;padding:1rem;overflow:visible}.recorder-sidebar-panel{height:auto;padding-right:0;overflow:visible}.recorder-preview-panel{border-radius:0;height:auto;padding:0;overflow:visible}}.recorder-options-title{letter-spacing:.1em;text-transform:uppercase;color:var(--ui-muted);border-bottom:1px solid var(--ui-line);padding:.65rem .8rem;font-size:.62rem;font-weight:600}.recorder-options-body{flex-direction:column;gap:1rem;padding:.85rem .8rem 1rem;display:flex}.recorder-options-body .field{margin-bottom:0}.scroll-physics-form,.virtual-scroll-form{flex-direction:column;gap:1rem;display:flex}.field-label-row{align-items:center;gap:.35rem;margin-bottom:.4rem;display:flex}.field-label-row label{color:var(--ui-muted);margin-bottom:0;font-size:.68rem;font-weight:500}.info-tooltip{flex-shrink:0;display:inline-flex}.info-tooltip-trigger{color:var(--ui-muted);cursor:help;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:color .12s,background .12s;display:inline-flex}.info-tooltip-trigger:hover,.info-tooltip-trigger:focus-visible{color:var(--text);background:var(--ui-fill);outline:none}.recorder-fast-toggle .info-tooltip{margin-left:-.1rem}.checkbox-row .info-tooltip{margin-left:auto}.recorder-setup{flex-direction:column;gap:1rem;display:flex}.recorder-field{flex-direction:column;gap:.4rem;display:flex}.recorder-field label,.recorder-field-label{color:var(--ui-muted);flex-wrap:wrap;align-items:baseline;gap:.35rem;font-size:.68rem;font-weight:500;display:flex}.recorder-field-hint{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:.58rem;font-weight:600}.recorder-url-input{padding:.62rem .72rem .62rem 2.35rem!important;font-size:.82rem!important}.url-input-wrap.is-locked .recorder-url-input{color:var(--muted);background:var(--surface-muted);cursor:default}.recorder-device-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.recorder-device-btn{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);flex-direction:row;justify-content:center;align-items:center;gap:.35rem;padding:.52rem .4rem;font-size:.62rem;font-weight:500;transition:color .12s,background .12s,border-color .12s;display:flex}.recorder-device-btn:hover{color:var(--text);background:var(--ui-fill)}.recorder-device-btn.is-active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent);box-shadow:none}.recorder-device-locked{border:1px solid var(--border);border-radius:var(--ui-radius);background:var(--surface-muted);justify-content:space-between;align-items:center;gap:.65rem;min-height:40px;padding:.45rem .65rem;display:flex}.recorder-device-locked-main{min-width:0;color:var(--text);align-items:center;gap:.45rem;font-size:.74rem;font-weight:600;display:inline-flex}.recorder-device-locked-dims{color:var(--muted);font-family:var(--font-sans);white-space:nowrap;font-size:.62rem;font-weight:500}.recorder-device-locked-badge{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:.28rem;font-size:.6rem;font-weight:700;display:inline-flex}.sidebar-section-heading{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.15rem;display:flex}.sidebar-section-heading .sidebar-section-title{margin:0}.recorder-unlock-settings{border:1px solid var(--border);background:var(--surface);color:var(--muted);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.3rem;margin:0;padding:.22rem .5rem;font-size:.62rem;font-weight:650;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.recorder-unlock-settings:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-muted)}.recorder-unlock-settings.is-active{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:var(--accent-soft)}.sidebar-section-card.is-locked-section{opacity:.98}.recorder-capture-summary{flex-direction:column;gap:.55rem;display:flex}.recorder-capture-summary-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.recorder-capture-summary-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.62rem;font-weight:700}.recorder-capture-summary-value{color:var(--text);text-align:right;text-transform:capitalize;font-size:.72rem;font-weight:550}.recorder-capture-summary-note{border-top:1px solid var(--border);color:var(--muted);margin:.15rem 0 0;padding-top:.55rem;font-size:.66rem;line-height:1.45}.recorder-capture-ready{flex:1;align-items:center;gap:.65rem;min-width:0;padding:.15rem .2rem;display:flex}.recorder-capture-ready-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--success) 18%, transparent);border-radius:50%;flex-shrink:0}.recorder-capture-ready-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.recorder-capture-ready-text strong{color:var(--text);letter-spacing:-.01em;font-size:.78rem;font-weight:650}.recorder-capture-ready-text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.66rem;overflow:hidden}.recorder-capture-actions{flex-shrink:0;align-items:center;gap:.5rem;margin-left:auto;display:flex}.recorder-capture-secondary{border:1px solid var(--border);background:var(--surface);min-height:40px;color:var(--text);font-family:var(--font-sans);cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .85rem;font-size:.74rem;font-weight:600;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.recorder-capture-secondary:hover{background:var(--surface-muted);border-color:var(--border-hover)}.recorder-rerecord-hint{color:var(--muted);margin:.55rem 0 0;font-size:.68rem;line-height:1.4}.recorder-style-card{border-color:color-mix(in srgb, var(--accent) 22%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent)}.recorder-preview{justify-content:center;align-items:center;width:100%;min-width:0;padding-inline:0;display:flex}.recorder-preview .capture-window,.recorder-preview .result-container{width:min(100%, calc(var(--monitor-max-height) * var(--preview-w) / var(--preview-h)));margin:0;flex-shrink:0;max-width:100%;margin-inline:auto}.recorder-preview .result-container .browser-mockup{width:100%}.recorder-actions{flex-direction:column;gap:.65rem;display:flex}.recorder-actions .progress-card{margin-top:0}.recorder-actions .status.error{text-align:center;margin-top:0}.recorder-actions-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.recorder-fast-toggle{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.68rem;font-weight:500;display:inline-flex}.recorder-fast-toggle input{width:14px;height:14px;accent-color:var(--text)}.recorder-success{text-align:center;border-radius:var(--ui-radius);background:#10b98114;border:1px solid #10b98133;flex-direction:column;align-items:center;gap:.55rem;padding:.85rem .9rem;display:flex}.recorder-success p{color:var(--success);margin-bottom:0;font-size:.74rem;line-height:1.45}.recorder-editor-btn{font-family:var(--font-sans);color:var(--accent-text);cursor:pointer;background:var(--accent);border:1px solid var(--accent);border-radius:var(--ui-radius);padding:.45rem .85rem;font-size:.7rem;font-weight:600}.recorder-editor-btn:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.recorder-preview .capture-meta{justify-content:center;gap:.65rem;width:100%;margin-top:.65rem}.recorder-preview .result-container.is-portrait-device .capture-meta{flex-wrap:wrap}@media (width<=900px){.recorder-stage{grid-template-columns:1fr}.recorder-stage.is-portrait-stage{justify-content:stretch;width:100%}.recorder-stage.is-portrait-stage .recorder-preview{width:100%}.recorder-options{position:static}.recorder-preview .result-container{width:min(100%, calc((100vh - 320px) * var(--preview-w) / var(--preview-h)), calc(var(--monitor-max-height) * var(--preview-w) / var(--preview-h)))}}@media (width<=640px){.recorder-device-row{grid-template-columns:repeat(2,minmax(0,1fr))}.recorder-page{padding:1.25rem 1rem 2rem}}.workspace-grid{grid-template-columns:var(--workspace-sidebar-width) minmax(0, 1fr);align-items:stretch;gap:0;min-height:100vh;display:grid}.app-shell-editor{background:var(--bg);height:100vh;color:var(--text);overflow:hidden}.app-shell-editor .editor-body{flex:none;align-items:stretch;min-height:0}.workspace-preview{background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;padding:.85rem 1.25rem 1rem;display:flex}.preview-stage{width:100%;max-width:var(--monitor-max-width);flex-direction:column;flex:1;gap:.55rem;display:flex}.preview-monitor{flex:1;min-height:0}.capture-bar{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);flex-direction:column;gap:.5rem;padding:.5rem .65rem;display:flex;position:sticky;bottom:.75rem}.capture-bar button[type=submit]{margin-top:0}.capture-bar-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.capture-fast-toggle{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:.68rem;font-weight:500;display:inline-flex}.capture-fast-toggle input{width:14px;height:14px;accent-color:var(--text)}.capture-bar .progress-card,.capture-bar .status{margin-top:0}.workspace-settings{border-right:1px solid var(--ui-line);background:var(--bg);flex-direction:column;gap:0;padding:0;display:flex;overflow-y:auto}.workspace-settings,.editor-sidebar{scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}.workspace-settings .panel{border:none;border-bottom:1px solid var(--ui-line);background:0 0;border-radius:0;padding:.9rem 1.1rem 1rem}.workspace-settings .panel+.panel{border-top:none;padding-top:.9rem}.workspace-settings .panel:hover{border-color:var(--ui-line)}.panel-section{margin-top:1.25rem}.panel-scroll .panel-title{margin-bottom:1.25rem}.form-stack{flex-direction:column;gap:1rem;display:flex}@media (width<=1024px){.app-shell>.app-header.product-topbar,.product-topbar{padding:0 1rem}.workspace-grid{grid-template-columns:1fr;min-height:0}.workspace-settings{border-right:none;border-bottom:1px solid var(--ui-line)}}header:not(.product-topbar){border-bottom:1px solid var(--border);flex-direction:column;gap:.5rem;padding-bottom:2rem;display:flex}.logo-area{align-items:center;gap:.75rem;display:flex}.logo-icon{width:28px;height:28px;stroke:var(--text)}h1{font-family:var(--font-display);letter-spacing:-.04em;font-size:1.85rem;font-weight:700}.subtitle{color:var(--muted);max-width:600px;font-size:.95rem}.recording-status-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;margin-left:.5rem;animation:1.2s step-end infinite blink;display:inline-block;box-shadow:0 0 8px #ef4444}@keyframes blink{50%{opacity:0}}.sticky-panel{position:sticky;top:1.35rem}.panel{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:.9rem 1rem;transition:border-color .12s}.panel:hover{border-color:var(--border-hover)}.panel-title{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);border-bottom:1px solid var(--ui-line);margin-bottom:.85rem;padding-bottom:.5rem;font-size:.62rem;font-weight:600}.panel-hero{border-bottom:1px solid var(--border);align-items:flex-start;gap:1rem;margin-bottom:1.75rem;padding-bottom:1.25rem;display:flex}.panel-step{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text);border:1px solid var(--border-active);background:#ffffff0f;border-radius:999px;flex-shrink:0;padding:.3rem .55rem;font-size:.65rem;font-weight:700}.panel-hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);margin-bottom:.25rem;font-size:1.35rem;font-weight:700}.panel-hero-desc{color:var(--muted);font-size:.875rem;line-height:1.45}.target-panel{background:0 0}.url-input-wrap{position:relative}.url-input-icon{width:1rem;height:1rem;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.url-input{padding-left:2.35rem!important;font-size:.78rem!important}.url-field:focus-within .url-input-icon{color:var(--text)}.device-chip-row{flex-wrap:wrap;gap:.45rem;display:flex}.device-chip{min-width:4rem;font-family:var(--font-sans);background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.45rem .42rem;transition:border-color .12s,background .12s;display:inline-flex}.device-chip:hover{border-color:var(--border-hover);background:var(--ui-fill)}.device-chip.is-active{color:var(--text);background:var(--ui-fill);box-shadow:inset 0 0 0 1px var(--ui-line);border-color:#ffffff2e}.device-chip-icon svg{width:18px;height:18px;color:var(--muted)}.device-chip.is-active .device-chip-icon svg{color:var(--text)}.device-chip-label{color:var(--ui-muted);font-size:.58rem;font-weight:500}.device-chip.is-active .device-chip-label{color:var(--text)}.device-preset-fallback{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.quality-field.is-disabled{opacity:.45;pointer-events:none}.capture-panel{background:0 0;border:none;flex-direction:column;flex:1;padding:0;display:flex}.capture-panel.sticky-panel{position:static}.capture-panel-head{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.capture-panel-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.capture-status-badge{font-family:var(--font-sans);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ui-line);background:var(--ui-surface);color:var(--ui-muted);border-radius:var(--ui-radius);flex-shrink:0;align-items:center;gap:.35rem;padding:.18rem .45rem;font-size:.58rem;font-weight:500;display:inline-flex}.capture-status-dot{background:var(--ui-muted);border-radius:50%;width:5px;height:5px}.capture-status-recording{color:#fca5a5cc;border-color:#ef444440}.capture-status-recording .capture-status-dot{background:#ef4444;animation:1.2s step-end infinite blink}.capture-status-ready{color:#86efaccc;border-color:#22c55e40}.capture-status-ready .capture-status-dot{background:#22c55e}.capture-window{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%;display:flex;margin-top:0!important}.capture-controls{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;width:100%;margin-top:1rem;padding-top:1rem;display:flex}.capture-controls button[type=submit]{margin-top:0}.capture-toggle{margin-bottom:0}.capture-meta{padding-top:.25rem}.field{margin-bottom:1.25rem}.field:last-child{margin-bottom:0}.field.hidden{display:none}label{color:var(--ui-muted);margin-bottom:.4rem;font-size:.68rem;font-weight:500;display:block}input[type=url],input[type=text],input[type=number],select{width:100%;font-family:var(--font-sans);border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--bg);color:var(--text);outline:none;padding:.5rem .62rem;font-size:.78rem;font-weight:500;transition:border-color .12s}input[type=url]:focus,input[type=text]:focus,input[type=number]:focus,select:focus{border-color:var(--accent);background:var(--bg);box-shadow:0 0 0 2px var(--accent-soft)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.25rem}.hint{color:var(--ui-muted);margin-top:.4rem;font-size:.66rem;line-height:1.45}.row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.toggle-row{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);justify-content:space-between;align-items:center;gap:1rem;padding:.55rem .65rem;transition:border-color .12s;display:flex}.toggle-row:hover{border-color:var(--border-hover)}.toggle-copy strong{color:var(--text);margin-bottom:.25rem;font-size:.9rem;font-weight:600;display:block}.toggle-copy span{color:var(--muted);font-size:.75rem;line-height:1.35}.toggle{flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:999px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--muted);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-slider{background:var(--text);border-color:var(--text)}.toggle input:checked+.toggle-slider:before{background:var(--bg);transform:translate(18px)}.curve-preview{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);margin-bottom:1.15rem;padding:.85rem}html[data-theme=light] .curve-preview{background:var(--surface);box-shadow:var(--shadow-soft)}.curve-preview-head{justify-content:space-between;align-items:baseline;margin-bottom:1rem;display:flex}.curve-preview-head strong{font-family:var(--font-sans);color:var(--text);font-size:.95rem;font-weight:600}.curve-preview-head span{font-family:var(--font-sans);color:var(--muted);font-size:.75rem}.canvas-container{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;position:relative;overflow:visible}html[data-theme=light] .canvas-container{background:var(--surface-muted);border-color:var(--border)}html[data-theme=light] .curve-preview-embedded .canvas-container{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm)}.curve-preview-canvas{aspect-ratio:560/180;border-radius:inherit;width:100%;height:auto;display:block}.canvas-tip{color:var(--muted);text-align:center;margin-top:.65rem;font-size:.72rem;line-height:1.4}.curve-scroll-preview{z-index:80;background:var(--surface);border:1px solid var(--border);opacity:0;visibility:hidden;pointer-events:none;border-radius:14px;width:220px;height:320px;margin:0;padding:0;transition:opacity .16s,transform .18s,visibility .16s;position:fixed;transform:translate(8px)scale(.96);box-shadow:0 16px 48px #00000038,0 4px 12px #0000001a}.curve-scroll-preview.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scale(1)}.curve-scroll-preview-canvas{border-radius:inherit;width:220px;height:320px;display:block}.curve-preview-embedded{z-index:2;background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;margin:0;padding:.45rem .55rem .55rem;display:flex;position:relative;overflow:visible}.curve-preview-embedded .curve-preview-head{flex-shrink:0;margin-bottom:.35rem}.curve-preview-embedded .curve-preview-head strong{font-size:.7rem}.curve-preview-embedded .curve-preview-head span{font-size:.6rem}.curve-preview-embedded .canvas-container{background:0 0;border:none;flex:1;min-height:0;display:block;overflow:visible}.curve-preview-embedded .curve-preview-canvas{aspect-ratio:560/180;width:100%;height:auto;min-height:0}.browser-placeholder-curve{background:var(--ui-fill);justify-content:stretch;align-items:stretch;gap:0;padding:0}.browser-placeholder-idle{background:radial-gradient(circle at 50% 30%, var(--accent-soft), transparent 50%), var(--surface-muted);gap:.55rem}.browser-placeholder.browser-placeholder-recording{background:radial-gradient(ellipse 80% 60% at 50% 40%, color-mix(in srgb, var(--error) 8%, transparent), transparent 70%), var(--surface-muted);text-align:center;justify-content:center;align-items:center;gap:0;width:100%;height:100%;padding:1.5rem}.idle-viewport-badge{font-family:var(--font-sans);letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:var(--ui-radius);padding:.16rem .42rem;font-size:.58rem;font-weight:500}.idle-preview-url{font-family:var(--font-sans);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:90%;font-size:.62rem;overflow:hidden}.curve-selection-area{margin-top:1.5rem}.curve-selection-area>label{margin-bottom:.75rem}.curve-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}@media (width>=560px){.curve-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.curve-card{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--bg);cursor:pointer;text-align:left;outline:none;flex-direction:column;gap:.4rem;padding:.65rem;transition:border-color .12s,background .12s;display:flex}.curve-card:hover{border-color:var(--border-hover);background:var(--ui-fill)}.curve-card.active{background:var(--ui-fill);box-shadow:inset 0 0 0 1px var(--ui-line);color:var(--text);border-color:#ffffff2e}.curve-card svg{width:100%;height:40px;color:var(--muted);transition:color .2s;display:block}.curve-card.active svg{color:var(--text)}.curve-card-name{color:var(--text);font-size:.8rem;font-weight:600}.curve-card-desc{color:var(--muted);font-size:.7rem;line-height:1.3}.curve-card.wide{flex-direction:row;grid-column:1/-1;align-items:center;gap:1rem}.curve-card.wide svg{flex-shrink:0;width:60px;height:30px}.curve-card.wide .curve-card-info{flex-direction:column;gap:.2rem;display:flex}.actions-area{margin-top:1.5rem}button[type=submit]:not(.recorder-capture-btn){width:100%;font-family:var(--font-sans);border-radius:var(--ui-radius);background:var(--ui-fill);color:var(--text);cursor:pointer;border:1px solid #ffffff2e;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.74rem;font-weight:500;transition:background .12s,border-color .12s;display:flex}button[type=submit]:not(.recorder-capture-btn):hover:not(:disabled){background:#1a1a1f;border-color:#ffffff47}button[type=submit]:not(.recorder-capture-btn):disabled{opacity:.4;cursor:not-allowed;border-color:var(--ui-line);background:var(--ui-surface);color:var(--ui-muted)}.loader-circle{border:2px solid #fff3;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:none}button[type=submit]:disabled .loader-circle{display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.status{font-family:var(--font-sans);text-align:left;border-radius:var(--ui-radius);min-height:1.25rem;margin-top:.5rem;padding:.45rem .55rem;font-size:.68rem;font-weight:500}.status.loading{color:var(--text);border:1px solid var(--ui-line);background:var(--ui-surface)}.status.error{color:var(--error);background:#ef444414;border:1px solid #ef444433}.status.success{color:var(--success);background:#10b98114;border:1px solid #10b98133}.progress-card{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);flex-direction:column;gap:.5rem;margin-top:.5rem;padding:.55rem .65rem;animation:.25s ease-out fadeIn;display:flex}.progress-card.hidden{display:none}.progress-header{justify-content:space-between;align-items:center;display:flex}.progress-title{color:var(--text);font-size:.72rem;font-weight:500}.progress-percent{font-family:var(--font-sans);color:var(--text);font-size:.68rem;font-weight:500}.progress-bar-track{background:var(--bg);border-radius:2px;width:100%;height:2px;overflow:hidden}.progress-bar-fill{background:#f4f4f5;border-radius:2px;width:0%;height:100%;transition:width .15s ease-out}.progress-footer{color:var(--ui-muted);justify-content:space-between;align-items:center;font-size:.62rem;display:flex}.progress-status,.progress-timer{font-family:var(--font-sans)}.result{margin-top:2rem;animation:.3s ease-out fadeIn;display:none}.result.visible{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.browser-mockup{border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);transition:max-width .2s,border-color .12s;overflow:hidden}.capture-browser.is-state-recording,.capture-browser.is-recording{border-color:#ef444466}.capture-browser.is-state-ready,.capture-browser.has-video{border-color:#22c55e55}.capture-browser.is-state-idle:not(.is-recording):not(.has-video){border-color:var(--ui-line)}.browser-mockup.is-mobile .browser-header{grid-template-columns:56px 1fr 40px;gap:.35rem;padding:.5rem .65rem}.browser-mockup.is-mobile .browser-dots .dot{width:7px;height:7px}.browser-mockup.is-mobile .browser-address-bar{padding:.25rem .45rem;font-size:.6rem}.browser-header{background:var(--ui-surface);border-bottom:1px solid var(--ui-line);grid-template-columns:72px 1fr 72px;align-items:center;gap:.45rem;padding:.45rem .65rem;display:grid}.browser-dots{gap:6px;display:flex}.browser-dots .dot{background:var(--border);border-radius:50%;width:9px;height:9px}.browser-dots .dot-close{background:#ff5f57}.browser-dots .dot-min{background:#febc2e}.browser-dots .dot-max{background:#28c840}.browser-address-bar{background:var(--bg);border:1px solid var(--ui-line);font-family:var(--font-sans);color:var(--ui-muted);border-radius:var(--ui-radius);justify-content:center;align-items:center;gap:.35rem;min-width:0;padding:.28rem .55rem;font-size:.62rem;font-weight:500;display:flex}.browser-lock{opacity:.5;flex-shrink:0;width:10px;height:10px}.browser-url-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.browser-footer-bar{font-family:var(--font-sans);color:var(--ui-muted);background:var(--ui-surface);border-top:1px solid var(--ui-line);justify-content:space-between;align-items:center;padding:.3rem .65rem;font-size:.58rem;font-weight:500;display:flex}.browser-footer-value{color:var(--text)}.rec-card{border:1px solid var(--border);background:var(--surface);width:min(320px,88%);box-shadow:var(--shadow-md), 0 0 0 1px color-mix(in srgb, var(--error) 8%, transparent);text-align:left;border-radius:14px;flex-direction:column;align-items:stretch;gap:.55rem;padding:1rem 1.1rem 1.05rem;display:flex}.rec-card-top{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.rec-pill{border:1px solid color-mix(in srgb, var(--error) 35%, var(--border));background:color-mix(in srgb, var(--error) 12%, var(--surface));color:var(--error);letter-spacing:.08em;border-radius:999px;align-items:center;gap:.4rem;padding:.22rem .55rem;font-size:.62rem;font-weight:700;display:inline-flex}.rec-dot{background:var(--error);width:7px;height:7px;box-shadow:0 0 0 0 color-mix(in srgb, var(--error) 45%, transparent);border-radius:50%;animation:1.5s ease-out infinite rec-dot-pulse}@keyframes rec-dot-pulse{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--error) 45%, transparent)}70%{opacity:.75;box-shadow:0 0 0 6px color-mix(in srgb, var(--error) 0%, transparent)}to{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb, var(--error) 0%, transparent)}}.rec-elapsed-chip{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:600}.rec-label{color:var(--text);letter-spacing:-.02em;margin:.15rem 0 0;font-size:.95rem;font-weight:650}.rec-detail{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.72rem;font-weight:500;overflow:hidden}.rec-progress{flex-direction:column;gap:.4rem;width:100%;margin-top:.35rem;display:flex}.rec-progress-track{background:color-mix(in srgb, var(--muted) 18%, transparent);border-radius:999px;width:100%;height:4px;overflow:hidden}.rec-progress-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--error) 75%, var(--accent)), var(--error));height:100%;transition:width .25s ease-out}.rec-progress-meta{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.rec-progress-status{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.62rem;font-weight:500;line-height:1.3;overflow:hidden}.rec-progress-pct{color:var(--text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.62rem;font-weight:650}.video-preview-wrapper.is-recording{border-color:color-mix(in srgb, var(--error) 28%, var(--border))!important;box-shadow:0 12px 32px color-mix(in srgb, var(--error) 10%, transparent), var(--shadow-md)!important}.browser-actions{justify-content:flex-end;display:flex}.browser-actions a{color:var(--muted);border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;text-decoration:none;transition:all .2s;display:flex}.browser-actions a:hover{color:var(--text);background:var(--surface);border-color:var(--border)}.browser-actions a svg{width:14px;height:14px}.browser-mockup.capture-browser{width:100%;transition:width .2s}.browser-mockup.is-portrait{width:100%;max-width:100%}.browser-content{background:#000;height:0;position:relative;overflow:hidden}.browser-content.is-landscape-preview,.browser-content.is-portrait-preview{width:100%}.browser-media,.browser-placeholder{position:absolute;inset:0}.browser-media{object-fit:cover;line-height:0}.browser-content video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.meta{font-family:var(--font-sans);color:var(--muted);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;font-size:.75rem;display:flex}.virtual-scroll-form{border-top:1px solid var(--border);padding-top:.25rem}.virtual-scroll-options.hidden{display:none}.checkbox-row{cursor:pointer;color:var(--text);align-items:center;gap:.55rem;margin-bottom:.5rem;font-size:.8125rem;font-weight:500;display:flex}.checkbox-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--text)}input[type=number]:disabled{opacity:.45;cursor:not-allowed}.scroll-strategy-badge{border:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.68rem;font-weight:600}.scroll-strategy-document{color:var(--muted);background:var(--surface-muted)}.scroll-strategy-virtual{color:var(--text);border-color:var(--border-active);background:#ffffff0f}.scroll-strategy-edited{color:#86efac;background:#22c55e1f;border-color:#22c55e59}.meta-badges{align-items:center;gap:.45rem;display:flex}.meta-actions{align-items:center;gap:.65rem;display:flex}.open-editor-btn{font-family:var(--font-sans);color:var(--text);background:var(--ui-fill);cursor:pointer;white-space:nowrap;border-radius:var(--ui-radius);border:1px solid #ffffff2e;padding:.28rem .55rem;font-size:.62rem;font-weight:500;transition:background .12s,border-color .12s}.open-editor-btn:hover{background:#1a1a1f;border-color:#ffffff47}.editor-topbar-left,.editor-topbar-right{align-items:center;gap:.75rem;display:flex}.editor-back-btn{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.4rem .65rem;font-size:.78rem;font-weight:500;display:inline-flex}.editor-back-btn svg{width:14px;height:14px}.editor-back-btn:hover{color:var(--text);border-color:var(--border-active)}.editor-project-meta{flex-direction:column;gap:.1rem;display:flex}.editor-project-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.68rem;font-weight:700}.editor-project-url{font-family:var(--font-sans);color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:28rem;font-size:.75rem;overflow:hidden}.editor-chip{letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--editor-line);color:var(--editor-muted);background:var(--editor-surface);border-radius:var(--editor-radius);padding:.14rem .4rem;font-size:.56rem;font-weight:500}.editor-chip-virtual{color:#a1a1aa}.editor-unsaved{color:var(--muted);font-size:.72rem}.editor-download-btn{color:#86efac;border-radius:var(--radius-sm);background:#22c55e14;border:1px solid #22c55e59;padding:.45rem .8rem;font-size:.78rem;font-weight:600;text-decoration:none}.editor-export-btn{color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-size:.8125rem;font-weight:600}.editor-export-btn:disabled{opacity:.5;cursor:not-allowed}.editor-body{grid-template-columns:var(--workspace-sidebar-width) minmax(0, 1fr);flex:1;min-height:0;display:grid}.editor-sidebar{background:var(--bg);border-right:1px solid var(--editor-line);flex-direction:column;gap:0;padding:0;display:flex;overflow-y:auto}.editor-sidebar-intro{border-bottom:1px solid var(--editor-line);padding:1rem 1.1rem .9rem}.editor-sidebar-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--editor-muted);margin-bottom:.4rem;font-size:.62rem;font-weight:600;display:block}.editor-sidebar-url{font-family:var(--font-sans);color:#d4d4d8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.5rem;font-size:.68rem;line-height:1.45;display:-webkit-box;overflow:hidden}.editor-sidebar-stats{font-family:var(--font-sans);color:var(--editor-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.62rem;font-weight:500;display:flex}.editor-sidebar-stats .editor-chip{padding:.12rem .38rem;font-size:.56rem}.editor-sidebar-section{border-bottom:1px solid var(--editor-line);padding:.85rem 1.1rem}.editor-sidebar-section h3{letter-spacing:.14em;text-transform:uppercase;color:var(--editor-muted);margin-bottom:.5rem;font-size:.62rem;font-weight:600}.editor-tool-btn{width:100%;color:var(--editor-muted);border-radius:var(--editor-radius);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;margin-bottom:.2rem;padding:.42rem .5rem;font-size:.75rem;font-weight:500;transition:color .12s,background .12s;display:flex}.editor-tool-btn:hover{color:var(--text);background:var(--editor-surface)}.editor-tool-btn-active{color:var(--text);background:var(--editor-fill);border-color:var(--editor-line);box-shadow:inset 2px 0 0 var(--text)}.editor-tool-btn:disabled{opacity:.4;cursor:not-allowed}.editor-tool-icon{width:1.1rem;height:1.1rem;color:var(--editor-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.editor-tool-icon svg{width:14px;height:14px}.editor-tool-btn-active .editor-tool-icon,.editor-tool-btn:hover .editor-tool-icon{color:var(--text)}.editor-tool-kbd{font-family:var(--font-sans);color:var(--editor-muted);border:1px solid var(--editor-line);background:var(--editor-surface);border-radius:3px;margin-left:auto;padding:.08rem .32rem;font-size:.56rem;font-weight:500}.editor-inspector-card{background:var(--editor-surface);border:1px solid var(--editor-line);border-radius:var(--editor-radius);padding:.65rem}.editor-inspector-empty p{color:var(--editor-muted);margin-bottom:.6rem;font-size:.7rem;line-height:1.5}.editor-inspector-row{justify-content:space-between;align-items:center;margin-bottom:.55rem;font-size:.72rem;display:flex}.editor-inspector-row span{color:var(--editor-muted);font-size:.68rem}.editor-inspector-row strong{font-family:var(--font-sans);color:var(--text);font-size:.72rem;font-weight:500}.editor-inspector-field{color:var(--editor-muted);flex-direction:column;gap:.3rem;margin-bottom:.55rem;font-size:.68rem;font-weight:500;display:flex}.editor-inspector-field input{width:100%;color:var(--text);background:var(--bg);border:1px solid var(--editor-line);border-radius:var(--editor-radius);font-family:var(--font-sans);outline:none;padding:.38rem .48rem;font-size:.72rem;font-weight:500;transition:border-color .12s}.editor-inspector-field input:focus{border-color:#ffffff2e}.editor-inspector-delete{color:#f87171b3;border-radius:var(--editor-radius);cursor:pointer;background:0 0;border:1px solid #ef444433;width:100%;padding:.38rem;font-size:.68rem;font-weight:500;transition:color .12s,border-color .12s}.editor-inspector-delete:hover{color:var(--error);border-color:#ef444466}.editor-sidebar-hint{border-bottom:none;margin-top:auto}.editor-sidebar-hint p{color:var(--editor-muted);font-size:.66rem;line-height:1.55}.editor-sidebar-hint kbd{font-family:var(--font-sans);border:1px solid var(--editor-line);background:var(--editor-surface);border-radius:3px;padding:.08rem .3rem;font-size:.58rem;font-weight:500}.editor-stage{background:var(--bg);flex-direction:column;justify-content:flex-start;align-items:center;gap:.55rem;min-height:0;padding:.85rem 1.25rem .5rem;display:flex}.editor-stage-label{width:min(100%, var(--monitor-max-width));justify-content:space-between;align-items:baseline;padding:0;display:flex}.editor-stage-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--editor-muted);font-size:.62rem;font-weight:600}.editor-stage-mode{font-family:var(--font-sans);color:var(--editor-muted);border:1px solid var(--editor-line);background:var(--editor-surface);border-radius:var(--editor-radius);padding:.14rem .42rem;font-size:.58rem;font-weight:500}.editor-monitor{width:min(100%, var(--monitor-max-width));max-height:var(--monitor-max-height);border:1px solid var(--editor-line);border-radius:var(--editor-radius);background:#000;position:relative;overflow:hidden}.editor-monitor-framed{background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#0000;place-items:center;padding:8%;display:grid}.editor-video-card{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.editor-video-card.has-shadow{box-shadow:0 18px 36px #0000007a,0 5px 12px #00000052}.editor-monitor-video{object-fit:contain;cursor:pointer;width:100%;height:100%;display:block}.editor-canvas-section{gap:.65rem}.editor-section-heading{justify-content:space-between;align-items:center;display:flex}.editor-section-heading h3{margin:0}.editor-section-heading span{font-family:var(--font-sans);color:var(--editor-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem}.editor-canvas-copy{color:var(--editor-muted);margin:-.2rem 0 0;font-size:.72rem;line-height:1.45}.editor-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem;display:grid}.editor-background-option{color:var(--editor-muted);text-align:left;background:var(--editor-fill);border:1px solid var(--editor-line);cursor:pointer;border-radius:5px;min-width:0;padding:.25rem;font-size:.6rem;font-weight:600;transition:border-color .12s,box-shadow .12s,color .12s}.editor-background-option img,.editor-background-none-mark{aspect-ratio:16/9;object-fit:cover;background:#111;border-radius:3px;width:100%;margin-bottom:.22rem;display:block}.editor-background-none-mark{color:var(--editor-muted);border:1px dashed var(--editor-line);text-align:center;place-content:center;font-size:1rem;font-weight:300}.editor-background-option:hover{color:var(--text);border-color:var(--border-active)}.editor-background-option.is-selected{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.editor-canvas-shadow{color:var(--text);cursor:pointer;align-items:center;gap:.45rem;margin-top:.1rem;font-size:.7rem;font-weight:500;display:flex}.editor-canvas-shadow input{accent-color:var(--accent)}.editor-canvas-shadow.is-disabled{color:var(--editor-muted);cursor:not-allowed;opacity:.55}.recorder-canvas-form{flex-direction:column;gap:.58rem;display:flex}.recorder-canvas-heading{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.recorder-canvas-title{color:var(--text);align-items:center;gap:.42rem;display:flex}.recorder-canvas-heading .sidebar-section-title{margin:0}.recorder-canvas-heading>span{font-family:var(--font-sans);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);border-radius:999px;padding:.18rem .38rem;font-size:.56rem;font-weight:600}.recorder-background-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem;display:grid}.recorder-background-option{color:var(--muted);text-align:left;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;min-width:0;padding:.22rem;font-size:.56rem;font-weight:600;transition:border-color .14s,box-shadow .14s,color .14s,transform .14s}.recorder-background-option img,.recorder-background-none-mark{aspect-ratio:16/9;object-fit:cover;background:#111;border-radius:4px;width:100%;margin-bottom:.18rem;display:block}.recorder-background-none-mark{color:var(--muted);border:1px dashed var(--border-hover);place-items:center;display:grid}.recorder-background-option-name{white-space:nowrap;text-overflow:ellipsis;padding-inline:.08rem;display:block;overflow:hidden}.recorder-background-option:hover{color:var(--text);border-color:var(--border-active);transform:translateY(-1px)}.recorder-background-option.is-selected{color:var(--text);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.recorder-frame-toggles{background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.2rem;display:grid}.recorder-frame-toggle{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.36rem;min-height:30px;padding:.28rem .45rem;font-size:.62rem;font-weight:600;transition:background .14s,color .14s,border-color .14s;display:flex}.recorder-frame-toggle:hover:not(:disabled){color:var(--text);background:var(--surface)}.recorder-frame-toggle.is-active{color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-soft)}.recorder-frame-toggles.is-disabled{opacity:.45}.recorder-frame-toggle:disabled{cursor:not-allowed}.recorder-apply-style{color:var(--accent-text);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.4rem;min-height:32px;font-size:.66rem;font-weight:650;display:flex}.recorder-apply-style:disabled{cursor:wait;opacity:.65}.recorder-page{grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:1.5rem;padding:1.5rem}.recorder-sidebar-panel{gap:.7rem}.recorder-sidebar-panel .sidebar-section-card{box-shadow:none;border-radius:14px;gap:.75rem;padding:1rem}.recorder-sidebar-panel .sidebar-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border:none;margin:0;padding:0;font-size:.62rem;font-weight:700}.recorder-main-panel{gap:1.25rem;padding:0}.recorder-controls-card{box-shadow:none;background:0 0;border:none;flex-wrap:nowrap;padding:0;display:block}.recorder-export-btn{white-space:nowrap;min-height:72px;padding:.75rem;font-size:.76rem}.recorder-preview-panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex:1;min-height:0;padding:clamp(1.5rem,4vw,4rem);position:relative;overflow:auto}.recorder-preview-panel:before{display:none}.recorder-preview{z-index:1;position:relative}.recorder-preview-panel .recorder-preview .capture-window,.recorder-preview-panel .recorder-preview .result-container{width:min(100%, var(--monitor-max-width), max(12rem, calc((100dvh - 18rem) * var(--preview-w) / var(--preview-h))))}.recorder-preview .video-preview-wrapper{border-radius:14px!important;box-shadow:0 24px 60px #0000002e!important}.video-card-shell{border-radius:16px;width:100%;position:relative;box-shadow:inset 0 1px #ffffff24,0 18px 40px -18px #00000073}.custom-video-player-container{isolation:isolate;border:1px solid color-mix(in srgb, var(--border) 82%, white);border-radius:inherit;cursor:pointer;width:100%;box-shadow:none;background:#050505;position:relative;overflow:hidden}.custom-video-player-container video{object-fit:cover;border-radius:0;width:100%;height:auto;display:block}.recorder-preview-panel.has-canvas-rounded .video-card-shell,.recorder-preview-panel.has-canvas-rounded .custom-video-player-container{border-radius:clamp(12px,1.2vw,20px)}.recorder-preview-panel.has-canvas-rounded .video-preview-wrapper{overflow:hidden;border-radius:clamp(12px,1.2vw,20px)!important}.recorder-preview-panel.has-canvas-rounded .browser-content{border-radius:clamp(12px,1.2vw,20px);overflow:hidden!important}.recorder-preview-panel.has-canvas-shadow .video-card-shell{border-radius:clamp(12px,1.2vw,20px);box-shadow:0 2px 4px #0000001f,0 12px 28px -6px #00000052,0 28px 56px -12px #0000006b}.recorder-preview-panel.has-canvas-shadow .custom-video-player-container{box-shadow:none;border-color:#ffffff2e}.recorder-preview-panel.has-canvas-rounded.has-canvas-shadow .video-card-shell{box-shadow:0 2px 4px #0000001f,0 14px 32px -8px #00000057,0 32px 64px -14px #00000073}.custom-video-player-container .player-controls-deck{box-shadow:0 10px 30px #0003;background:#0a0c10b8!important;border-radius:12px!important;bottom:14px!important;left:14px!important;right:14px!important}.player-export-btn{text-decoration:none;color:var(--accent)!important}.style-render-veil{z-index:12;text-align:center;color:#fff;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:linear-gradient(#04070c33,#04070c9e);place-content:center;gap:.3rem;font-size:.82rem;font-weight:650;display:grid;position:absolute;inset:0}.style-render-veil small{color:#ffffffa6;font-size:.67rem;font-weight:500}.style-render-spinner{border:2px solid #ffffff38;border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;margin:0 auto .25rem;animation:.85s linear infinite recorder-spin}@keyframes recorder-spin{to{transform:rotate(360deg)}}.scrub-container:after{content:"";position:absolute;inset:-8px 0}.scrub-container .scrub-handle{transition:transform .14s,box-shadow .14s!important}.scrub-container:hover .scrub-handle,.scrub-container.is-scrubbing .scrub-handle{transform:scale(1.3);box-shadow:0 2px 10px #0000008c!important}.recorder-preview-panel.has-canvas-background{background-position:50%;background-repeat:no-repeat;background-size:cover;padding-bottom:clamp(2rem,5.5vw,4.5rem)}.recorder-preview-panel.has-canvas-background:before{display:none}.recorder-preview-panel.has-canvas-background .result-container,.recorder-preview-panel.has-canvas-background .capture-window{width:84%;margin-inline:auto}.recorder-preview-panel.has-canvas-shadow .video-preview-wrapper{box-shadow:0 4px 10px #0000002e,0 18px 36px -8px #00000061,0 36px 72px -16px #0000006b!important}.recorder-preview-panel.has-canvas-rounded .video-preview-wrapper{border-radius:clamp(12px,1.2vw,20px)!important}.recorder-disclosure{border:1px solid var(--border);border-radius:10px;overflow:visible}.recorder-disclosure summary{color:var(--text);cursor:pointer;align-items:center;gap:.5rem;min-height:42px;padding:.55rem .65rem;font-size:.72rem;font-weight:650;list-style:none;display:flex}.recorder-disclosure summary::-webkit-details-marker{display:none}.recorder-disclosure summary small{color:var(--muted);text-transform:capitalize;margin-left:auto;font-size:.6rem;font-weight:500}.recorder-disclosure-icon{color:var(--accent);place-items:center;display:grid}.recorder-disclosure-chevron{color:var(--muted);transition:transform .16s}.recorder-disclosure[open] .recorder-disclosure-chevron{transform:rotate(180deg)}.recorder-disclosure-content{border-top:1px solid var(--border);flex-direction:column;gap:0;padding:.75rem;display:flex}.motion-stack{flex-direction:column;gap:.15rem;display:flex}.motion-block{border-top:1px solid color-mix(in srgb, var(--border) 80%, transparent);flex-direction:column;gap:.7rem;padding:.85rem 0;display:flex}.motion-stack>.motion-block:first-child,.recorder-disclosure-content>.motion-block:first-child,.recorder-disclosure-content>.scroll-physics-form>.motion-block:first-child{border-top:none;padding-top:.15rem}.motion-block-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.motion-block-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:700}.motion-block-title .field-label-row{margin:0}.motion-block-title .field-label-row label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.62rem;font-weight:700}.motion-field{flex-direction:column;gap:.4rem;display:flex}.motion-field-head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.motion-field-value{color:var(--muted);font-family:var(--font-sans);white-space:nowrap;font-size:.62rem;font-weight:500}.motion-select,.motion-number-input{border:1px solid var(--border);background:var(--surface);width:100%;min-height:36px;color:var(--text);font-family:var(--font-sans);border-radius:8px;padding:.45rem .6rem;font-size:.74rem}.motion-number-input{font-family:var(--font-sans);font-size:.72rem}.motion-select:focus,.motion-number-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.motion-slider{width:100%;height:1.25rem;accent-color:var(--accent);cursor:pointer;margin:0}.motion-slider-ends{color:var(--muted);justify-content:space-between;margin-top:-.15rem;font-size:.58rem;font-weight:500;display:flex}.motion-seg{border:1px solid var(--border);background:var(--surface-muted);border-radius:9px;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;display:grid}.motion-seg--3{grid-template-columns:repeat(3,minmax(0,1fr))}.motion-seg button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.3rem .35rem;font-size:.66rem;font-weight:600;transition:color .12s,background .12s,box-shadow .12s}.motion-seg button:hover:not(:disabled):not(.is-active){color:var(--text)}.motion-seg button.is-active{color:var(--text);background:var(--surface);border-color:color-mix(in srgb, var(--border) 70%, transparent);box-shadow:0 1px 2px #0000000f}.motion-advanced{border:1px solid var(--border);background:var(--surface-muted);border-radius:9px;overflow:hidden}.motion-advanced>summary{min-height:36px;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:.5rem;padding:.45rem .65rem;font-size:.7rem;font-weight:600;list-style:none;display:flex}.motion-advanced>summary::-webkit-details-marker{display:none}.motion-advanced>summary span{color:var(--muted);font-size:.62rem;font-weight:500}.motion-advanced-body{border-top:1px solid var(--border);flex-direction:column;gap:.65rem;padding:.65rem .65rem .75rem;display:flex}.motion-check{color:var(--text);cursor:pointer;align-items:center;gap:.45rem;font-size:.72rem;font-weight:500;display:inline-flex}.motion-check input{accent-color:var(--accent)}.motion-text-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:.25rem;margin:0;padding:.2rem .4rem;font-size:.66rem;font-weight:650;display:inline-flex}.motion-text-btn:hover:not(:disabled){background:var(--accent-soft)}.motion-text-btn:disabled{opacity:.45;cursor:not-allowed}.motion-footnote{color:var(--muted);margin:.1rem 0 0;font-size:.6rem;font-weight:500}.recorder-sidebar-panel{scrollbar-width:none}.recorder-sidebar-panel::-webkit-scrollbar{width:0;height:0;display:none}.recorder-disclosure-content .curve-visualizer-container{z-index:4;margin-top:.15rem;position:relative;overflow:visible}.recorder-disclosure-content .curve-preview-embedded{padding:.35rem .4rem .4rem;overflow:visible}.recorder-disclosure-content .canvas-tip{opacity:.85;margin-top:.35rem;font-size:.58rem}.recorder-disclosure,.recorder-disclosure[open],.recorder-disclosure-content{overflow:visible}.pause-triggers-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.pause-trigger-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.3rem;display:grid}.pause-trigger-selector{border:1px solid var(--border);background:var(--surface);min-width:0;min-height:32px;color:var(--text);font-family:var(--font-sans);border-radius:6px;padding:.35rem .5rem;font-size:.7rem}.pause-trigger-selector:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.pause-trigger-selector::placeholder{color:var(--muted);opacity:.7}.pause-trigger-duration-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:.2rem;display:grid}.pause-trigger-duration-options button{border:1px solid var(--border);background:var(--surface);min-width:2rem;min-height:28px;color:var(--muted);cursor:pointer;border-radius:5px;padding:.2rem .25rem;font-size:.58rem;font-weight:650}.pause-trigger-duration-options button:hover:not(:disabled){color:var(--text)}.pause-trigger-duration-options button.is-active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.pause-trigger-remove{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;display:grid}.pause-trigger-remove:hover:not(:disabled){color:var(--error);background:color-mix(in srgb, var(--error) 10%, transparent)}.pause-trigger-remove:disabled,.pause-trigger-duration-options button:disabled{opacity:.45;cursor:not-allowed}.pause-triggers-empty-btn{border:1px dashed var(--border);background:var(--surface-muted);width:100%;color:var(--muted);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:.55rem;margin:0;padding:.55rem .65rem;transition:border-color .12s,color .12s,background .12s;display:flex}.pause-triggers-empty-btn:hover:not(:disabled){color:var(--text);border-color:var(--border-hover);background:var(--surface)}.pause-triggers-empty-btn span{flex-direction:column;gap:.1rem;font-size:.72rem;font-weight:600;display:flex}.pause-triggers-empty-btn small{color:var(--muted);font-size:.6rem;font-weight:500}.pause-triggers-empty-btn:disabled{opacity:.45;cursor:not-allowed}.pause-triggers-form.is-disabled{opacity:.7;pointer-events:none}@media (width<=420px){.pause-trigger-row{grid-template-columns:minmax(0,1fr) auto}.pause-trigger-duration-options{grid-column:1/-1}}@media (width<=960px){.recorder-page{grid-template-columns:1fr;padding:1rem}.recorder-preview-panel{min-height:360px}}@media (width<=640px){.recorder-capture-bar{gap:.55rem;padding:.6rem}.capture-target-fields{flex-direction:column;align-items:stretch}.capture-device-row{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid!important}.capture-device-row .recorder-device-btn{padding:.45rem .25rem}.capture-device-row .recorder-device-btn span{display:none}.recorder-capture-bar-row{flex-direction:column;align-items:stretch}.recorder-capture-quality,.recorder-capture-ready{width:100%}.recorder-capture-quality{flex-direction:column;align-items:stretch;gap:.4rem}.render-tier-group{width:100%;display:flex}.render-tier-btn{flex:1 1 0;min-width:0;padding:.5rem .65rem}.recorder-capture-actions{width:100%;margin-left:0}.recorder-capture-secondary{flex:1}button.recorder-capture-btn{flex:1;width:auto;min-height:44px}.recorder-preview-panel{min-height:250px;padding:1.25rem}.sidebar-section-heading{flex-wrap:wrap}}.editor-monitor-play{color:#f4f4f5;cursor:pointer;background:#00000073;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:auto;transition:border-color .12s,background .12s;display:flex;position:absolute;inset:0}.editor-monitor-play:hover{background:#000000a6;border-color:#ffffff8c}.editor-monitor-play svg{width:18px;height:18px;margin-left:2px}.editor-transport{background:var(--editor-surface);border:1px solid var(--editor-line);border-radius:var(--editor-radius);width:min(100%, var(--monitor-max-width));align-items:center;gap:.35rem;padding:.38rem .55rem;display:flex}.editor-transport-btn{font-family:var(--font-sans);color:var(--editor-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:.28rem .52rem;font-size:.68rem;font-weight:500;transition:color .12s,background .12s}.editor-transport-btn:hover{color:var(--text);background:var(--editor-fill)}.editor-transport-btn-primary{color:var(--text);background:var(--editor-fill);border-color:var(--editor-line);text-align:center;min-width:3.75rem}.editor-timecode{font-family:var(--font-sans);color:var(--editor-muted);margin-left:.25rem;font-size:.68rem;font-weight:500}.editor-timecode-current{color:var(--text)}.editor-timecode-sep{color:var(--editor-muted);opacity:.6}.editor-timecode-mode{letter-spacing:.1em;text-transform:uppercase;color:var(--editor-muted);margin-left:auto;padding-left:.5rem;font-size:.58rem;font-weight:500}.editor-preview-toggle{border:1px solid var(--border);background:var(--surface-muted);border-radius:999px;padding:2px;display:inline-flex}.editor-preview-toggle button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.3rem .65rem;font-size:.68rem;font-weight:600}.editor-preview-toggle button.is-active{color:var(--text);background:#ffffff1a}.editor-timeline-panel{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;flex:1;min-height:0;padding:.5rem 1.25rem .85rem;display:flex}.editor-timeline-toolbar{flex-shrink:0;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.55rem;display:flex}.editor-timeline-title{letter-spacing:.14em;text-transform:uppercase;color:var(--tl-ruler-text);font-size:.62rem;font-weight:600}.editor-timeline-meta{font-family:var(--font-sans);color:var(--tl-ruler-text);font-size:.68rem;font-weight:500}.editor-export-note{color:var(--editor-muted);font-family:var(--font-sans);margin-top:.45rem;font-size:.66rem;font-weight:500}.tl-root{flex-direction:column;flex:1;justify-content:flex-start;min-height:0;margin-top:0;display:flex}.tl-ruler{flex-shrink:0;height:16px;margin-bottom:4px;margin-left:44px;position:relative}.tl-ruler-mark{font-family:var(--font-sans);color:var(--tl-ruler-text);white-space:nowrap;font-size:.58rem;font-weight:500;position:absolute;top:0;transform:translate(-50%)}.tl-ruler-mark:before{content:"";background:var(--tl-track-line);width:1px;height:4px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tl-track-wrap{flex:none;grid-template-columns:44px 1fr;align-items:center;gap:.65rem;display:grid;overflow:visible}.tl-track-host{position:relative;overflow:visible}.tl-track-overlay{pointer-events:none;z-index:8;position:absolute;inset:0;overflow:visible}.tl-track-label{color:var(--tl-ruler-text);letter-spacing:.08em;text-transform:uppercase;text-align:right;font-size:.58rem;font-weight:600}.tl-track{height:var(--editor-timeline-track-height);border:1px solid var(--tl-track-line);cursor:pointer;background:var(--tl-track-bg);border-radius:4px;position:relative;overflow:hidden}.tl-track-source{isolation:isolate}.tl-source-base{background:var(--tl-track-fill);position:absolute;inset:0}.tl-trim-ghost{background:var(--tl-trim-ghost);pointer-events:none;z-index:1;position:absolute;inset:0}.tl-trim-ghost-start{left:0}.tl-trim-ghost-end{right:0}.tl-trim-window{pointer-events:none;z-index:2;border-left:1px solid #ffffff1a;border-right:1px solid #ffffff1a;position:absolute;inset:0}.tl-block{pointer-events:none;z-index:3;position:absolute;inset:0}.tl-block-play{display:none}.tl-pause{pointer-events:auto;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;z-index:6;border-radius:2px;min-width:28px;height:22px;display:flex;position:absolute;top:4px;left:0;overflow:hidden}.tl-pause-anchor{background:var(--tl-pause-line);z-index:2;flex-shrink:0;width:1px}.tl-pause-body{background:var(--tl-pause-fill);border-top:1px solid var(--tl-pause-line);border-bottom:1px solid var(--tl-pause-line);border-right:1px solid #f59e0b33;flex:1;justify-content:flex-end;align-items:center;min-width:0;padding-right:4px;display:flex;position:relative}.tl-pause-label{font-family:var(--font-sans);color:#fbbf24d9;pointer-events:none;opacity:0;white-space:nowrap;font-size:.58rem;font-weight:500;transition:opacity .15s}.tl-pause-time{display:none}.tl-pause:hover .tl-pause-label,.tl-pause.is-selected .tl-pause-label,.tl-pause.is-dragging .tl-pause-label,.tl-pause.is-resizing .tl-pause-label{opacity:1}.tl-pause.is-selected .tl-pause-body{background:color-mix(in srgb, var(--pause-block) 32%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pause-block) 48%, transparent)}.tl-pause.is-dragging,.tl-pause.is-resizing,.tl-root.is-dragging .tl-pause,.tl-root.is-dragging .tl-track{cursor:grabbing}.tl-pause-handle-end{cursor:ew-resize;z-index:3;background:0 0;border:none;flex-shrink:0;width:8px;padding:0;position:relative}.tl-pause-handle-end:after{content:"";background:#fbbf24a6;border-radius:999px;width:3px;height:3px;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.tl-pause.is-selected .tl-pause-handle-end:after,.tl-pause:hover .tl-pause-handle-end:after,.tl-pause.is-resizing .tl-pause-handle-end:after{border-radius:1px;width:2px;height:60%;right:3px}.tl-playhead{background:var(--playhead);z-index:7;pointer-events:auto;cursor:ew-resize;will-change:left;width:1px;position:absolute;top:-6px;bottom:0;left:0;transform:translate(-50%)}.tl-playhead.is-playing{transition:none}.tl-playhead:not(.is-playing){transition:left 60ms ease-out}.tl-playhead:before{content:"";border-left:5px solid #0000;border-right:5px solid #0000;border-top:6px solid var(--playhead);position:absolute;top:0;left:50%;transform:translate(-50%)}.tl-playhead:after{content:"";width:12px;position:absolute;top:-2px;bottom:0;left:50%;transform:translate(-50%)}.tl-trim-handle{cursor:ew-resize;z-index:8;pointer-events:auto;background:linear-gradient(to right, transparent 4px, var(--tl-trim-line) 4px, var(--tl-trim-line) 5px, transparent 5px);border:none;width:10px;padding:0;transition:filter .12s;position:absolute;top:0;bottom:0;left:0;transform:translate(-50%)}.tl-trim-handle:before,.tl-trim-handle:after{content:"";background:var(--tl-trim-line);opacity:.72;width:6px;height:1px;transition:opacity .12s,background .12s;position:absolute;left:5px}.tl-trim-handle:before{top:0}.tl-trim-handle:after{bottom:0}.tl-trim-handle-start:before,.tl-trim-handle-start:after{left:4px}.tl-trim-handle-end:before,.tl-trim-handle-end:after{left:0}.tl-trim-handle:hover,.tl-trim-handle.is-dragging{filter:drop-shadow(0 0 6px #ffffff59);background:linear-gradient(90deg,#0000 3px,#fff 3px 6px,#0000 6px)}.tl-trim-handle:hover:before,.tl-trim-handle:hover:after,.tl-trim-handle.is-dragging:before,.tl-trim-handle.is-dragging:after{opacity:1;background:#fff}.editor-toast{border-radius:var(--editor-radius);border:1px solid var(--editor-line);background:var(--editor-surface);z-index:50;font-family:var(--font-sans);padding:.55rem .75rem;font-size:.68rem;font-weight:500;position:fixed;bottom:1.25rem;right:1.25rem}.editor-toast-error{color:#f87171cc;border-color:#ef444440}.editor-toast-success{color:#86efaccc;border-color:#22c55e40}.editor-empty{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.editor-empty-card{text-align:center;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);max-width:22rem;padding:1.5rem}.editor-empty-card h1{margin-bottom:.4rem;font-size:.92rem;font-weight:600}.editor-empty-card p{color:var(--ui-muted);margin-bottom:1rem;font-size:.74rem;line-height:1.5}.editor-empty-card button{color:var(--text);background:var(--ui-fill);border-radius:var(--ui-radius);cursor:pointer;border:1px solid #ffffff2e;padding:.4rem .85rem;font-size:.72rem;font-weight:500}@media (width<=900px){.editor-body{grid-template-columns:1fr}.editor-sidebar{border-right:none;border-bottom:1px solid var(--border);flex-flow:wrap;gap:.75rem}.editor-sidebar-section{flex:180px}.editor-sidebar-hint{display:none}.editor-topbar{flex-wrap:wrap}.editor-project-url{max-width:14rem}}.dimmed{opacity:.45;pointer-events:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.status.loading:after{content:"...";animation:1.2s ease-in-out infinite pulse;display:inline-block}.browser-placeholder{text-align:center;background:var(--surface-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem;display:flex}.placeholder-icon{width:36px;height:36px;color:var(--muted)}.placeholder-title{color:var(--text);font-size:.85rem;font-weight:600}.placeholder-desc{color:var(--muted);max-width:220px;font-size:.72rem;line-height:1.4}.app-header:not(.product-topbar){border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:1.5rem;display:flex}.header-brand{flex-direction:column;gap:.65rem;display:flex}.header-pills{flex-wrap:wrap;gap:.45rem;display:flex}.header-pill{font-family:var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.65rem;font-weight:600}.header-nav:not(.product-nav){background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);gap:0;padding:2px;display:flex}.nav-link{font-family:var(--font-sans);color:var(--ui-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;outline:none;padding:.32rem .62rem;font-size:.72rem;font-weight:500;transition:color .12s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:var(--ui-fill);box-shadow:inset 0 0 0 1px var(--ui-line)}.upcoming-container{flex-direction:column;gap:1.25rem;width:100%;max-width:720px;margin:0 auto;padding:1.25rem 1.25rem 2rem;display:flex}.roadmap-header-minimal{border-bottom:1px solid var(--ui-line);padding-bottom:.85rem}.roadmap-header-minimal h2{letter-spacing:.14em;text-transform:uppercase;color:var(--ui-muted);margin-bottom:.35rem;font-size:.62rem;font-weight:600}.roadmap-desc-minimal{color:#a1a1aa;font-size:.74rem;line-height:1.5}.features-list-minimal{flex-direction:column;display:flex}.feature-row-minimal{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1rem 0;display:flex}.feature-row-minimal:last-child{border-bottom:none}.feature-info-minimal{flex-direction:column;flex-grow:1;gap:.35rem;display:flex}.feature-meta-minimal{align-items:center;gap:.45rem;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot-planned{background:#fbbf24}.status-dot-inprogress{background:var(--accent)}.status-dot-completed{background:#34d399}.status-text-minimal{font-family:var(--font-sans);color:var(--ui-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.58rem;font-weight:500}.feature-title-minimal{color:var(--text);font-size:.84rem;font-weight:600}.feature-desc-minimal{color:var(--ui-muted);font-size:.72rem;line-height:1.55}.animate-fade-in{animation:.4s cubic-bezier(.16,1,.3,1) fadeIn}.tl-zoom{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--ui-radius);cursor:grab;z-index:15;box-sizing:border-box;pointer-events:auto;align-items:center;height:22px;transition:box-shadow .12s;display:flex;position:absolute;top:30px}.tl-zoom.is-selected{box-shadow:0 0 0 2px var(--accent-soft);background:var(--accent);border-color:var(--accent)}.tl-zoom.is-selected .tl-zoom-label{color:#fff}.tl-zoom-anchor{background:var(--accent);width:2px;position:absolute;top:0;bottom:0;left:0}.tl-zoom-body{white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;flex:1;align-items:center;padding-left:.35rem;display:flex;overflow:hidden}.tl-zoom-label{color:var(--accent);letter-spacing:-.01em;font-size:.58rem;font-weight:700}.tl-zoom-handle-end{cursor:ew-resize;background:0 0;border:none;width:5px;padding:0;position:absolute;top:0;bottom:0;right:0}.tl-zoom-handle-end:after{content:"";background:var(--border);opacity:.8;width:1px;position:absolute;top:25%;bottom:25%;right:1px}.tl-zoom.is-selected .tl-zoom-handle-end:after{background:#fff}.zoom-box-overlay{border:2px solid var(--accent);background:color-mix(in srgb, var(--accent) 9%, transparent);cursor:move;z-index:50;box-sizing:border-box;position:absolute;box-shadow:0 0 0 9999px #0006}.zoom-box-label{background:var(--accent);color:#fff;font-size:.62rem;font-weight:700;font-family:var(--font-sans);pointer-events:none;box-shadow:var(--shadow-soft);border-radius:3px;padding:.15rem .35rem;position:absolute;top:.4rem;left:.4rem}.zoom-box-handle{border:2px solid var(--accent);box-sizing:border-box;width:8px;height:8px;box-shadow:var(--shadow-soft);background:#fff;border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.zoom-box-handle-nw{cursor:nwse-resize;top:0;left:0}.zoom-box-handle-ne{cursor:nesw-resize;top:0;left:100%}.zoom-box-handle-sw{cursor:nesw-resize;top:100%;left:0}.zoom-box-handle-se{cursor:nwse-resize;top:100%;left:100%}.editor-inspector-coords-display{color:var(--text);background:var(--surface-muted);border-radius:var(--ui-radius);border:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:.5rem;padding:.5rem .65rem;font-size:.74rem;display:flex}.editor-inspector-coords-display span{color:var(--muted);font-weight:600}.editor-inspector-coords-display div{font-family:var(--font-sans);font-weight:700}.zoom-inspector-hint{color:var(--muted);background:var(--glow-strong);border-radius:var(--ui-radius);border-left:2px solid var(--accent);margin-top:.75rem;padding:.5rem .65rem;font-size:.68rem;line-height:1.45}.workflow-content{background:var(--bg);min-width:0;height:100vh;min-height:0;overflow:hidden}.studio-page{flex-direction:column;width:100%;height:100vh;min-height:0;margin:0;padding:12px 14px 14px;display:flex}.library-page{width:100%;height:100vh;margin:0;padding:14px 18px 36px;overflow:auto}.director-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.director-heading p{color:var(--muted);font-size:.92rem}.eyebrow{color:color-mix(in srgb, var(--accent) 80%, var(--text));letter-spacing:.16em;text-transform:uppercase;font-size:.66rem;font-weight:800}.quiet-button,.quick-capture,.analyze-button,.cancel-capture{border:1px solid var(--border);height:40px;color:var(--text);background:var(--surface);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.8rem;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.quiet-button:hover,.quick-capture:hover{border-color:var(--border-hover);transform:translateY(-1px)}.analyze-button{min-width:142px;color:var(--accent-text);background:var(--accent);box-shadow:0 10px 28px color-mix(in srgb, var(--accent) 24%, transparent);border-color:#0000}.analyze-button:hover{box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 34%, transparent);transform:translateY(-1px)}.analyze-button:disabled,.quick-capture:disabled{opacity:.45;cursor:not-allowed;transform:none}.capture-command-bar{z-index:4;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:0 18px 60px #0000001f, inset 0 1px color-mix(in srgb, var(--text) 5%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:14px;flex:none;align-items:center;gap:12px;padding:12px;display:flex;position:relative}.capture-command-bar .capture-target-fields{flex:1;min-width:0}.command-actions{flex:none;align-items:center;gap:8px;display:flex}.command-reset{width:40px;height:40px;color:var(--muted);border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;display:inline-grid}.command-reset:hover{color:var(--text);border-color:var(--border-hover);background:var(--surface-elevated)}.workflow-error{color:var(--error);background:color-mix(in srgb, var(--error) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--error) 24%, transparent);border-radius:9px;align-items:center;gap:8px;margin-top:12px;padding:10px 13px;font-size:.8rem;display:flex}.duplicate-notice{color:var(--muted);margin-top:10px;font-size:.67rem}.studio-layout{flex:1 1 0;grid-template-columns:340px minmax(0,1fr);align-items:stretch;gap:12px;height:0;min-height:0;margin-top:12px;display:grid;overflow:hidden}.studio-controls{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent) 58%, var(--border-hover)) var(--surface-elevated);flex-direction:column;align-items:stretch;gap:10px;height:100%;min-height:0;max-height:none;padding:0 10px 32px 0;display:flex;overflow:hidden scroll}.studio-controls:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:-2px;border-radius:12px}.studio-controls::-webkit-scrollbar{width:10px}.studio-controls::-webkit-scrollbar-track{background:var(--surface-elevated);border-radius:999px}.studio-controls::-webkit-scrollbar-thumb{border:2px solid var(--surface-elevated);background:color-mix(in srgb, var(--accent) 58%, var(--border-hover));border-radius:999px}.studio-controls::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent) 78%, var(--border-active))}.studio-controls>.control-deck{flex:none}.control-deck{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:14px;overflow:hidden}.control-deck-title{justify-content:space-between;align-items:baseline;margin-bottom:11px;display:flex}.control-deck-title span{font-size:.75rem;font-weight:800}.control-deck-title small{color:var(--muted);font-size:.61rem}.quality-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.quality-stack button{text-align:left;width:100%;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 7px;display:flex}.quality-stack button:hover{background:var(--surface-elevated)}.quality-stack button.is-active{color:var(--text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:var(--accent-soft)}.quality-stack button>span{display:grid}.quality-stack strong{font-size:.72rem}.quality-stack small{display:none}.quick-settings{gap:10px;display:grid}.quick-settings .control-deck-title{margin:0}.quick-settings label{color:var(--muted);grid-template-columns:1fr 78px auto;align-items:center;gap:6px;font-size:.68rem;display:grid}.quick-settings select,.quick-settings input[type=number]{border:1px solid var(--border);background:var(--surface-elevated);width:100%;height:31px;color:var(--text);border-radius:6px;padding:0 8px;font-size:.68rem}.quick-settings .toggle-line{grid-template-columns:auto 1fr}.motion-control-deck{overflow:visible}.motion-control-deck .curve-visualizer-container{margin-top:2px}.motion-control-deck .curve-preview-embedded{padding:4px 0 0}.motion-control-deck .curve-preview-head{display:none}.motion-control-deck .canvas-container{border:1px solid var(--border);background:var(--surface-elevated)}.motion-control-deck .canvas-tip{margin-top:5px;font-size:.58rem}.quick-motion-options{border-top:1px solid var(--border);gap:10px;padding-top:12px;display:grid}.quick-option-row{color:var(--muted);grid-template-columns:1fr 116px;align-items:center;gap:8px;font-size:.68rem;display:grid}.quick-option-row select,.quick-option-row input{width:100%;height:32px;color:var(--text);border:1px solid var(--border);background:var(--surface-elevated);border-radius:7px;padding:0 8px;font-size:.68rem}.fixed-duration-toggle{min-height:35px;color:var(--text);cursor:pointer;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:0 2px;font-size:.69rem;display:grid}.fixed-duration-toggle input{accent-color:var(--accent)}.fixed-duration-toggle small{color:var(--muted);font-size:.6rem}.duration-slider{gap:2px;display:grid}.duration-slider input{width:100%;accent-color:var(--accent)}.duration-slider span{color:var(--muted);justify-content:space-between;display:flex}.duration-slider b{font-size:.55rem;font-weight:500}.motion-director-note{color:var(--muted);border-top:1px solid var(--border);margin:10px 0 0;padding-top:10px;font-size:.62rem;line-height:1.5}.analyzed-disclosure{padding:0}.analyzed-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:0 14px;list-style:none;display:flex}.analyzed-disclosure>summary::-webkit-details-marker{display:none}.analyzed-disclosure>summary>span{display:grid}.analyzed-disclosure>summary strong{font-size:.72rem}.analyzed-disclosure>summary small{color:var(--muted);font-size:.59rem;font-weight:500}.analyzed-disclosure>summary svg{color:var(--muted);transition:transform .18s}.analyzed-disclosure[open]>summary svg{transform:rotate(180deg)}.analyzed-disclosure-body{border-top:1px solid var(--border);padding:4px 14px 14px}.analyzed-disclosure-body .recorder-canvas-heading{display:none}.analyzed-disclosure-body .recorder-canvas-form{padding-top:12px}.studio-stage{min-width:0;height:100%;min-height:0;overflow:hidden}.recording-stage{border:1px solid var(--border);background:var(--surface);height:100%;min-height:0;box-shadow:inset 0 1px color-mix(in srgb, var(--text) 4%, transparent);border-radius:14px;place-items:center;padding:clamp(20px,4vw,60px);display:grid;position:relative;overflow:hidden;container:recording-stage/size}.recording-stage.has-canvas-background{background-position:50%;background-size:cover}.recording-stage .capture-window{width:min(100%, 980px, calc((100cqh - 2rem) * var(--preview-w) / var(--preview-h)));max-height:100%}.cancel-capture{color:var(--error);position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.cancel-capture:hover{transform:translate(-50%)translateY(-1px)}.failed-capture{color:var(--error);border:1px solid color-mix(in srgb, var(--error) 30%, transparent);background:color-mix(in srgb, var(--surface) 94%, var(--error));border-radius:9px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.failed-capture div{flex:1;min-width:0;display:grid}.failed-capture strong{text-transform:capitalize;font-size:.74rem}.failed-capture span{max-height:54px;color:var(--muted);white-space:pre-wrap;font-size:.68rem;overflow:auto}.failed-capture button{height:30px;color:var(--text);border:1px solid var(--border);background:var(--surface-elevated);cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:6px;padding:0 10px;font-size:.63rem;font-weight:700;display:inline-flex}.director{border:1px solid var(--border);background:var(--surface);scrollbar-width:thin;border-radius:14px;height:100%;animation:.38s cubic-bezier(.2,.8,.2,1) both director-in;overflow:auto}@keyframes director-in{0%{opacity:0;transform:translateY(8px)}}.route-director-heading{border-bottom:1px solid var(--border);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:82px;padding:16px 20px;display:grid}.analysis-ready-mark{height:29px;color:var(--success);border:1px solid color-mix(in srgb, var(--success) 25%, var(--border));background:color-mix(in srgb, var(--success) 8%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:.61rem;font-weight:750;display:inline-flex}.route-page-title{min-width:0}.route-page-title h2{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.02em;margin:0;font-size:1rem;overflow:hidden}.route-page-title p{color:var(--muted);margin:2px 0 0;font-size:.62rem}.route-total-time{height:39px;color:var(--muted);border:1px solid var(--border);border-radius:8px;grid-template-columns:auto auto 55px auto;align-items:center;gap:6px;padding:0 9px;font-size:.62rem;display:grid}.route-total-time input{width:55px;height:27px;color:var(--text);text-align:right;border:1px solid var(--border);background:var(--surface-elevated);border-radius:5px;padding:0 6px;font-size:.67rem}.route-overview{border-bottom:1px solid var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-elevated) 50%, transparent), transparent);padding:18px 20px 20px}.route-section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.route-section-heading>div{display:grid}.route-section-heading>div>span{font-size:.75rem;font-weight:800}.route-section-heading p{color:var(--muted);margin:2px 0 0;font-size:.61rem}.route-help{color:var(--muted);align-items:center;gap:5px;font-size:.58rem;display:inline-flex}.route-duration-control{color:var(--muted);grid-template-columns:28px 1fr 34px;align-items:center;gap:8px;margin:12px 0 14px;font-size:.57rem;display:grid}.route-duration-control input{width:100%;accent-color:var(--accent);cursor:pointer}.route-duration-control span:last-child{text-align:right}.capture-route{scrollbar-width:thin;scroll-snap-type:x proximity;align-items:center;gap:8px;padding:2px 2px 9px;display:flex;overflow-x:auto}.route-scene-card{width:220px;min-width:220px;color:var(--text);text-align:left;border:1px solid var(--border);background:var(--surface);scroll-snap-align:start;border-radius:11px;padding:0;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.route-scene-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.route-scene-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), 0 8px 24px #0000001f}.route-scene-select{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.route-scene-image{aspect-ratio:16/9;background:#08080a;width:100%;display:block;position:relative;overflow:hidden}.route-scene-image img{object-fit:cover;opacity:.88;width:100%;height:100%;display:block}.route-scene-fallback{background:radial-gradient(circle at center, var(--surface-elevated), #08080a);width:100%;height:100%;display:block}.route-scene-image>small{color:#fff;letter-spacing:.06em;text-transform:uppercase;background:#000000b8;border-radius:4px;padding:3px 6px;font-size:.5rem;font-weight:800;position:absolute;top:7px;left:7px}.route-scene-image>i{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:7px;right:7px}.route-scene-expand{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:zoom-in;opacity:0;background:#07070ab8;border:1px solid #ffffff2e;border-radius:7px;place-items:center;width:29px;height:29px;padding:0;transition:opacity .16s,transform .16s,background .16s;display:grid;position:absolute;bottom:42px;right:8px;transform:translateY(3px);box-shadow:0 4px 14px #0000003d}.route-scene-card:hover .route-scene-expand,.route-scene-expand:focus-visible{opacity:1;transform:translateY(0)}.route-scene-expand:hover{background:#07070af0}.route-scene-copy{min-width:0;padding:8px 9px 9px;display:grid}.route-scene-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.route-scene-copy small{color:var(--muted);font-size:.54rem}.route-connector{min-width:20px;color:var(--muted);opacity:.55;place-items:center;display:grid}.route-empty{min-width:260px;color:var(--muted);text-align:center;border:1px dashed var(--border);border-radius:10px;padding:28px;font-size:.64rem}.route-workbench{grid-template-columns:minmax(0,1fr) 280px;min-height:250px;display:grid}.scene-inspector{min-width:0;padding:18px 20px 22px}.scene-inspector-heading{justify-content:space-between;align-items:flex-start;gap:14px;min-height:48px;display:flex}.scene-inspector-heading>div{min-width:0}.scene-kicker{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;font-size:.55rem;font-weight:800}.scene-inspector-heading h3{text-overflow:ellipsis;white-space:nowrap;margin:1px 0 0;font-size:.9rem;overflow:hidden}.scene-inspector-heading p{color:var(--muted);margin:2px 0 0;font-size:.59rem}.remove-scene{height:29px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;align-items:center;gap:5px;padding:0 8px;font-size:.57rem;display:inline-flex}.remove-scene:hover{color:var(--error);border-color:color-mix(in srgb, var(--error) 20%, transparent);background:color-mix(in srgb, var(--error) 7%, transparent)}.scene-control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:13px;display:grid}.scene-time-control,.scene-curve-control{border:1px solid var(--border);background:color-mix(in srgb, var(--surface-elevated) 56%, transparent);border-radius:9px;flex-direction:column;justify-content:space-between;gap:12px;min-height:92px;padding:12px;display:flex}.scene-time-control>span,.scene-curve-control>span{display:grid}.scene-time-control strong,.scene-curve-control strong{font-size:.66rem}.scene-time-control small,.scene-curve-control small{color:var(--muted);font-size:.55rem;line-height:1.35}.scene-time-control>div{grid-template-columns:1fr 35px;align-items:center;gap:8px;display:grid}.scene-time-control input{width:100%;accent-color:var(--accent)}.scene-time-control output{color:var(--text);text-align:right;font-size:.62rem;font-weight:750}.scene-curve-control select{width:100%;height:29px;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:0 7px;font-size:.61rem}.scene-picker{border-left:1px solid var(--border);background:color-mix(in srgb, var(--surface-elevated) 36%, transparent);min-width:0}.scene-picker-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:58px;padding:12px 13px;display:flex}.scene-picker-heading>div{display:grid}.scene-picker-heading span{font-size:.68rem;font-weight:800}.scene-picker-heading p{color:var(--muted);margin:1px 0 0;font-size:.54rem}.scene-picker-heading svg{color:var(--muted)}.scene-picker-list{max-height:210px;padding:6px;overflow:auto}.scene-picker-list button{width:100%;min-height:43px;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px;display:flex}.scene-picker-list button:hover:not(:disabled){border-color:var(--border);background:var(--surface)}.scene-picker-list button.is-selected{color:var(--muted)}.scene-picker-list button:disabled{opacity:.48;cursor:default}.scene-picker-list button span{min-width:0;display:grid}.scene-picker-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;overflow:hidden}.scene-picker-list small{color:var(--muted);font-size:.52rem}.inspection-warnings{flex-wrap:wrap;gap:6px;display:flex}.inspection-warnings span{color:var(--accent-secondary);background:var(--accent-secondary-soft);border-radius:5px;padding:5px 8px;font-size:.58rem}.route-warnings{padding:0 20px 16px}.scene-preview-backdrop{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040406bd;place-items:center;padding:clamp(18px,4vw,56px);animation:.18s both scene-preview-fade;display:grid;position:fixed;inset:0}@keyframes scene-preview-fade{0%{opacity:0}}.scene-preview-dialog{border:1px solid color-mix(in srgb, var(--border) 74%, white 8%);background:var(--surface);border-radius:14px;grid-template-rows:58px minmax(0,1fr);width:min(1440px,96vw);height:min(900px,90vh);min-height:0;animation:.24s cubic-bezier(.2,.8,.2,1) both scene-preview-in;display:grid;overflow:hidden;box-shadow:0 32px 100px #0000007a}@keyframes scene-preview-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.scene-preview-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:0 13px 0 17px;display:flex}.scene-preview-toolbar>div:first-child{min-width:0;display:grid}.scene-preview-toolbar span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:.52rem;font-weight:750}.scene-preview-toolbar strong{text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.scene-preview-actions{flex:none;align-items:center;gap:4px;display:flex}.scene-preview-actions button{width:31px;height:31px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;padding:0;display:grid}.scene-preview-actions button:hover{color:var(--text);border-color:var(--border);background:var(--surface-elevated)}.scene-preview-actions output{width:42px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;font-size:.58rem}.scene-preview-actions .scene-preview-close{border-color:var(--border);margin-left:7px}.scene-preview-canvas{scrollbar-width:thin;background:#08080a;min-width:0;min-height:0;padding:clamp(12px,2vw,24px);overflow:auto}.scene-preview-canvas img{border-radius:5px;min-width:75%;height:auto;margin:auto;transition:width .18s cubic-bezier(.2,.8,.2,1);display:block;box-shadow:0 18px 48px #0000004d}.library-toolbar{justify-content:flex-end;margin-bottom:12px;display:flex}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.recording-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;transition:transform .2s,border-color .2s;overflow:hidden}.recording-card:hover{border-color:var(--border-hover);transform:translateY(-2px)}.recording-poster{aspect-ratio:16/9;cursor:pointer;background:#050506;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.recording-poster:disabled{cursor:default}.recording-poster img{object-fit:cover;width:100%;height:100%;display:block}.poster-fallback{color:#71717a;background:radial-gradient(circle,#202026,#0b0b0d 68%);place-content:center;justify-items:center;gap:8px;height:100%;display:grid}.poster-fallback span{font-size:.65rem}.poster-play{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#000000ad;border-radius:50%;place-items:center;width:36px;height:36px;transition:opacity .2s,transform .2s;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.recording-card:hover .poster-play{opacity:1;transform:translate(-50%,-50%)scale(1.05)}.job-status{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-transform:uppercase;letter-spacing:.08em;background:#000000b8;border-radius:5px;padding:4px 7px;font-size:.54rem;font-weight:800;position:absolute;top:8px;left:8px}.status-running,.status-queued{color:color-mix(in srgb, var(--accent) 72%, white)}.status-failed,.status-interrupted{color:#fecaca}.recording-card-body{padding:13px}.recording-title{display:grid}.recording-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.recording-title small{color:var(--muted);font-size:.58rem}.recording-card-body>p{min-height:34px;color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0;font-size:.62rem;line-height:1.45;display:-webkit-box;overflow:hidden}.recording-facts{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.recording-facts span{color:var(--muted);background:var(--surface-elevated);border-radius:4px;padding:3px 6px;font-size:.54rem}.recording-actions{border-top:1px solid var(--border);align-items:center;gap:5px;padding-top:10px;display:flex}.recording-actions button,.recording-actions a{min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:.58rem;text-decoration:none;display:inline-flex}.recording-actions button:hover,.recording-actions a:hover{color:var(--text);background:var(--surface-elevated)}.recording-actions .danger-action{color:var(--error);margin-left:auto}.library-empty{min-height:380px;color:var(--muted);border:1px dashed var(--border);border-radius:14px;place-content:center;justify-items:center;gap:8px;font-size:.75rem;display:grid}.library-empty strong{color:var(--text);font-size:.9rem}.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}@media (width<=1180px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.route-workbench{grid-template-columns:1fr}.scene-picker{border-left:0;border-top:1px solid var(--border)}.scene-picker-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:150px;display:grid}}@media (width<=900px){.workflow-content{overflow:auto}.studio-page{height:auto;min-height:100vh;padding:16px 14px 40px;overflow:visible}.library-page{height:auto;min-height:100vh;padding:16px 14px 40px}.capture-command-bar{flex-direction:column;align-items:stretch}.command-actions>*{flex:1}.studio-layout{flex:none;grid-template-columns:1fr;height:auto;overflow:visible}.studio-controls{height:min(58vh,620px);max-height:min(58vh,620px);padding:0 10px 32px 0;overflow:hidden scroll}.studio-stage{height:auto;min-height:560px;overflow:visible}.recording-stage{height:min(680px,70dvh);min-height:min(560px,70dvh)}.director{height:auto;min-height:560px}.route-director-heading{grid-template-columns:auto minmax(0,1fr)}.route-total-time{grid-column:1/-1;width:max-content}}@media (width<=620px){.library-grid{grid-template-columns:1fr}.route-director-heading{grid-template-columns:1fr;padding:14px}.analysis-ready-mark{width:max-content}.route-overview,.scene-inspector{padding-inline:14px}.route-section-heading{align-items:flex-start}.route-help{display:none}.scene-control-grid,.scene-picker-list{grid-template-columns:1fr}.route-scene-card{width:184px;min-width:184px}.route-scene-expand{opacity:1;transform:none}.scene-preview-backdrop{padding:8px}.scene-preview-dialog{width:100%;height:min(88vh,760px)}}.comparison-page{background:var(--bg);flex-direction:column;width:100%;height:100vh;min-height:0;padding:12px 14px 14px;display:flex;overflow:hidden}.comparison-input-rail{grid-template-columns:minmax(230px,1fr) 38px minmax(230px,1fr) auto;align-items:center;padding:12px 14px;display:grid}.comparison-input-rail.is-responsive{grid-template-columns:1fr auto;gap:16px}.comparison-target{align-items:center;min-width:0;padding:6px 10px;display:flex}.comparison-side{color:#fff;background:var(--accent);border-radius:7px;place-items:center;width:30px;height:30px;font-size:.65rem;font-weight:850;display:grid}.comparison-target.is-cyan .comparison-side{color:#071b18;background:var(--accent-secondary)}.comparison-target>div{flex:1;min-width:0;display:grid}.comparison-target input:not(.recorder-url-input){min-width:0;height:25px;color:var(--text);font:500 .73rem var(--font-sans);background:0 0;border:0;outline:0}.comparison-target input::placeholder{color:color-mix(in srgb, var(--muted) 58%, transparent)}.comparison-target input:focus{color:var(--accent)}.comparison-target.is-cyan input:focus{color:var(--accent-secondary)}.comparison-target .comparison-label-input{height:19px;color:var(--muted);letter-spacing:.075em;text-transform:uppercase;width:100%;font-size:.55rem;font-weight:800}.comparison-logo-upload{border:1.5px dashed var(--border);cursor:pointer;background:var(--surface-elevated);border-radius:7px;flex:none;place-items:center;width:38px;height:38px;transition:border-color .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.comparison-logo-upload:hover:not(.is-disabled),.comparison-logo-upload.is-drag-over{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.comparison-logo-upload.is-disabled{opacity:.45;cursor:not-allowed}.comparison-logo-text{border-radius:6px;place-items:center;display:grid;position:absolute;inset:0}.comparison-logo-input-inline{color:#fff;text-align:center;width:100%;height:100%;font:800 .65rem var(--font-sans);cursor:pointer;caret-color:#0000;border:0;outline:0}.comparison-logo-input-inline:focus{caret-color:#fff;cursor:text}.comparison-logo-img{object-fit:contain;border-radius:5px;width:calc(100% - 4px);height:calc(100% - 4px);position:absolute;inset:2px}.comparison-logo-clear{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:3px;place-items:center;width:14px;height:14px;font-size:.6rem;line-height:1;transition:opacity .14s;display:grid;position:absolute;top:1px;right:1px}.comparison-logo-upload:hover .comparison-logo-clear{opacity:1}.comparison-logo-upload-btn{color:#fff;cursor:pointer;opacity:0;background:#0000008c;border:0;border-radius:3px;place-items:center;width:14px;height:14px;font-size:.65rem;line-height:1;transition:opacity .14s;display:grid;position:absolute;top:1px;right:1px}.comparison-logo-upload:hover .comparison-logo-upload-btn{opacity:1}.comparison-swap{width:31px;height:31px;color:var(--muted);border:1px solid var(--border);background:var(--surface-elevated);cursor:pointer;border-radius:50%;place-items:center;transition:color .18s,border-color .18s,transform .25s;display:grid}.comparison-swap:hover:not(:disabled){color:var(--text);border-color:var(--border-hover);transform:rotate(180deg)}.comparison-rail-actions{justify-content:flex-end;align-items:center;gap:6px;min-width:174px;padding-left:4px;display:flex}.comparison-start,.comparison-new,.comparison-export{cursor:pointer;white-space:nowrap;height:40px;font:800 .68rem var(--font-sans);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:0 13px;text-decoration:none;display:inline-flex}.comparison-start,.comparison-export{color:var(--accent-text);background:var(--accent);box-shadow:0 8px 20px color-mix(in srgb, var(--accent) 19%, transparent);border:1px solid #0000}.comparison-start{width:100%}.comparison-start:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.comparison-new{width:40px;color:var(--muted);border:1px solid var(--border);background:var(--surface-elevated);padding:0}.comparison-new span{display:none}.comparison-page>.workflow-error{flex:none;margin-top:10px}.comparison-workspace{margin-top:12px}.comparison-settings .control-deck{flex:none}.comparison-settings .quality-stack button{min-width:0}.comparison-settings .recorder-device-row{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-settings .recorder-device-btn{min-width:0}.comparison-timing>input{width:100%;accent-color:var(--accent);margin-top:3px}.comparison-duration-scale{color:var(--muted);justify-content:space-between;font-size:.54rem;display:flex}.comparison-timing p{color:var(--muted);border-top:1px solid var(--border);margin:9px 0 0;padding-top:9px;font-size:.57rem;line-height:1.5}.comparison-stage{justify-content:center;align-items:flex-start;width:100%;padding:clamp(16px,3vw,48px);display:flex}.comparison-stage .recorder-preview{flex-direction:column;align-items:center;width:100%;display:flex}.comparison-stage>.capture-window{max-height:100%}.comparison-canvas{flex-direction:column;gap:10px;width:100%;max-height:100%;display:flex;position:relative}.comparison-preview-labels,.comparison-panels{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(10px,2vw,22px);display:grid}.comparison-preview-labels span{min-width:0;color:var(--text);justify-content:center;align-items:center;gap:8px;display:flex}.comparison-preview-labels i{color:#fff;background:var(--accent);border-radius:5px;flex:none;place-items:center;width:22px;height:22px;font-size:.53rem;font-style:normal;font-weight:850;display:grid}.comparison-preview-labels span:last-child i{color:#071b18;background:var(--accent-secondary)}.comparison-preview-labels b{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.comparison-panels{align-items:center}.comparison-panel{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:var(--surface-elevated);border-radius:10px;width:100%;min-width:0;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000012,0 6px 18px #00000017}.comparison-panel .browser-placeholder{position:absolute;inset:0}.comparison-panel .browser-placeholder-recording{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--accent) 9%, transparent), transparent 42%), var(--surface-elevated)}.comparison-panel .idle-preview-url{text-overflow:ellipsis;white-space:nowrap;max-width:76%;overflow:hidden}.comparison-capture-state{min-width:min(440px,90%);color:var(--muted);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 10px;margin:2px auto 0;font-size:.58rem;display:grid}.comparison-capture-state>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comparison-capture-state>div{background:var(--border);border-radius:999px;grid-column:1/-1;height:3px;overflow:hidden}.comparison-capture-state i{background:linear-gradient(90deg, var(--accent), var(--accent-secondary));height:100%;transition:width .3s;display:block}.comparison-capture-state small{grid-area:1/2;font-size:.54rem}.comparison-card-badge{color:#d7fff8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.05em;text-transform:uppercase;background:#087e72d1;border-radius:5px;align-items:center;gap:4px;padding:4px 7px;font-size:.5rem;font-weight:800;display:inline-flex;position:absolute;top:8px;right:8px}@media (width<=1080px){.comparison-input-rail{grid-template-columns:minmax(190px,1fr) 36px minmax(190px,1fr) auto}.comparison-rail-actions{min-width:150px}.comparison-settings .recorder-device-btn span{display:none}}@media (width<=900px){.comparison-page{height:auto;min-height:100vh;padding:14px 14px 40px;overflow:visible}.comparison-input-rail{grid-template-columns:minmax(0,1fr) 36px minmax(0,1fr)}.comparison-rail-actions{grid-column:1/-1;width:100%;min-width:0;padding:0}.comparison-new{width:40px}.comparison-export{flex:1}.comparison-workspace{flex:none;grid-template-columns:1fr;height:auto;overflow:visible}.comparison-settings{grid-template-columns:repeat(3,minmax(0,1fr));height:auto;max-height:none;padding:0;display:grid;overflow:visible}.comparison-settings .recorder-device-btn span{display:inline}.comparison-workspace .studio-stage{min-height:520px}.comparison-stage{height:520px;min-height:520px}}@media (width<=680px){.app-nav-sidebar{width:var(--nav-width-collapsed);padding-inline:.5rem}.app-nav-sidebar .app-nav-brand{justify-content:center;padding-inline:.35rem}.app-nav-sidebar .app-nav-logo{width:36px;height:36px}.app-nav-sidebar .app-nav-brand-text,.app-nav-sidebar .app-nav-link>span:not(.capture-nav-icon){display:none}.app-nav-sidebar .app-nav-link{justify-content:center;padding-inline:.4rem}.comparison-input-rail{grid-template-columns:1fr;padding:6px}.comparison-target{height:58px;padding:5px 7px}.comparison-swap{z-index:3;position:absolute;top:64px;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.comparison-swap:hover:not(:disabled){transform:translate(-50%,-50%)rotate(270deg)}.comparison-rail-actions{grid-column:1;padding-top:6px}.comparison-settings{grid-template-columns:1fr}.comparison-settings .recorder-device-row{grid-template-columns:repeat(4,minmax(0,1fr))}.comparison-settings .recorder-device-btn span{display:none}.comparison-workspace .studio-stage{min-height:440px}.comparison-stage{height:440px;min-height:440px;padding:20px 12px}.comparison-preview-labels,.comparison-panels{gap:8px}.comparison-preview-labels i{width:19px;height:19px}.comparison-preview-labels b{font-size:.6rem}}.workflow-content:has(.comparison-page){overflow:auto}.comparison-page{gap:0;height:auto;min-height:100vh;padding:clamp(18px,2.4vw,34px);overflow:visible}.comparison-page .comparison-heading{border:0;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:28px;width:100%;max-width:1180px;margin:0 auto 18px;padding:0;display:flex}.comparison-heading h1{max-width:720px;font:650 clamp(1.55rem, 2.4vw, 2.4rem)/1.04 var(--font-display);letter-spacing:-.035em;color:var(--text);margin-top:5px}.comparison-heading p{max-width:680px;color:var(--muted);margin-top:8px;font-size:.86rem;line-height:1.55}.comparison-eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:800}.comparison-live-note{color:var(--muted);border:1px solid var(--border);background:var(--surface);border-radius:999px;flex:none;align-items:center;gap:7px;padding:8px 11px;font-size:.72rem;display:inline-flex}.comparison-input-rail{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 190px;align-items:stretch;gap:10px;width:100%;max-width:1180px;margin:0 auto;padding:12px}.comparison-input-rail.is-responsive{grid-template-columns:minmax(0,1fr) 190px;align-items:center}.comparison-target{border:1px solid var(--border);background:var(--surface-elevated);border-radius:11px;height:auto;min-height:0;padding:14px}.comparison-target-inner{gap:10px;width:100%;display:grid}.comparison-target-title{grid-template-columns:auto auto 1fr;align-items:center;gap:8px;display:grid}.comparison-target-title strong{font-size:.78rem}.comparison-target-title small{color:var(--muted);justify-self:end;font-size:.68rem}.comparison-source-field,.comparison-brand-field{color:var(--muted);gap:5px;font-size:.7rem;font-weight:700;display:grid}.comparison-source-field>span,.comparison-brand-field>span{letter-spacing:.02em}.comparison-metadata{border-top:1px solid var(--border);padding-top:2px}.comparison-metadata summary{color:var(--muted);cursor:pointer;justify-content:space-between;padding-top:8px;font-size:.68rem;font-weight:700;list-style:none;display:flex}.comparison-metadata summary::-webkit-details-marker{display:none}.comparison-metadata summary small{font-size:.64rem;font-weight:500}.comparison-metadata[open] summary{color:var(--text)}.comparison-source-meta{grid-template-columns:minmax(0,1fr) 88px;align-items:end;gap:10px;padding-top:9px;display:grid}.comparison-target .comparison-label-input{width:100%;height:36px;color:var(--text);border:1px solid var(--border);background:var(--surface);letter-spacing:0;text-transform:none;border-radius:8px;padding:0 10px;font-size:.78rem;font-weight:600}.comparison-target .comparison-logo-upload{width:100%;height:36px}.comparison-swap{place-self:center}.comparison-rail-actions{align-self:stretch;min-width:0;padding:0}.comparison-start,.comparison-export{height:100%;min-height:44px;font-size:.78rem}.comparison-previous{width:40px;min-width:40px;height:100%;color:var(--muted);border:1px solid var(--border);background:var(--surface-elevated);border-radius:9px;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.comparison-previous span{display:none}.comparison-previous:hover{color:var(--text);border-color:var(--border-hover)}.comparison-rail-actions:has(.comparison-previous) .comparison-start{flex:1}.comparison-start{color:#fff;background:#496bdd}.comparison-start:hover:not(:disabled){background:#5b7bea;transform:translateY(-1px)}.comparison-new{height:100%}.comparison-validation,.comparison-hint,.comparison-dirty{align-items:center;gap:7px;width:100%;max-width:1180px;margin:8px auto 0;font-size:.76rem;display:flex}.comparison-validation{color:var(--error)}.comparison-hint{color:var(--muted)}.comparison-dirty{color:var(--text);border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border));background:var(--accent-soft);border-radius:9px;padding:9px 11px}.comparison-page>.workflow-error{width:100%;max-width:1180px;margin-inline:auto}.comparison-workspace{flex-direction:column;flex:none;gap:12px;width:100%;max-width:1180px;height:auto;margin:14px auto 0;display:flex;overflow:visible}.comparison-settings{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:10px;width:100%;height:auto;padding:0;display:grid;overflow:visible}.comparison-settings .control-deck{padding:16px}.comparison-settings .recorder-device-btn span{display:inline}.device-pair-list,.sync-mode-list{gap:6px;display:grid}.device-pair-list button,.sync-mode-list button{width:100%;min-width:0;color:var(--muted);border:1px solid var(--border);background:var(--surface-elevated);cursor:pointer;text-align:left;border-radius:9px;align-items:center;display:grid}.device-pair-list button{grid-template-columns:36px 1fr;padding:8px 9px}.device-pair-list button>span{color:var(--muted);grid-row:1/3;align-items:center;gap:2px;display:flex}.device-pair-list b,.sync-mode-list b{color:var(--text);font-size:.74rem}.device-pair-list small,.sync-mode-list small{font-size:.65rem;line-height:1.3}.device-pair-list button.is-active,.sync-mode-list button.is-active{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:var(--accent-soft)}.responsive-dimensions{border-top:1px solid var(--border);gap:6px;margin-top:4px;padding-top:8px;display:grid}.responsive-dimensions>span{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:.68rem;display:flex}.responsive-dimensions label{align-items:center;gap:4px;display:flex}.responsive-dimensions input{width:60px;height:28px;color:var(--text);border:1px solid var(--border);background:var(--surface-elevated);border-radius:6px;padding:0 5px;font-size:.68rem}.sync-mode-list{margin-bottom:10px}.sync-mode-list button{grid-template-columns:22px 1fr;padding:7px 9px}.sync-mode-list button>span{color:#fff;border:1px solid var(--border-hover);border-radius:50%;grid-row:1/3;place-items:center;width:18px;height:18px;display:grid}.sync-mode-list button.is-active>span{border-color:var(--accent);background:var(--accent)}.comparison-timing>input{margin-top:5px}.comparison-timing p{font-size:.72rem}.comparison-workspace .studio-stage{width:100%;height:auto;min-height:560px;overflow:visible}.comparison-stage{align-items:flex-start;height:auto;min-height:560px;padding:clamp(24px,4vw,54px)}.comparison-canvas{min-height:440px}.comparison-preview-labels b{align-items:baseline;gap:7px;font-size:.78rem;display:flex}.comparison-preview-labels b small{color:var(--muted);font-size:.65rem;font-weight:500}.comparison-panel{min-width:0}.comparison-canvas.is-recording .comparison-panels{opacity:.7}.comparison-capture-state{width:min(680px,100%);color:var(--muted);gap:9px;margin:18px auto 0;font-size:.72rem;display:grid}.capture-steps{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.capture-steps>div{color:var(--muted);align-items:center;gap:7px;display:flex}.capture-steps i{border:1px solid var(--border-hover);border-radius:50%;place-items:center;width:22px;height:22px;font-size:.65rem;font-style:normal;display:grid}.capture-steps .is-active{color:var(--text)}.capture-steps .is-active i{color:#fff;border-color:var(--accent);background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.capture-steps .is-complete i{color:#071b18;border-color:var(--accent-secondary);background:var(--accent-secondary)}.capture-status-line{justify-content:space-between;gap:12px;display:flex}.capture-status-line small{font-size:.68rem}.capture-progress-track{background:var(--border);border-radius:999px;height:5px;overflow:hidden}.capture-progress-track i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), var(--accent-secondary));height:100%;transition:width .25s;display:block}@media (width<=980px){.comparison-page .comparison-heading{align-items:flex-start}.comparison-live-note{display:none}.comparison-input-rail{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.comparison-rail-actions{grid-column:1/-1;min-height:46px}.comparison-input-rail.is-responsive{grid-template-columns:1fr}.comparison-settings{grid-template-columns:1fr 1fr}.comparison-settings .comparison-timing{grid-column:1/-1}}@media (width<=720px){.comparison-page{padding:16px 12px 40px}.comparison-page .comparison-heading{flex-direction:column;align-items:flex-start}.comparison-heading h1{font-size:1.55rem}.comparison-heading p{font-size:.8rem}.comparison-input-rail{grid-template-columns:1fr}.comparison-target{height:auto;min-height:0}.comparison-swap{margin:-2px auto;position:static;transform:rotate(90deg)}.comparison-swap:hover:not(:disabled){transform:rotate(270deg)}.comparison-settings{grid-template-columns:1fr}.comparison-settings .comparison-timing{grid-column:auto}.comparison-settings .recorder-device-row{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-settings .recorder-device-btn span{display:inline}.comparison-workspace .studio-stage,.comparison-stage{height:auto;min-height:0}.comparison-stage{padding:20px 12px 30px}.comparison-preview-labels,.comparison-panels{grid-template-columns:1fr!important;gap:10px!important}.comparison-preview-labels{display:none!important}.comparison-panel{width:min(100%,520px);margin-inline:auto}.comparison-page.is-responsive .comparison-panel:last-child{width:min(76%,280px);min-width:210px}.comparison-canvas{min-height:0}.capture-steps span{text-overflow:ellipsis;white-space:nowrap;font-size:.66rem;overflow:hidden}}@media (width<=460px){.comparison-heading{margin-bottom:14px}.comparison-source-meta{grid-template-columns:1fr 76px}.comparison-target-title small{display:none}.comparison-settings .quality-stack{grid-template-columns:1fr}.comparison-settings .quality-stack small{display:block}.comparison-start,.comparison-export{font-size:.74rem}}.comparison-page{flex-direction:column;width:100%;height:100vh;min-height:0;padding:12px 14px 14px;display:flex;overflow:hidden}.comparison-page .comparison-heading{display:none}.comparison-input-rail{grid-template-columns:minmax(220px,1fr) 38px minmax(220px,1fr) 206px;align-items:center;gap:8px;max-width:none;margin:0;padding:12px}.comparison-input-rail.is-responsive{grid-template-columns:minmax(0,1fr) 206px}.comparison-target{background:0 0;border:0;border-radius:9px;align-items:center;gap:8px;height:40px;min-height:0;padding:0 7px;display:flex}.comparison-target-compact{flex:1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.comparison-target-compact>strong{max-width:96px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;overflow:hidden}.comparison-target .capture-url-wrap{background:var(--surface-elevated);height:38px}.comparison-rail-actions{height:40px}.comparison-start,.comparison-export,.comparison-new,.comparison-previous{height:40px;min-height:40px}.comparison-rail-actions:has(.comparison-new):has(.comparison-previous) .comparison-start{min-width:0;padding-inline:9px}.comparison-validation,.comparison-hint,.comparison-dirty,.comparison-page>.workflow-error{max-width:none}.comparison-workspace{flex:1 1 0;grid-template-columns:320px minmax(0,1fr);gap:12px;width:100%;max-width:none;height:0;min-height:0;margin:12px 0 0;display:grid;overflow:hidden}.comparison-settings{scrollbar-width:thin;flex-direction:column;align-items:stretch;gap:10px;width:auto;height:100%;min-height:0;padding:0 10px 32px 0;display:flex;overflow:hidden auto}.comparison-settings .control-deck{flex:none;padding:14px}.comparison-settings .control-deck-title span{font-size:.75rem}.comparison-settings .control-deck-title small{font-size:.61rem}.comparison-settings .quality-stack button{min-height:auto}.comparison-settings .quality-stack strong{font-size:.72rem}.comparison-settings .recorder-device-btn{min-height:34px}.comparison-branding-deck{padding:0!important}.comparison-branding-deck>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;padding:0 14px;list-style:none;display:flex}.comparison-branding-deck>summary::-webkit-details-marker{display:none}.comparison-branding-deck>summary span{font-size:.75rem;font-weight:800}.comparison-branding-deck>summary small{color:var(--muted);font-size:.61rem}.comparison-branding-body{border-top:1px solid var(--border);gap:9px;padding:0 12px 12px;display:grid}.comparison-branding-row{grid-template-columns:30px minmax(0,1fr) 118px;align-items:end;gap:7px;padding-top:9px;display:grid}.comparison-branding-row>label,.comparison-branding-row>div{color:var(--muted);gap:4px;font-size:.62rem;display:grid}.comparison-branding-row input{width:100%;height:32px;color:var(--text);border:1px solid var(--border);background:var(--surface-elevated);border-radius:7px;padding:0 8px;font-size:.7rem}.comparison-branding-row .comparison-logo-upload{border-style:solid;width:118px;height:38px}.comparison-logo-empty{color:var(--text);justify-content:center;align-items:center;gap:6px;padding:0 7px;display:flex;position:absolute;inset:0}.comparison-logo-empty>span{text-align:left;min-width:0;display:grid}.comparison-logo-empty b{font-size:.65rem;line-height:1.15}.comparison-logo-empty small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.48rem;line-height:1.2;overflow:hidden}.comparison-logo-upload:hover .comparison-logo-empty{color:var(--accent)}.comparison-branding-row .comparison-side{margin-bottom:1px}.comparison-branding-row .comparison-side.is-cyan{color:#071b18;background:var(--accent-secondary)}.comparison-workspace .studio-stage{width:auto;min-width:0;height:100%;min-height:0;overflow:hidden}.comparison-stage{align-items:center;height:100%;min-height:0;padding:clamp(20px,4vw,60px);overflow:hidden}.comparison-canvas{justify-content:center;min-height:0}.comparison-canvas .comparison-preview-labels{flex:none}.comparison-canvas .comparison-panels{min-height:0}.comparison-canvas.is-compact-viewport .comparison-preview-labels,.comparison-canvas.is-compact-viewport .comparison-panels{justify-items:center}.comparison-canvas.is-compact-viewport .comparison-panel{width:min(100%,440px)}.comparison-canvas.is-portrait-viewport .comparison-panels{flex:1 1 0;align-items:center!important}.comparison-canvas.is-portrait-viewport .comparison-panel{width:auto;max-width:100%;height:100%;margin-inline:auto}.comparison-page.is-responsive .comparison-preview-labels,.comparison-page.is-responsive .comparison-panels{justify-items:center}.comparison-capture-state{flex:none}@media (width>=901px){.comparison-canvas.is-responsive-layout .comparison-panels{flex:1 1 0;align-items:center!important}.comparison-canvas.is-responsive-layout .comparison-panel:last-child{width:auto;max-width:100%;height:100%;margin-inline:auto}}@media (width<=900px){.workflow-content:has(.comparison-page){overflow:auto}.comparison-page{height:auto;min-height:100vh;padding-bottom:40px;overflow:visible}.comparison-input-rail{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr)}.comparison-input-rail.is-responsive{grid-template-columns:1fr}.comparison-rail-actions{grid-column:1/-1;width:100%}.comparison-workspace{flex:none;grid-template-columns:1fr;height:auto;overflow:visible}.comparison-settings{grid-template-columns:repeat(2,minmax(0,1fr));height:auto;padding:0;display:grid;overflow:visible}.comparison-settings .comparison-timing,.comparison-settings .comparison-branding-deck{grid-column:1/-1}.comparison-workspace .studio-stage,.comparison-stage{height:auto;min-height:520px;overflow:visible}}@media (width<=680px){.comparison-input-rail{grid-template-columns:1fr}.comparison-target{height:46px}.comparison-target-compact{grid-template-columns:minmax(0,1fr)}.comparison-target-compact>strong{display:none}.comparison-swap{margin:-2px auto;position:static;transform:rotate(90deg)}.comparison-rail-actions{grid-column:1}.comparison-settings{grid-template-columns:1fr}.comparison-settings .comparison-timing,.comparison-settings .comparison-branding-deck{grid-column:auto}.comparison-workspace .studio-stage,.comparison-stage{min-height:0}.comparison-stage{padding:20px 12px 30px}}