.preview-help a{color:#f0cc82}.preview-help{background:#282733;border:1px solid #4e4753;border-radius:8px;padding:14px;margin:14px 0;font-size:13px}.auth-card .preview-help p{margin:9px 0;font-size:13px}.auth-card .preview-identity{display:inline;padding:0;margin:0;width:auto;background:none;border:0;color:#e7c179;font-size:13px;text-decoration:underline}.qs-page{width:100%;overflow:auto;padding:30px clamp(16px,3.5vw,64px) 70px;color:#e5e7f0}.qs-page h1{font-size:clamp(25px,3vw,38px);line-height:1.2;letter-spacing:-.8px;margin:8px 0 12px}.qs-page h2{font-size:17px;margin:4px 0 10px}.qs-page p{color:#aeb5c6;line-height:1.65;margin:10px 0}.qs-page small{color:#a1a8bc}.qs-page select{max-width:100%;background:var(--surface2);border:1px solid var(--border);border-radius:6px;color:var(--text);padding:8px}.qs-page input[type=checkbox],.qs-page input[type=range]{accent-color:#dfb65f}.qs-page .form-label,.auth-page .form-label{color:#aeb5c6}.qs-eyebrow{color:#dabb80;font-size:11px;font-weight:750;letter-spacing:1.6px;margin:8px 0}.qs-panel{padding:22px;background:#1a1d27;border:1px solid #353849;border-radius:12px;margin:22px 0}.qs-panel summary{cursor:pointer;font-weight:600}.qs-form-grid{display:flex;flex-wrap:wrap;align-items:end;gap:16px;margin-top:18px}.qs-form-grid label{flex:1;min-width:180px;color:#bbc0ce;font-size:12px}.qs-form-grid input,.qs-form-grid select{margin-top:7px;display:block}.qs-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:16px 0;border-bottom:1px solid #353849}.qs-row>span:first-child{flex:1}.qs-row small{display:block;margin-top:5px}.qs-version{display:flex;gap:22px;align-items:center;text-decoration:none;color:inherit;border:1px solid #353849;border-radius:10px;padding:20px;margin:12px 0;background:#191c26}.qs-version:hover{border-color:#aa8e57}.qs-version h2{margin:5px 0}.qs-version p{margin:2px 0;font-size:12px}.qs-episode{color:#dabb80;font-size:24px;font-weight:600}.qs-status{display:inline-block;padding:7px 12px;background:#343140;color:#d4cee6;border-radius:30px;font-size:12px;white-space:nowrap}.qs-version>.qs-status{margin-left:auto}.qs-status.pre_release{background:#3b3323;color:#f1d192}.qs-status.changes_requested{background:#452d29;color:#eeb49c}.qs-status.approved,.qs-status.published{background:#203b34;color:#a4e0c5}.qs-heading{display:flex;justify-content:space-between;align-items:center;gap:18px}.qs-back{color:#c8c6dc}.qs-workspace{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,1fr);gap:22px}.qs-workspace>div{min-width:0}.qs-workspace>.qs-panel{min-width:0}.qs-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.qs-toolbar label{display:flex;align-items:center;gap:6px;color:#bac0ce;font-size:12px}.qs-toolbar input[type=range]{width:80px}.qs-toolbar strong{margin-right:auto}.qs-toolbar span{color:#a1a8bc}.qs-player{margin-bottom:0}.qs-seek{width:100%;margin-top:8px}.qs-time-fields{display:flex;gap:16px;margin:14px 0}.qs-time-fields label{flex:1;color:#b9c0d1;font-size:12px}.qs-time-fields input{margin-top:6px}.qs-transcript-panel{display:flex;flex-direction:column;max-height:770px}.qs-transcript{overflow:auto;line-height:2.1;font-size:16px;padding:15px 8px;position:relative;flex:1;-webkit-user-select:text;user-select:text}.qs-script-snapshot{white-space:pre-wrap;color:#b9bfce}.spoken-word{cursor:pointer;border-radius:3px;padding:2px 0}.spoken-word:hover{color:#efca83}.active-word{background:#dfb65f;color:#161a23}.spoken-word::selection{background:#6b55a5;color:#fff}.qs-page blockquote{border-left:3px solid #b99755;padding:8px 14px;color:#d4c09a;line-height:1.6;margin:12px 0;white-space:pre-wrap}.qs-comment{padding:18px 0;border-top:1px solid #3b3d4f}.qs-comment.resolved{opacity:.7}.qs-comment p{color:#e3e5ed;white-space:pre-wrap}.qs-comment .form-input{flex:1;min-width:200px}.qs-reply{margin:10px 0 10px 22px;padding:8px 14px;border-left:2px solid #46475e}.qs-reply strong{font-size:12px}.qs-reply p{margin:4px 0}.qs-error{padding:12px 16px;background:#452a2a;color:#f3c3ba;border:1px solid #8c5047;border-radius:7px;margin:14px 0}.qs-reviewer{display:inline-flex;gap:8px;margin:10px 18px 16px 0}.qs-panel details{margin-top:22px}.qs-hash{display:block;overflow-wrap:anywhere;margin:10px 0;font-size:11px}.auth-page{min-height:100%;overflow:auto;display:grid;place-items:center;padding:24px}.auth-card{width:min(480px,100%);padding:40px;border:1px solid #3f3b33;border-radius:16px;background:#1a1d27}.auth-card h1{font-size:32px;line-height:1.25;margin:22px 0;letter-spacing:-.7px}.auth-card p{color:#b5bbc9;line-height:1.65;margin:20px 0}.auth-card button{width:100%;margin-top:16px;padding:12px}.auth-card small{display:block;color:#9ca5b9;margin-top:25px;line-height:1.6}.auth-divider{text-align:center;color:#949bac;font-size:12px;margin:24px 0}.qs-page :focus-visible,.auth-page :focus-visible,.studio-bar :focus-visible,.context-bar :focus-visible{outline:2px solid #e2c181;outline-offset:3px}@media(max-width:1050px){.qs-workspace{grid-template-columns:1fr;gap:0}.qs-transcript-panel{max-height:450px;margin-top:0}.qs-heading{flex-wrap:wrap}}@media(max-width:650px){.qs-version{flex-wrap:wrap;padding:16px}.qs-version>.qs-status{margin-left:0}.qs-panel{padding:16px}.auth-card{padding:25px}.qs-time-fields{gap:10px}.qs-time-fields input{min-width:0}.qs-page{padding-bottom:40px}}.studio-bar{display:flex;align-items:center;gap:20px;padding:0 22px;height:56px;background:#14161f;border-bottom:1px solid var(--border);flex-shrink:0}.studio-brand{display:flex;align-items:center;gap:8px;color:#e7c179;font-weight:700;font-size:16px;text-decoration:none;white-space:nowrap}.studio-nav{display:flex;gap:4px}.studio-nav a{padding:7px 13px;border-radius:7px;color:#c3c8d8;text-decoration:none;font-size:13px;font-weight:500;white-space:nowrap}.studio-nav a:hover{background:#20232f;color:#eceef6}.studio-nav a.active{background:var(--accent-soft);color:#f0cc82}.studio-account{display:flex;align-items:center;gap:12px;margin-left:auto}.studio-user{color:#a8afc0;font-size:13px;text-decoration:none;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studio-user:hover{color:#e7c179}.studio-preview-tag{padding:3px 9px;border-radius:20px;background:#383021;color:#ead2a8;font-size:11px;font-weight:700;text-decoration:none;letter-spacing:.4px}.studio-preview-tag:hover{background:#463c28}.studio-bar-error{margin:0;border-radius:0}.context-bar{display:flex;align-items:center;gap:10px;padding:0 22px;height:46px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.context-steps{display:flex;align-items:center;gap:6px}.context-steps a{padding:5px 11px;border-radius:6px;color:#aab0c0;text-decoration:none;font-size:13px;white-space:nowrap}.context-steps a:hover{background:var(--surface2);color:var(--text)}.context-steps a.active{background:var(--accent-soft);color:#f0cc82}.context-select{background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:5px 10px;border-radius:6px;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}@media(max-width:650px){.studio-bar{height:auto;padding:10px 14px;flex-wrap:wrap;gap:10px}.studio-account{width:100%;margin-left:0}.context-bar{padding:0 14px}}:root{--bg: #0f1117;--surface: #1a1d27;--surface2: #222535;--border: #2e3248;--accent: #deb669;--accent-soft: #2c2a24;--accent2: #e7c179;--on-accent: #1c1b20;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--blue: #3b82f6;--text: #e2e8f0;--muted: #64748b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.btn{padding:7px 14px;border-radius:6px;border:none;font-size:13px;font-weight:500;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:var(--on-accent);font-weight:700}.btn-ghost{background:var(--surface2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.form-label{display:block;font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}.form-input{width:100%;background:var(--surface2);border:1px solid var(--border);color:var(--text);padding:8px 12px;border-radius:6px;font-size:14px;outline:none}.form-input:focus{border-color:var(--accent)}.modal-overlay{position:fixed;inset:0;background:#0008;z-index:200;display:flex;align-items:center;justify-content:center}.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:24px;width:400px;max-width:95vw}.modal-title{font-size:16px;font-weight:700;margin-bottom:16px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.qs-confirm-dialog{margin:auto;color:var(--text);width:520px;max-height:90vh;overflow-y:auto}.qs-confirm-dialog::backdrop{background:#000a}.form-row{margin-bottom:14px}.badge{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.badge-planned{background:#1e293b;color:var(--muted)}.badge-scripted{background:#2c2a24;color:var(--accent2)}.badge-reviewed{background:#12343b;color:#67e8f9}.badge-generated{background:#0f2d1e;color:#4ade80}.badge-mixing{background:#422006;color:var(--yellow)}.badge-exported{background:#1e3a5f;color:#93c5fd}.badge-published{background:#1a3321;color:#86efac}