:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1e1f22;background:#fff;line-height:1.45;--topbar-h:76px;--sidebar-w:238px;--border:#dfe2e6;--muted:#68707b;--surface:#fff;--soft:#f5f6f7;--ink:#1f2023}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff}body{overflow-x:hidden}button,input,select,textarea{font:inherit}.studio-topbar{height:var(--topbar-h);position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 30px;background:#fff;border-bottom:1px solid var(--border)}.studio-brand{display:flex;align-items:center;gap:18px;color:#18191b;text-decoration:none}.studio-brand picture,.studio-brand img{display:block}.studio-brand img{width:auto;height:34px}.brand-divider{height:36px;width:1px;background:#d9dde2}.studio-brand strong{font-size:20px;font-weight:650}.studio-top-actions{display:flex;align-items:center;gap:12px}.product-context{font-size:14px;color:var(--muted)}.music-main{padding-top:var(--topbar-h);min-height:100vh}.landing-view{max-width:1220px;margin:0 auto;padding:72px 38px 60px}.creator-header{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:32px}.creator-header h1{font-size:36px;line-height:1.08;margin:8px 0 12px;letter-spacing:-.025em}.creator-header p{font-size:17px;color:#545a63;margin:0;max-width:760px}.eyebrow,.nav-group-label{font-size:11px;line-height:1.2;text-transform:uppercase;letter-spacing:.14em;color:#6f7782;font-weight:650}.surface-card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:24px 26px}.runtime-card,.project-picker{margin-bottom:18px}.section-heading h2,.panel-head h2,.production-guide h2{margin:0;font-size:23px}.section-heading p,.panel-head p,.production-guide p{color:var(--muted);margin:5px 0 0}.section-heading.inline,.panel-head,.production-guide-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.runtime-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.status{padding:12px 14px;border-radius:9px;background:#f0f2f4;color:#353a40}.status.compact{font-size:13px}.row,.actions,.panel-actions{display:flex;gap:12px;align-items:center}.project-picker .row{margin-top:14px}.row select{flex:1}.primary-button,button{border:1px solid #17181a;border-radius:7px;background:#17181a;color:#fff;padding:10px 15px;font-weight:650;cursor:pointer}.secondary-button,button.secondary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #bfc4ca;border-radius:7px;background:#f5f6f7;color:#1f2023;padding:9px 14px;font-weight:600;cursor:pointer}.compact-action{padding:8px 12px}.text-button{background:transparent;color:#454a51;border:0;text-decoration:underline;padding:6px 4px}.music-editor{position:relative;min-height:calc(100vh - var(--topbar-h))}.music-sidebar{position:fixed;top:var(--topbar-h);bottom:0;left:0;width:var(--sidebar-w);z-index:70;background:#fff;border-right:1px solid var(--border);overflow-y:auto}.sidebar-scroll{padding:30px 12px 36px}.nav-group-label{padding:12px 10px 7px}.nav-group-label:not(:first-child){margin-top:11px}.nav-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;text-align:left;border:0;border-radius:9px;background:transparent;color:#3d4249;padding:10px 12px;margin:1px 0;font-size:15px;font-weight:580}.nav-item:hover:not(:disabled){background:#f3f4f5}.nav-item.active{background:#f0f1f2;color:#161719;font-weight:700}.nav-item.active:after{content:"";position:absolute;right:12px;width:3px;height:24px;border-radius:3px;background:#17181a}.nav-item{position:relative}.nav-item.locked{opacity:.43}.nav-state{font-size:11px;color:#858c95;font-weight:540}.music-workspace-scroll{position:fixed;top:var(--topbar-h);right:0;bottom:0;left:var(--sidebar-w);overflow-y:auto;background:#fff;overscroll-behavior:contain}.music-workspace-inner{max-width:1230px;margin:0 auto;padding:66px 44px 90px}.workspace-header{margin-bottom:28px}.workspace-header h1{font-size:35px}.project-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:20px}.project-identity{display:flex;flex-direction:column;gap:2px}.project-identity strong{font-size:18px}.project-identity span{font-size:12px;color:var(--muted)}.project-state-stack{text-align:right}.small{font-size:12px}.muted{color:var(--muted)}.pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#17181a;color:#fff;font-size:12px}.pill.neutral{background:#eceef0;color:#41464d}.pill.warn{background:#f4e5c1;color:#6a4700}.pill.ok{background:#dff0df;color:#1f5a28}.production-guide{margin-bottom:18px}.production-guide-head{margin-bottom:14px}.workflow-cards{display:flex;flex-wrap:wrap;gap:8px}.workflow-card{min-width:170px;flex:1 1 170px;display:flex;align-items:center;gap:8px;text-align:left;background:#f4f5f6;color:#24272b;border:1px solid #e0e3e6;padding:12px 13px;border-radius:9px}.workflow-card:hover:not(:disabled){border-color:#aeb4bb}.workflow-card:disabled{opacity:.5}.workflow-card .step-number{font-size:14px;font-weight:750}.workflow-card-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.workflow-card-copy small{color:#707780;font-weight:400;font-size:11px}.workflow-card-state{margin-left:auto;font-size:11px;color:#6c737b}.next-action-card{margin-top:10px;border:1px solid #dde1e5;background:#f1f2f3;border-radius:11px;padding:14px 16px;display:flex;justify-content:space-between;gap:22px;align-items:center}.next-action-card strong{display:block;font-size:17px;margin-top:3px}.next-action-card p{margin:3px 0 0}.action-message{margin:0 0 18px;padding:12px 14px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef3f8;border:1px solid #d8e1eb}.action-message.warn{background:#fff5de;border-color:#ecd18e}.action-message.error{background:#fdeaea;border-color:#f1caca;color:#8b1d1d}.action-message.success{background:#e5f2e6;border-color:#cae2cc;color:#235b2b}.workspace-panel{display:none;margin-bottom:20px}.workspace-panel.active{display:block}.panel-head{padding-bottom:16px;border-bottom:1px solid #eceff1;margin-bottom:18px}.panel-head h2{font-size:26px;margin:4px 0 0}.overview-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.summary-item{border:1px solid #e1e4e8;border-radius:9px;padding:12px;background:#fff}.summary-item .k{display:block;font-size:11px;color:#777f88;text-transform:uppercase;letter-spacing:.06em}.summary-item .v{display:block;font-size:16px;font-weight:650;margin-top:3px}.notice{padding:11px 12px;margin:14px 0;border-radius:8px;background:#fff4d8;border:1px solid #ead099}.prerequisite{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:14px;border-radius:10px;background:#f5f6f7;border:1px solid #dfe2e6}.prerequisite strong{white-space:nowrap}.prerequisite span{color:#666;flex:1}.prerequisite button{white-space:nowrap}select,input,textarea{width:100%;border:1px solid #bfc4ca;border-radius:7px;padding:10px;background:#fff;color:#171717}textarea{min-height:110px;resize:vertical}.small-textarea{min-height:72px}button:disabled{opacity:.43;cursor:not-allowed}.actions,.panel-actions{margin-top:12px}.meta{font-size:12px;color:#69717b;margin:12px 0}.editor,.accepted{border:1px solid #dfe2e6;border-radius:10px;padding:16px;margin-top:14px}.accepted{border-color:#b9d8be;background:#fbfefb}.editor h4,.accepted h4{margin:0 0 12px}.accepted dl,.editor dl,.theme-card dl,.cue-card dl{display:grid;grid-template-columns:160px 1fr;gap:6px 12px;font-size:13px}.accepted dt,.theme-card dt,.cue-card dt{color:#666}.accepted dd,.theme-card dd,.cue-card dd{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid label{font-size:13px;font-weight:600}.form-grid label input,.form-grid label textarea{margin-top:5px;font-weight:400}.form-grid .wide{grid-column:1/-1}.suggested-themes,.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.theme-card,.cue-card{border:1px solid #dfe2e6;border-radius:10px;padding:15px}.theme-card h4,.cue-card h4{margin:0}.theme-card .sub,.cue-card .sub{font-size:13px;color:#666;margin:4px 0 12px}.add-box{border-top:1px solid #e8eaec;margin-top:18px;padding-top:14px}.add-box summary,.inline-edit summary,.technical summary{cursor:pointer;color:#444;font-weight:600}.disabled-section{opacity:.48;pointer-events:none}.empty-state{padding:18px;border:1px dashed #cdd1d5;border-radius:10px;color:#666;display:flex;flex-direction:column;gap:4px}.cue-list{display:grid;gap:12px;margin-top:18px}.cue-card.review{border-color:#d09b31}.cue-card.approved{border-color:#7aaa80}.cue-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.cue-badges{display:flex;gap:6px;flex-wrap:wrap}.decision{font-size:11px;font-weight:700;padding:4px 7px;border-radius:999px;background:#e8e8e8}.decision.music{background:#e4ecff;color:#233a79}.decision.silence{background:#f0f0f0;color:#555}.timeline{margin:12px 0;padding:10px;background:#f7f8f9;border-radius:8px}.timeline-row{display:grid;grid-template-columns:78px 100px 1fr;gap:8px;padding:5px 0;border-bottom:1px solid #e5e7e9;font-size:13px}.timeline-row:last-child{border-bottom:0}.timeline-row .time{font-variant-numeric:tabular-nums;font-weight:650}.timeline-row.music .kind{color:#243c7a}.timeline-row.speech .kind{color:#7b421d}.inline-edit{margin-top:12px;padding-top:12px;border-top:1px solid #eee}.inline-edit textarea{min-height:70px}.cue-editor-state{margin-top:10px;font-size:12px;font-weight:600;color:#555}.cue-editor-state.dirty{color:#8a5a00}.cue-editor-state.saving,.cue-editor-state.approving{color:#284a75}.cue-editor-state.save-failed{color:#8b1d1d}.cue-editor-state.saved,.cue-editor-state.approved{color:#235b2b}.technical{margin:0 0 14px}.technical pre{white-space:pre-wrap;max-height:520px;overflow:auto;background:#f4f5f6;padding:13px;border-radius:8px;font-size:12px}.error{color:#8b1d1d;background:#fdeaea;border:1px solid #f1caca;padding:9px;border-radius:8px}.success{color:#235b2b;background:#e5f2e6;border:1px solid #cae2cc;padding:9px;border-radius:8px}
@media(max-width:900px){:root{--sidebar-w:210px}.music-workspace-inner{padding:40px 24px 70px}.runtime-grid,.summary-grid{grid-template-columns:1fr 1fr}.creator-header{flex-direction:column}.overview-summary,.cards,.suggested-themes{grid-template-columns:1fr}}
@media(max-width:720px){:root{--topbar-h:66px}.studio-topbar{padding:0 16px}.studio-brand img{height:28px}.studio-brand strong,.product-context{display:none}.landing-view{padding:34px 16px}.music-sidebar{position:sticky;top:var(--topbar-h);width:100%;height:auto;bottom:auto;border-right:0;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:hidden}.sidebar-scroll{display:flex;gap:4px;padding:8px}.nav-group-label{display:none}.nav-item{display:flex;grid-template-columns:none;width:auto;white-space:nowrap;padding:9px 11px}.nav-item.active:after{display:none}.music-workspace-scroll{position:relative;top:auto;right:auto;bottom:auto;left:auto;overflow:visible}.music-workspace-inner{padding:24px 14px 60px}.project-toolbar{grid-template-columns:1fr}.project-state-stack{text-align:left}.runtime-grid,.summary-grid,.form-grid{grid-template-columns:1fr}.row,.actions,.panel-actions,.panel-head,.production-guide-head,.next-action-card,.prerequisite{align-items:stretch;flex-direction:column}.row button,.next-action-card button,.prerequisite button{width:100%}.form-grid .wide{grid-column:auto}.accepted dl,.theme-card dl,.cue-card dl{grid-template-columns:120px 1fr}.timeline-row{grid-template-columns:64px 82px 1fr}}
body.workspace-open{overflow:hidden}body.workspace-open #landing{display:none}@media(max-width:720px){body.workspace-open{overflow:auto}}
.candidate-workspace{margin-top:16px;padding-top:16px;border-top:1px solid #e6e8eb}.candidate-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:10px}.candidate-title h5{font-size:15px;margin:0 0 3px}.candidate-title span,.generation-unavailable span{display:block;font-size:12px;color:var(--muted)}.empty-candidates,.generation-unavailable{padding:12px;border:1px dashed #cfd4d9;border-radius:9px;color:#656b73;background:#fafafa}.generation-unavailable{display:flex;flex-direction:column;gap:2px;margin-top:10px}.candidate-card{margin-top:10px;border:1px solid #dfe2e6;border-radius:10px;padding:13px;background:#fff}.candidate-card.approved{border-color:#8fbb95;background:#fbfefb}.candidate-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.candidate-card audio{width:100%;margin-top:10px}.candidate-meta,.candidate-tech{font-size:12px;color:var(--muted);margin-top:7px}.candidate-card details{margin-top:8px}.candidate-card details summary{font-size:12px;cursor:pointer;color:#555}.generation-jobs{display:grid;gap:7px;margin:10px 0}.generation-job{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #dde1e5;border-radius:9px;padding:10px 11px;background:#f7f8f9}.generation-job>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.generation-job span{font-size:12px;color:#555}.generation-job small{width:100%;font-size:11px;color:#8b1d1d}.generation-job.running,.generation-job.post_processing{border-color:#b8c8db;background:#f5f8fb}.generation-job.failed{border-color:#efcccc;background:#fff8f8}.generation-job.cancelled{opacity:.72}
@media(max-width:720px){.candidate-head,.generation-job{align-items:stretch;flex-direction:column}.generation-job button{width:100%}}
.movie-handoff-panel{margin-top:12px;padding:12px 13px;border:1px solid #d6dbe0;border-radius:10px;background:#f8f9fa;display:flex;flex-direction:column;gap:5px}.movie-handoff-panel strong{font-size:13px}.movie-handoff-panel span{font-size:12px;color:var(--muted)}.movie-handoff-panel.ok{border-color:#b9d8be;background:#fbfefb}.movie-handoff-panel.warn{border-color:#ead099;background:#fff9ea}.movie-handoff-panel.neutral{border-style:dashed}

/* Build 6 Hotfix1 cinematic-expression Creator controls */
.cinematic-editor{margin-top:14px;padding-top:12px;border-top:1px solid var(--border,#d9dde3);display:grid;gap:10px}
.cinematic-editor h5{margin:0 0 2px}
.cinematic-editor textarea{min-height:72px}