*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8f9fa;--surface:#fff;--surface-2:#f1f3f4;--surface-3:#e8f5e9;--outline:#dadce0;--outline-var:#e8eaed;--primary:#34a853;--primary-dark:#1e8e3e;--primary-cont:#e6f4ea;--on-primary:#fff;--focus-ring:#34a8533d;--text-1:#202124;--text-2:#5f6368;--text-3:#80868b;--text-on-col:#fff;--error:#d93025;--error-cont:#fce8e6;--success:#34a853;--font:"Roboto", system-ui, sans-serif;--font-display:"Google Sans Flex", system-ui, sans-serif;--font-mono:"Roboto Mono", monospace;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:28px;--r-pill:100px;--elev-1:0 1px 2px #0000001f, 0 1px 3px 1px #00000014;--elev-2:0 1px 2px #00000024, 0 2px 6px 2px #0000001a;--elev-3:0 4px 8px 3px #0000001a, 0 1px 3px #00000024;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#1c1b1f;--surface:#2d2c31;--surface-2:#36343b;--surface-3:#1e3a2a;--outline:#49454f;--outline-var:#3a3840;--primary:#81c995;--primary-dark:#66bb6a;--primary-cont:#1e3a2a;--on-primary:#003912;--focus-ring:#81c99547;--text-1:#e3e3e8;--text-2:#c4c6c9;--text-3:#8e9194;--text-on-col:#003912;--error:#f2877a;--error-cont:#410e0b;--elev-1:0 1px 3px #0006, 0 1px 2px #0000004d;--elev-2:0 2px 6px #00000073, 0 1px 3px #00000059;--elev-3:0 4px 10px #00000080, 0 2px 4px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-1);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}.md-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--elev-1);padding:24px;transition:box-shadow .2s}.md-card+.md-card{margin-top:12px}.section-locked{opacity:.38;pointer-events:none;filter:saturate(0);transition:opacity .25s,filter .25s}.section-unlocked{transition:opacity .25s,filter .25s}.section-active{border:2px solid var(--primary);box-shadow:0 0 0 4px #34a8531a, var(--elev-1)}.md-field{margin-bottom:4px;position:relative}.md-field input[type=text],.md-field input[type=email],.md-field input[type=password]{width:100%;font-family:var(--font);color:var(--text-1);border:1px solid var(--outline);border-radius:var(--r-sm);box-sizing:border-box;background:0 0;outline:none;padding:18px 16px 6px;font-size:16px;transition:border-color .15s,box-shadow .15s}.md-field input:focus{border-color:var(--primary);box-shadow:none;border-width:2px;padding:18px 15px 6px}.md-field input.has-error{border-color:var(--error)}.md-field label{color:var(--text-3);pointer-events:none;background:var(--surface);padding:0;font-size:16px;transition:top .15s,font-size .15s,color .15s,transform .15s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.md-field input:focus~label,.md-field input:not(:placeholder-shown)~label,.md-field.has-value label{color:var(--primary);padding:0 4px;font-size:12px;top:0;transform:translateY(-50%)}.md-field input.has-error~label,.md-field input:focus.has-error~label{color:var(--error)}input[type=text],input[type=email],input[type=password]{font-family:var(--font);background:var(--surface);border:1px solid var(--outline);border-radius:var(--r-sm);color:var(--text-1);outline:none;width:100%;padding:12px 16px;font-size:14px;transition:border-color .15s}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus{border-color:var(--primary);border-width:2px;padding:11px 15px}input::placeholder{color:var(--text-3)}input[type=range]{appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-runnable-track{background:var(--outline);border-radius:2px;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;margin-top:-8px;transition:transform .1s,box-shadow .1s;box-shadow:0 1px 3px #0000004d}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 10px #34a8531f}input[type=range]::-webkit-slider-thumb:active{box-shadow:0 0 0 14px #34a85329}button{cursor:pointer;font-family:var(--font);border:none;font-size:14px;font-weight:500;transition:background .15s,box-shadow .15s,transform .1s;position:relative;overflow:hidden}button:disabled{opacity:.38;cursor:not-allowed}button:after{content:"";opacity:0;background:radial-gradient(circle,#ffffff59 0%,#0000 60%);transition:transform,opacity .4s;position:absolute;inset:0;transform:scale(0)}button:not(:disabled):active:after{opacity:1;transition:transform .2s ease-out;transform:scale(3)}.btn-filled{background:var(--primary);color:var(--on-primary);border-radius:var(--r-pill);letter-spacing:.01em;padding:10px 24px}.btn-filled:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--elev-1)}.btn-outlined{color:var(--primary);border:1px solid var(--outline);border-radius:var(--r-pill);background:0 0;padding:10px 24px}.btn-outlined:hover:not(:disabled){background:var(--primary-cont);border-color:var(--primary)}.btn-text{color:var(--primary);border-radius:var(--r-pill);background:0 0;padding:10px 12px}.btn-text:hover:not(:disabled){background:var(--primary-cont)}.btn-icon{color:var(--text-2);border:1px solid var(--outline);border-radius:var(--r-pill);background:0 0;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:8px 12px;font-size:14px;display:flex}.btn-icon:hover:not(:disabled){background:var(--surface-2);color:var(--error);border-color:var(--error)}.btn-arrow{color:var(--text-3);border:1px solid var(--outline-var);border-radius:var(--r-pill);background:0 0;justify-content:center;align-items:center;min-width:26px;height:19px;padding:3px 7px;font-size:11px;display:flex}.btn-arrow:hover:not(:disabled){background:var(--surface-2);color:var(--text-1);border-color:var(--outline)}.btn-ghost{color:var(--primary);border:1.5px dashed var(--primary);border-radius:var(--r-pill);font-family:var(--font);letter-spacing:.02em;background:0 0;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.btn-ghost:hover:not(:disabled){background:var(--primary-cont);border-color:var(--primary-dark);border-style:solid}.btn-ghost:active:not(:disabled){background:var(--surface-3)}.btn-ghost:disabled{color:var(--text-3);border-color:var(--outline);cursor:not-allowed}.btn-cta{background:var(--primary);width:100%;color:var(--on-primary);border-radius:var(--r-pill);letter-spacing:.03em;text-transform:uppercase;box-shadow:var(--elev-1);padding:16px;font-size:14px;font-weight:500}.btn-cta:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--elev-2)}.btn-cta:active:not(:disabled){box-shadow:var(--elev-1)}.seg-group{border:1px solid var(--outline);border-radius:var(--r-pill);background:var(--surface);display:flex;overflow:hidden}.seg-btn{color:var(--text-2);font-family:var(--font);border:none;border-right:1px solid var(--outline);letter-spacing:.01em;background:0 0;flex:1;min-height:40px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s}.seg-btn:last-child{border-right:none}.seg-btn:hover:not(.seg-btn--active):not(:disabled){background:var(--primary-cont);color:var(--primary-dark)}.seg-btn--active{background:var(--primary-cont);color:var(--primary-dark);font-weight:600}.time-group{background:var(--surface);border:1px solid var(--outline);border-radius:var(--r-sm);align-items:center;gap:0;height:48px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex}.time-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--focus-ring);border-width:2px;padding:0 15px}.time-group.has-error{border-color:var(--error)}.time-field{text-align:center;width:36px;font-family:var(--font-mono);color:var(--text-1);outline:none;height:100%;padding:0 2px;font-size:15px;box-shadow:none!important;background:0 0!important;border:none!important}.time-field::placeholder{color:var(--text-3);font-size:13px}.time-sep{color:var(--text-3);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;padding:0 1px;font-size:18px;font-weight:300}.md-stepper{align-items:center;margin-bottom:24px;padding:0 8px;display:flex}.md-step{flex:1;align-items:center;gap:8px;display:flex}.md-step:last-child{flex:0}.md-step-indicator{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;transition:background .2s,color .2s;display:flex}.md-step-indicator--done{background:var(--primary);color:var(--on-primary)}.md-step-indicator--active{background:var(--primary-cont);color:var(--primary-dark);border:2px solid var(--primary)}.md-step-indicator--pending{background:var(--outline-var);color:var(--text-3)}.md-step-label{color:var(--text-3);white-space:nowrap;letter-spacing:.03em;font-size:11px;font-weight:500}.md-step-label--active{color:var(--primary-dark)}.md-step-label--done{color:var(--text-2)}.md-step-line{background:var(--outline);flex:1;height:1px;margin:0 8px}.md-step-line--done{background:var(--primary)}.md-progress-track{background:var(--outline);border-radius:2px;height:4px;overflow:hidden}.md-progress-fill{background:var(--primary);border-radius:2px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.md-progress-fill--error{background:var(--error)}.dl-card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--elev-1);cursor:default;flex:1;padding:24px;transition:box-shadow .2s,transform .15s}.dl-card:hover{box-shadow:var(--elev-2);transform:translateY(-2px)}.options-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}@media (width<=580px){.options-grid{grid-template-columns:1fr}}@media (width<=480px){.stats-divider{display:none}.url-row{flex-wrap:wrap}.url-row .btn-filled{width:100%}.header-back-btn{display:none!important}}.label-sm{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:500}.error-msg{color:var(--error);align-items:center;gap:6px;margin-top:6px;font-size:12px;display:flex}.error-msg:before{content:"⚠";font-size:11px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.theme-toggle{border:1px solid var(--outline);border-radius:var(--r-pill);color:var(--text-2);font-family:var(--font);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s;display:flex}.theme-toggle:hover{background:var(--surface-2)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.app-shell{background:var(--bg);height:100vh;display:flex;overflow:hidden}.left-nav{background:var(--surface);border-right:1px solid var(--outline-var);flex-direction:column;flex-shrink:0;width:240px;height:100vh;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.left-nav--collapsed{width:52px}.left-nav--collapsed .left-nav-wordmark,.left-nav--collapsed .left-nav-theme-btn,.left-nav--collapsed .left-nav-new-reel-btn,.left-nav--collapsed .left-nav-projects,.left-nav--collapsed .left-nav-user-text{display:none}.left-nav--collapsed .left-nav-header{flex-direction:column;justify-content:center;gap:8px;height:auto;padding:10px 0}.left-nav--collapsed .left-nav-footer-inner{justify-content:center;padding:4px 0}.left-nav-header{border-bottom:1px solid var(--outline-var);flex-shrink:0;align-items:center;gap:8px;height:52px;padding:0 12px;display:flex}.nav-project-row:hover .nav-delete-btn{opacity:1!important}.center-panel{background:var(--bg);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.center-panel-header{border-bottom:1px solid var(--outline-var);background:var(--surface);flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 24px;display:flex}.center-panel-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.resize-handle{cursor:col-resize;z-index:10;background:0 0;flex-shrink:0;width:4px;transition:background .15s;position:relative}.resize-handle:hover,.resize-handle:active{background:var(--primary);opacity:.35}.right-panel{background:var(--surface);border-left:1px solid var(--outline-var);flex-direction:column;flex-shrink:0;width:380px;height:100vh;display:flex;overflow:hidden}.right-panel-tabs{border-bottom:1px solid var(--outline-var);flex-shrink:0;height:52px;display:flex}.right-tab{color:var(--text-3);font-family:var(--font);letter-spacing:.06em;text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:500;transition:color .15s,border-color .15s;display:flex}.right-tab--active{color:var(--primary);border-bottom-color:var(--primary);background:var(--primary-cont);font-weight:700}.right-tab--done{color:var(--text-2)}.right-panel-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.right-panel-idle{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 36px;display:flex}.right-panel-handle{cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:10px 0 4px;display:none}.mobile-hamburger{cursor:pointer;color:var(--text-3);border-radius:var(--r-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:color .12s;display:none}.mobile-hamburger:hover{color:var(--text-1)}@media (width<=768px){.nav-overlay{z-index:199;background:#0006;animation:.15s fadeIn;position:fixed;inset:0}.left-nav{z-index:200;height:100vh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.left-nav.nav-open{transform:translate(0)}.right-panel{z-index:150;border-radius:16px 16px 0 0;transition:transform .28s;transform:translateY(100%);border-left:none!important;border-top:1px solid var(--outline-var)!important;width:100%!important;height:70vh!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important}.right-panel.panel-open{transform:translateY(0)}.right-panel-handle,.mobile-hamburger{display:flex}.resize-handle{display:none}.manual-mode-navbar{z-index:100;position:fixed;bottom:0;left:0;right:0}.manual-mode-step-content{padding-bottom:80px!important}}@media (width<=480px){.md-step-label{display:none}.md-step{gap:4px}.md-stepper{padding:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}