:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}:root{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-tertiary:#2c2c2e;--bg-elevated:#1c1c1e;--bg-sidebar:#1c1c1ed1;--fill-primary:#7878805c;--fill-secondary:#78788052;--fill-tertiary:#7878803d;--fill-quaternary:#7878802e;--separator:#545458a6;--separator-opaque:#38383a;--label-primary:#fff;--label-secondary:#ebebf5cc;--label-tertiary:#ebebf54d;--label-quaternary:#ebebf52e;--system-blue:#007aff;--system-green:#30d158;--system-indigo:#5856d6;--system-orange:#ff9f0a;--system-pink:#ff375f;--system-purple:#bf5af2;--system-red:#ff453a;--system-teal:#64d2ff;--system-yellow:#ffd60a;--system-gray:#8e8e93;--primary:var(--system-blue);--primary-glow:#007aff2e;--secondary:var(--system-green);--secondary-glow:#30d1581f;--accent-purple:var(--system-indigo);--accent-pink:var(--system-pink);--text-main:var(--label-primary);--text-muted:#aeaeb2;--text-dim:#636366;--bg-darker:var(--bg-primary);--bg-dark:var(--bg-secondary);--bg-card:var(--bg-tertiary);--border-light:var(--separator);--border-active:var(--system-blue);--border-glow:0 0 0 3px #007aff40;--glass-bg:var(--bg-elevated);--glass-border:#ffffff14;--glass-shadow:0 2px 10px #00000038;--transition-smooth:all .25s ease-in-out;--font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mono:"SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, "Cascadia Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-card:12px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100vh;font-size:15px;line-height:1.47;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}.app-layout{grid-template-columns:260px 1fr;width:100vw;height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(24px)saturate(180%);height:100%;padding:var(--space-5);z-index:10;border-right:1px solid #ffffff0f;flex-direction:column;display:flex}.brand-section{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.brand-logo{background:var(--system-blue);border-radius:var(--radius-md);color:#fff;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-name{font-family:var(--font-display);letter-spacing:-.2px;color:var(--label-primary);font-size:17px;font-weight:700}.nav-menu{flex-direction:column;flex:1;gap:2px;display:flex}.nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.3;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item svg{opacity:.7;flex-shrink:0}.nav-item:hover:not(:disabled){color:var(--label-primary);background:#ffffff0f}.nav-item:hover:not(:disabled) svg{opacity:1}.nav-item.active{color:#fff;background:var(--system-blue);box-shadow:none;border:none;font-weight:600;position:relative}.nav-item.active svg{opacity:1}.nav-item.active:before{display:none}.nav-item:disabled{opacity:.32;cursor:not-allowed}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--separator);margin-top:auto}.project-selector{background:var(--fill-quaternary);border:1px solid var(--separator);width:100%;color:var(--label-primary);border-radius:var(--radius-md);cursor:pointer;appearance:none;outline:none;padding:8px 12px;font-family:inherit;font-size:13px}.project-selector:focus{border-color:var(--system-blue);box-shadow:var(--border-glow)}.main-content{background:var(--bg-primary);flex-direction:column;height:100%;display:flex;position:relative;overflow-y:auto}.content-header{padding:var(--space-5) var(--space-10);border-bottom:1px solid var(--separator);-webkit-backdrop-filter:blur(16px)saturate(180%);z-index:5;background:#000000b8;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-title h1{font-family:var(--font-display);letter-spacing:-.4px;font-size:22px;font-weight:700;line-height:1.27}.header-title p{color:var(--text-muted);margin-top:2px;font-size:13px}.content-body{padding:var(--space-8) var(--space-10);flex:1;width:100%;max-width:1400px;margin:0 auto}.glass-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:var(--space-5);box-shadow:var(--glass-shadow);margin-bottom:var(--space-5);transition:var(--transition-smooth)}.glass-card:hover{border-color:#ffffff1a}.card-title{font-family:var(--font-display);margin-bottom:var(--space-5);color:var(--label-primary);letter-spacing:-.2px;align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;transition:all .2s;display:inline-flex}.btn-primary{background:var(--system-blue);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:none;background:#0070e8;transform:none}.btn-primary:active:not(:disabled){background:#0060c0;transform:scale(.98)}.btn-secondary{background:var(--fill-quaternary);border:1px solid var(--separator);color:var(--label-primary)}.btn-secondary:hover:not(:disabled){background:var(--fill-tertiary)}.btn-secondary:active:not(:disabled){background:var(--fill-secondary);transform:scale(.98)}.btn-accent{background:var(--system-green);color:#000;font-weight:700}.btn-accent:hover:not(:disabled){background:#2bc34e}.btn-accent:active:not(:disabled){transform:scale(.98)}.btn-danger{color:var(--system-red);background:#ff453a1f;border:1px solid #ff453a4d}.btn-danger:hover:not(:disabled){border-color:var(--system-red);background:#ff453a33}.btn:disabled{opacity:.38;cursor:not-allowed}.form-group{margin-bottom:var(--space-5)}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input,.form-textarea,.form-select{background:var(--fill-quaternary);border:1px solid var(--separator);border-radius:var(--radius-md);width:100%;color:var(--label-primary);outline:none;min-height:38px;padding:10px 14px;font-family:inherit;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--system-blue);box-shadow:var(--border-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--label-tertiary)}.form-textarea{resize:vertical;min-height:100px}.form-row{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.segmented-control{background:var(--fill-quaternary);border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-4);box-sizing:border-box;padding:2px;display:flex}.segmented-control-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:0 0;border:none;outline:none;flex:1;min-height:28px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.segmented-control-btn:hover{color:var(--label-primary)}.segmented-control-btn.active{background:var(--bg-tertiary);color:var(--label-primary);font-weight:600;box-shadow:0 1px 4px #00000059,0 .5px 1px #0003}.character-grid{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.character-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-card);transition:var(--transition-smooth);flex-direction:column;display:flex;overflow:hidden}.character-card:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 16px #0000004d}.character-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;display:flex}.character-name{font-family:var(--font-display);font-size:15px;font-weight:600}.character-role{color:var(--system-indigo);background:#5856d626;border:1px solid #5856d640;border-radius:10px;padding:3px 8px;font-size:11px;font-weight:500}.character-image-box{background:var(--bg-primary);border-bottom:1px solid var(--separator);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.character-image-box img{object-fit:cover;width:100%;height:100%}.character-image-placeholder{color:var(--text-dim);text-align:center;padding:var(--space-5);flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.character-body{padding:var(--space-4);flex-direction:column;flex:1;gap:10px;display:flex}.character-desc{color:var(--text-muted);font-size:13px;line-height:1.5}.character-footer{gap:8px;margin-top:auto;display:flex}.story-outline-preview{background:var(--fill-quaternary);border:1px solid var(--separator);border-radius:var(--radius-md);padding:var(--space-5);white-space:pre-wrap;color:var(--label-primary);max-height:400px;font-family:inherit;font-size:14px;line-height:1.6;overflow-y:auto}.part-media-placeholder{color:var(--text-dim);text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:12px;display:flex}.filmstrip{gap:var(--space-4);margin-top:var(--space-5);padding-bottom:var(--space-2);display:flex;overflow-x:auto}.filmstrip-item{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:0;font-family:inherit;display:flex}.filmstrip-thumb{background:var(--bg-secondary);border-radius:var(--radius-md);width:128px;height:168px;transition:var(--transition-smooth);border:2px solid #0000;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.filmstrip-thumb img,.filmstrip-thumb video{object-fit:cover;width:100%;height:100%}.filmstrip-item:hover .filmstrip-thumb{border-color:var(--separator)}.filmstrip-item.active .filmstrip-thumb{border-color:var(--primary);box-shadow:var(--border-glow)}.filmstrip-part-num{color:var(--text-dim);font-size:11px;font-weight:600}.filmstrip-item.active .filmstrip-part-num{color:var(--text-main)}.status-ring{border:2px solid #00000080;border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:8px}.status-ring-pending{background:var(--system-gray)}.status-ring-completed{background:var(--system-green)}.status-ring-stale{background:var(--system-orange)}.status-ring-failed{background:var(--system-red)}.status-ring-generating{background:var(--system-blue);animation:1.2s ease-in-out infinite pulse}.inspector{gap:var(--space-6);margin-top:var(--space-6);background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-card);padding:var(--space-5);grid-template-columns:340px 1fr;display:grid}.inspector-media{aspect-ratio:9/16;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--separator);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.inspector-media img,.inspector-media video{object-fit:cover;width:100%;height:100%}.inspector-action-bar{align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);background:linear-gradient(#0000,#000000bf);display:flex;position:absolute;bottom:0;left:0;right:0}.inspector-primary-cta{flex:1}.inspector-overflow{position:relative}.inspector-overflow-toggle{width:36px;height:36px;color:var(--text-main);cursor:pointer;background:#00000059;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;line-height:1;display:flex}.inspector-overflow-toggle:hover{background:#0000008c}.inspector-overflow-menu{z-index:10;background:var(--bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);min-width:190px;padding:var(--space-2);box-shadow:var(--glass-shadow);flex-direction:column;gap:6px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.inspector-overflow-menu .btn{justify-content:flex-start;width:100%;font-size:.8rem}.inspector-fields{flex-direction:column;gap:10px;min-width:0;display:flex}.inspector-header{align-items:center;gap:var(--space-3);margin-bottom:4px;display:flex}.inspector-part-num{font-family:var(--font-display);color:var(--text-main);font-size:18px;font-weight:700}.inspector-status-label{text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.inspector-status-pending{color:var(--system-gray)}.inspector-status-generating{color:var(--system-blue)}.inspector-status-completed{color:var(--system-green)}.inspector-status-failed{color:var(--system-red)}.inspector-speaker-badge{color:var(--text-dim);margin-left:auto;font-size:11px}.status-badge{letter-spacing:.1px;text-transform:uppercase;border-radius:10px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-pending{color:var(--system-orange);background:#ff9f0a1f;border:1px solid #ff9f0a40}.status-generating{color:var(--system-blue);background:#007aff1f;border:1px solid #007aff40;animation:1.5s ease-in-out infinite pulse}.status-completed{color:var(--system-green);background:#30d1581f;border:1px solid #30d15840}.status-failed{color:var(--system-red);background:#ff453a1f;border:1px solid #ff453a40}@keyframes pulse{0%{opacity:.65}50%{opacity:1}to{opacity:.65}}.pipeline-container{gap:var(--space-6);grid-template-columns:1fr 340px;display:grid}.pipeline-timeline{gap:var(--space-4);flex-direction:column;display:flex}.pipeline-step-card{background:var(--fill-quaternary);border:1px solid var(--separator);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);transition:var(--transition-smooth);justify-content:space-between;align-items:center;display:flex}.pipeline-step-info{flex-direction:column;gap:3px;display:flex}.pipeline-step-title{font-size:14px;font-weight:600}.pipeline-step-desc{color:var(--text-muted);font-size:12px}.pipeline-logs{border-radius:var(--radius-card);border:1px solid var(--separator);padding:var(--space-4);font-family:var(--font-mono);color:var(--system-green);background:#0a0a0a;flex-direction:column;gap:6px;height:350px;font-size:12px;display:flex;overflow-y:auto}.log-entry{line-height:1.4}.log-timestamp{color:var(--system-gray);margin-right:8px}.final-video-box{border-radius:var(--radius-xl);border:1px solid var(--separator);background:#000;justify-content:center;align-items:center;width:100%;max-width:380px;height:580px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 8px 32px #0009}.final-video-box video{object-fit:contain;width:100%;height:100%}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:100;opacity:0;pointer-events:none;background:#0000007a;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .25s;display:flex;position:fixed;top:0;left:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal-content{background:var(--bg-secondary);border:1px solid var(--separator);border-radius:var(--radius-xl);width:100%;max-width:480px;transition:transform .25s;overflow:hidden;transform:scale(.96);box-shadow:0 12px 40px #00000073}.modal-overlay.open .modal-content{transform:scale(1)}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--separator);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-display);font-size:17px;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;font-size:1.4rem;line-height:1;transition:background .15s}.modal-close:hover{color:var(--label-primary);background:var(--fill-quaternary)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--separator);justify-content:flex-end;gap:var(--space-3);display:flex}.stepper-header{margin-bottom:var(--space-6);background:var(--fill-quaternary);border-radius:var(--radius-card);padding:var(--space-3) var(--space-5);border:1px solid var(--separator);justify-content:space-between;align-items:center;display:flex}.stepper-steps{align-items:center;gap:var(--space-4);display:flex}.stepper-step{color:var(--text-dim);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.stepper-step.active{color:var(--system-blue)}.stepper-step.completed{color:var(--label-primary)}.stepper-step-num{border:1.5px solid var(--text-dim);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:flex}.stepper-step.active .stepper-step-num{border-color:var(--system-blue);color:var(--system-blue);background:#007aff1f}.stepper-step.completed .stepper-step-num{border-color:var(--system-blue);background:var(--system-blue);color:#fff}.stepper-line{background:var(--separator);width:32px;height:1px}body.light-theme{--bg-primary:#f2f2f7;--bg-secondary:#fff;--bg-tertiary:#fff;--bg-elevated:#fff;--bg-sidebar:#f2f2f7e0;--fill-primary:#78788033;--fill-secondary:#78788029;--fill-tertiary:#7878801f;--fill-quaternary:#78788014;--separator:#3c3c431f;--separator-opaque:#c6c6c8;--label-primary:#000;--label-secondary:#3c3c4399;--label-tertiary:#3c3c434d;--label-quaternary:#3c3c432e;--system-blue:#007aff;--system-green:#34c759;--system-indigo:#5856d6;--system-orange:#ff9500;--system-pink:#ff2d55;--system-purple:#af52de;--system-red:#ff3b30;--system-teal:#5ac8fa;--system-yellow:#fc0;--system-gray:#8e8e93;--primary:var(--system-blue);--primary-glow:#007aff26;--secondary:var(--system-green);--secondary-glow:#34c7591a;--accent-purple:var(--system-indigo);--accent-pink:var(--system-pink);--text-main:var(--label-primary);--text-muted:var(--system-gray);--text-dim:#c7c7cc;--bg-darker:var(--bg-primary);--bg-dark:var(--bg-secondary);--bg-card:var(--bg-secondary);--border-light:var(--separator);--border-active:var(--system-blue);--border-glow:0 0 0 3px #007aff33;--glass-bg:var(--bg-elevated);--glass-border:#0000000f;--glass-shadow:0 1px 6px #0000000f}body.light-theme .sidebar{background:var(--bg-sidebar)}body.light-theme .nav-item:hover:not(:disabled){background:#0000000a}body.light-theme .nav-item.active{color:#fff;background:var(--system-blue)}body.light-theme .content-header{border-bottom:1px solid var(--separator);background:#f2f2f7d1}body.light-theme .segmented-control{background:#7676801f}body.light-theme .segmented-control-btn.active{color:#000;background:#fff;box-shadow:0 1px 3px #0000001a,0 .5px 1px #0000000f}body.light-theme .form-input,body.light-theme .form-textarea,body.light-theme .form-select,body.light-theme .project-selector{border:1px solid var(--separator);color:var(--label-primary);background:#fff}body.light-theme .btn-secondary{border:1px solid var(--separator);color:var(--label-primary);background:#0000000a}body.light-theme .btn-secondary:hover:not(:disabled){background:#00000014}body.light-theme .pipeline-logs{border:1px solid var(--separator);color:#1c1c1e;background:#fafafa}body.light-theme .log-entry{color:#2c2c2e;border-bottom:1px solid #0000000a}body.light-theme .character-role{background:#5856d614;border-color:#5856d62e}body.light-theme .brand-name{color:var(--label-primary)}body.light-theme ::-webkit-scrollbar-thumb{background:#0000001a}body.light-theme ::-webkit-scrollbar-thumb:hover{background:#0003}.text-muted{color:var(--text-muted)}.auth-gate{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:360px;padding:32px;display:flex}.login-title{color:var(--text-main);margin:0;font-size:22px;font-weight:700}.login-subtitle{color:var(--text-muted);margin:0;font-size:14px;line-height:1.4}.login-field{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.login-field input{border:1px solid var(--border-light);background:var(--bg-secondary);color:var(--text-main);border-radius:8px;padding:10px 12px;font-size:14px}.login-field input:focus{box-shadow:var(--border-glow);outline:none}.login-error{color:var(--system-red,#ff453a);font-size:13px}.login-submit{background:var(--border-active);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 12px;font-weight:600}.login-submit:disabled{opacity:.6;cursor:default}.session-bar{z-index:1000;background:var(--bg-sidebar);color:var(--text-muted);border-bottom-left-radius:10px;align-items:center;gap:12px;padding:6px 14px;font-size:12px;display:flex;position:fixed;top:0;right:0}.session-bar button{border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;background:0 0;border-radius:6px;padding:3px 8px;font-size:12px}