:root {
  color-scheme: dark;
  --bg: #0d1319;
  --panel: #141d25;
  --panel-2: #1a2631;
  --panel-3: #101920;
  --line: #2b3a46;
  --line-strong: #3c5260;
  --ink: #edf2f5;
  --muted: #91a2af;
  --gold: #f0ca68;
  --blue: #8fc5df;
  --green: #82c9a7;
  --red: #ed918b;
  --shadow: 0 16px 44px rgb(0 0 0 / 0.24);
}

.cine-cast,.cine-review {padding:24px;border:1px solid var(--line);border-radius:16px;margin:20px 0;background:var(--panel)}
.cine-cast h2,.cine-review h2 {margin:0 0 12px;font-size:20px}
.cine-actor {padding:14px 0;border-bottom:1px solid var(--line)}
.cine-actor summary {cursor:pointer;color:var(--gold);margin-bottom:12px}
.cine-cast label,.cine-scene label,.cine-review label {display:block;margin:12px 0;color:var(--muted)}
.cine-cast input,.cine-cast select,.cine-cast textarea,.cine-scene input,.cine-scene select,.cine-scene textarea,.cine-review select {display:block;width:100%;margin-top:6px}
.cine-face {width:160px;max-height:180px;object-fit:contain;border-radius:8px}
.cine-direction {padding:16px;border-left:3px solid var(--green);background:var(--panel-3)}
.cine-dialogue {padding:20px 0;border-top:1px solid var(--line)}
.cine-dialogue>strong {font-size:18px;color:var(--gold)}
.cine-actions {display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.cine-take {position:relative;margin:12px 0;max-width:640px}
.cine-take video {display:block;width:100%;max-height:420px;background:#000}
.cine-take audio {max-width:100%;vertical-align:middle}
[data-cine-caption] {display:block;text-align:center;white-space:pre-wrap;color:var(--ink)}
.cine-cast p,.cine-review p {color:var(--muted);line-height:1.7}
.cine-cast input,.cine-cast select,.cine-cast textarea,.cine-scene select,.cine-review select {
  border:1px solid var(--line);border-radius:8px;padding:12px;color:var(--ink);background:var(--panel-3);font:inherit;
}
.cine-cast textarea {min-height:110px;resize:vertical}
.cine-cast button,.cine-actions button,.cine-take button {
  border:1px solid var(--line-strong);border-radius:8px;padding:10px 14px;color:var(--blue);background:var(--panel-3);font:inherit;cursor:pointer;
}
.cine-cast button:disabled,.cine-actions button:disabled,.cine-take button:disabled {opacity:.45;cursor:default}
.workspace-tabs.cinematic-nav {grid-template-columns:repeat(3,minmax(0,1fr))}
.workspace-tabs.cinematic-nav button[hidden] {display:none}
.cine-visual-summary {padding:18px 20px;border:1px solid var(--line-strong);background:var(--panel-3);color:var(--muted);line-height:1.7}
.cine-visual-summary strong {color:var(--ink)}
.cine-visual-summary p {margin:8px 0 0}
.cine-visual-content {padding:20px;display:grid;gap:20px;min-width:0}
.cine-visual-planning {display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:16px}
.cine-visual-content label {display:grid;gap:8px;min-width:0;color:var(--muted);font-size:13px}
.cine-visual-content input,.cine-visual-content textarea {box-sizing:border-box;width:100%;max-width:100%;padding:12px;background:var(--panel-3);border:1px solid var(--line);color:var(--ink);font:inherit;line-height:1.7}
.cine-visual-content textarea {min-height:100px;resize:vertical}
.cine-visual-source {padding:16px;background:var(--panel-3);line-height:1.9;overflow-wrap:anywhere}
.cine-visual-source h3 {margin:0 0 12px;font-size:13px;color:var(--muted)}
.cine-source-unit {margin:10px 0}
.cine-stage {color:var(--muted);font-style:italic}
.cine-line>span {display:block}
.cine-line small {color:var(--muted)}
.cine-visual-face-strip {display:flex;gap:12px;flex-wrap:wrap}
.cine-visual-face {margin:0;width:160px;max-width:100%}
.cine-visual-face img,.cine-visual-face-missing {width:100%;aspect-ratio:16/9;object-fit:contain;background:#070b0f}
.cine-visual-face-missing {display:grid;place-items:center;color:var(--muted);font-size:12px}
.cine-visual-face figcaption {margin-top:6px;font-size:12px;color:var(--muted)}
.cine-visual-shots {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:14px}
.cine-visual-shot {min-width:0;padding:16px;border:1px solid var(--line);display:grid;align-content:start;gap:14px}
.cine-visual-shot header {display:grid;gap:6px}
.cine-visual-shot header span,.cine-visual-shot>small {font-size:12px;color:var(--muted)}
.cine-visual-stale {color:var(--gold)}
.cine-visual-actions {display:flex;justify-content:flex-end}
@media(max-width:640px){.cine-visual-planning{grid-template-columns:minmax(0,1fr)}.cine-visual-beat .beat-head{align-items:flex-start;flex-direction:column}.cine-visual-content{padding:14px}.cine-visual-beat .beat-name strong{white-space:normal}.workspace-tabs.cinematic-nav{grid-template-columns:minmax(0,1fr)}}

* { box-sizing: border-box; }
html { background: var(--bg); }
body {
  margin: 0;
  min-width: 320px;
  background: radial-gradient(circle at 88% 0%, rgb(143 197 223 / 0.08), transparent 31rem), var(--bg);
  color: var(--ink);
  font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}
button, input, select, textarea { font: inherit; }
button, select { min-height: 38px; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: 2px;
}
.topbar {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  padding: 30px max(24px, calc((100vw - 1500px) / 2));
  border-bottom: 1px solid var(--line);
  background: rgb(13 19 25 / 0.88);
  backdrop-filter: blur(16px);
}
.title-block { max-width: 980px; }
.back-to-projects { display: inline-block; margin-left: 14px; color: var(--blue); font-size: 13px; text-decoration: none; }
.back-to-projects:hover { text-decoration: underline; }
.eyebrow { color: var(--gold); font-size: 11px; font-weight: 800; letter-spacing: .18em; }
h1 { margin: 7px 0 6px; font-size: clamp(24px, 3.5vw, 42px); line-height: 1.15; text-wrap: balance; }
.title-block p { margin: 0; color: var(--muted); line-height: 1.55; }
.mode-badge {
  flex: 0 0 auto;
  border: 1px solid var(--line-strong);
  border-radius: 999px;
  padding: 8px 13px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
  background: transparent;
  cursor: pointer;
}
.mode-badge.editable { border-color: var(--green); color: var(--green); }
.mode-badge:hover { background: var(--panel-2); }
main { width: min(1500px, calc(100% - 48px)); margin: 0 auto; padding: 24px 0 80px; }
.project-index { max-width: 1100px; }
.project-index-heading { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 8px 0 18px; }
.project-index-heading h2 { margin: 0; font-size: clamp(21px, 3vw, 29px); }
.project-index-heading span { color: var(--muted); font-size: 13px; }
.project-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 310px), 1fr)); gap: 14px; }
.project-card { display: grid; gap: 24px; min-height: 175px; padding: 20px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); text-decoration: none; transition: border-color .15s, transform .15s; }
.project-card:hover { border-color: var(--gold); transform: translateY(-2px); }
.project-card.unavailable { opacity: .7; }
.project-card.unavailable:hover { border-color: var(--line); transform: none; }
.project-card:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
.project-card-top, .project-card-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.project-date, .project-card-bottom { color: var(--muted); font-size: 12px; }
.project-name { font-size: 18px; line-height: 1.45; overflow-wrap: anywhere; }
.project-status { border: 1px solid var(--line-strong); border-radius: 999px; padding: 5px 8px; font-size: 11px; font-weight: 800; white-space: nowrap; }
.project-status.working { color: var(--gold); border-color: rgb(240 202 104 / .45); }
.project-status.complete { color: var(--green); border-color: rgb(130 201 167 / .45); }
.project-index > .primary-action { display: block; margin: 24px auto 0; }
.project-index > .primary-action[hidden] { display: none; }
.project-index .status[hidden] { display: none; }
.workspace-status { margin-bottom: 16px; }
.workspace-tabs {
  position: sticky;
  top: 0;
  z-index: 8;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-bottom: 22px;
  border: 1px solid var(--line-strong);
  background: rgb(13 19 25 / .94);
  backdrop-filter: blur(18px);
  box-shadow: var(--shadow);
}
.workspace-tabs[data-tab-count="5"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.workspace-tabs button {
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 15px 18px;
  border: 0;
  border-right: 1px solid var(--line);
  background: transparent;
  color: var(--muted);
  text-align: left;
  cursor: pointer;
}
.workspace-tabs button:last-child { border-right: 0; }
.workspace-tabs button:hover { background: var(--panel-2); color: var(--ink); }
.workspace-tabs button.active { background: rgb(240 202 104 / .1); color: var(--gold); box-shadow: inset 0 -3px var(--gold); }
.workspace-tabs span { font-weight: 850; }
.workspace-tabs small { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.workspace-panel[hidden] { display: none; }
.panel-intro {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
  padding: 22px 24px;
  border: 1px solid var(--line-strong);
  border-bottom: 0;
  background: var(--panel-3);
}
.panel-intro.compact { margin-bottom: 14px; border-bottom: 1px solid var(--line-strong); }
.panel-intro h2 { margin: 6px 0 0; font-size: clamp(20px, 2.4vw, 30px); }
.panel-intro p { max-width: 590px; margin: 0; color: var(--muted); line-height: 1.6; text-align: right; }
.panel-actions { display: flex; justify-content: flex-end; padding: 18px 0 0; }
.primary-action {
  min-height: 46px;
  border: 1px solid var(--gold);
  border-radius: 0;
  padding: 11px 18px;
  background: rgb(240 202 104 / .1);
  color: var(--gold);
  font-weight: 850;
  cursor: pointer;
}
.workspace-head { display: grid; gap: 15px; margin-bottom: 20px; }
.status {
  min-height: 44px;
  display: flex;
  align-items: center;
  border: 1px solid var(--line);
  background: var(--panel-3);
  color: var(--muted);
  padding: 11px 14px;
  line-height: 1.5;
}
.scene-filter { display: flex; flex-wrap: wrap; gap: 8px; }
.scene-filter button {
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 7px 13px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}
.scene-filter button:hover { border-color: var(--blue); color: var(--ink); }
.scene-filter button.active { border-color: var(--gold); background: rgb(240 202 104 / 0.1); color: var(--gold); }
.beat-summary { color: var(--muted); font-size: 13px; }
.beat-list { display: grid; gap: 22px; }
.beat-card {
  overflow: hidden;
  border: 1px solid var(--line-strong);
  background: var(--panel);
  box-shadow: var(--shadow);
}
.beat-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  background: var(--panel-3);
}
.beat-name { display: flex; align-items: baseline; gap: 12px; min-width: 0; }
.beat-id { color: var(--gold); font: 800 13px ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .04em; }
.beat-name strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.beat-time { color: var(--muted); font: 12px ui-monospace, SFMono-Regular, Menlo, monospace; white-space: nowrap; }
.beat-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.media-zone { min-width: 0; padding: 18px; border-bottom: 1px solid var(--line); }
.beat-fields { min-width: 0; padding: 18px; display: grid; align-content: start; gap: 14px; }
.section-label { margin: 0 0 10px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.candidate-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 12px; }
.candidate-grid .candidate { width: 100%; max-width: 360px; }
.candidate { min-width: 0; border: 1px solid var(--line); background: var(--panel-3); }
.candidate-media {
  position: relative;
  background: #070b0f;
  color: var(--muted);
  font-size: 12px;
}
.candidate-media img, .candidate-media video { width: 100%; height: 100%; object-fit: cover; }
.candidate-media .version-pill {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 4px 7px;
  border: 1px solid rgb(255 255 255 / .16);
  background: rgb(7 11 15 / .8);
  color: var(--ink);
  font-size: 10px;
}
.candidate-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 10px; }
.candidate-meta strong { font-size: 12px; }
.candidate-quick-actions { padding: 0 10px 10px; }
.candidate-quick-actions button { width: 100%; }
.candidate select, .candidate input, .candidate textarea,
.beat-fields input, .beat-fields select, .beat-fields textarea,
.production-panel input, .production-panel select, .production-panel textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 0;
  background: #0f171e;
  color: var(--ink);
  padding: 9px 10px;
}
.candidate-meta select { width: auto; min-width: 92px; padding: 5px 7px; min-height: 32px; }
.candidate details { border-top: 1px solid var(--line); }
.candidate summary, .advanced summary, .history-panel summary {
  cursor: pointer;
  color: var(--blue);
  padding: 9px 10px;
  font-size: 12px;
  font-weight: 800;
}
.candidate-edit { display: grid; gap: 8px; padding: 0 10px 10px; }
.candidate-edit textarea { min-height: 104px; resize: vertical; font-size: 12px; line-height: 1.5; }
.candidate-edit [hidden] { display: none; }
.candidate-history { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.history-thumb { border: 1px solid var(--line); background: #080c10; padding: 0; cursor: pointer; color: var(--muted); }
.history-thumb img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.history-thumb span { display: block; padding: 5px 3px; font-size: 9px; }
.history-thumb.active { border-color: var(--gold); }
.history-thumb.active span { color: var(--gold); }
.empty-media { padding: 16px; text-align: center; }
.empty-state { display: grid; gap: 5px; padding: 14px; border: 1px dashed var(--line-strong); color: var(--muted); line-height: 1.5; }
.empty-state strong { color: var(--ink); font-size: 12px; }
.empty-state span { font-size: 11px; }
.field { display: grid; gap: 6px; }
.field > span { color: var(--muted); font-size: 12px; font-weight: 700; }
.field textarea { min-height: 116px; resize: vertical; line-height: 1.65; }
.field textarea.narration { min-height: 154px; color: #fff; }
.field textarea.visual-intent { min-height: 210px; }
.narration-readonly {
  display: grid;
  gap: 8px;
  padding: 12px;
  border: 1px solid var(--line);
  background: #0f171e;
}
.narration-readonly p { margin: 0; color: #fff; line-height: 1.72; white-space: pre-wrap; }
.narration-readonly .script-edit-note { color: var(--blue); font-size: 11px; }
.script-editor { display: grid; gap: 16px; padding: 22px; border: 1px solid var(--line-strong); background: var(--panel); }
.script-project { display: grid; gap: 7px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.script-project label, .script-scene label { display: grid; gap: 6px; }
.script-project span, .script-scene label > span { color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.script-project input, .script-scene input, .script-scene textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 0;
  background: #0f171e;
  color: var(--ink);
  padding: 11px 12px;
}
.script-project input { font-size: 18px; font-weight: 800; }
.script-scene { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--line); background: var(--panel-3); }
.script-scene-head { display: grid; grid-template-columns: 82px minmax(0, 1fr); gap: 10px; align-items: end; }
.script-scene-code { color: var(--gold); font: 850 13px ui-monospace, SFMono-Regular, Menlo, monospace; }
.script-scene textarea { min-height: 132px; resize: vertical; line-height: 1.72; }
.script-unit { display: grid; gap: 6px; }
.script-unit + .script-unit { padding-top: 12px; border-top: 1px dashed var(--line); }
.script-unit small { color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; }
.style-editor { border: 1px solid var(--line-strong); background: var(--panel); }
.style-editor-grid { display: grid; grid-template-columns: minmax(320px, .85fr) minmax(480px, 1.15fr); }
.style-form, .style-assets { min-width: 0; display: grid; align-content: start; gap: 14px; padding: 22px; }
.style-form { border-right: 1px solid var(--line); }
.style-form input, .style-form textarea, .style-form select, .style-upload input {
  width: 100%; border: 1px solid var(--line); border-radius: 0; background: #0f171e; color: var(--ink); padding: 10px 11px;
}
.style-form textarea { min-height: 104px; resize: vertical; line-height: 1.55; }
.style-form .prompt-field textarea { min-height: 146px; font: 11px/1.55 ui-monospace, SFMono-Regular, Menlo, monospace; }
.format-picker { display: grid; gap: 8px; margin: 0; padding: 12px; border: 1px solid var(--line-strong); }
.format-picker legend { padding: 0 6px; color: var(--muted); font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.format-picker label { display: grid; grid-template-columns: auto auto 1fr; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--line); cursor: pointer; }
.format-picker label:has(input:checked) { border-color: var(--gold); background: rgb(243 201 79 / .08); }
.format-picker span { color: var(--muted); font-size: 10px; text-align: right; }
.style-palette { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px; }
.style-color { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 8px; border: 1px solid var(--line); padding: 7px; color: var(--muted); font-size: 10px; }
.style-color input { width: 38px; height: 32px; border: 0; padding: 0; background: transparent; }
.style-upload { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 8px; padding: 12px; border: 1px solid var(--line); background: var(--panel-3); }
.style-upload label { display: grid; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 800; }
.style-asset-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.style-asset { min-width: 0; overflow: hidden; border: 1px solid var(--line); background: var(--panel-3); }
.style-asset.selected { border-color: var(--gold); box-shadow: inset 0 0 0 1px rgb(240 202 104 / .2); }
.style-asset img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: #080c10; }
.style-asset-copy { display: grid; gap: 6px; padding: 8px; }
.style-asset-copy strong { overflow: hidden; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.style-asset-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.style-asset-actions button { min-width: 0; padding: 7px 5px; border: 1px solid var(--line); background: transparent; color: var(--muted); font-size: 10px; cursor: pointer; }
.style-asset-actions button.active { border-color: var(--gold); background: rgb(240 202 104 / .1); color: var(--gold); }
.style-reference-counts { display: flex; flex-wrap: wrap; gap: 7px; color: var(--muted); font-size: 11px; }
.style-context-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 14px; padding: 11px 14px; border: 1px solid var(--line); background: var(--panel); color: var(--muted); font-size: 11px; }
.style-context-summary strong { color: var(--ink); }
.style-context-summary button { border: 1px solid var(--line-strong); background: transparent; color: var(--blue); padding: 7px 10px; cursor: pointer; }
.thumbnail-grid {
  display: grid;
  grid-template-columns: minmax(290px, 370px) minmax(0, 1fr);
  min-height: 590px;
  border: 1px solid var(--line-strong);
  background: var(--panel);
}
.thumbnail-controls { display: grid; align-content: start; gap: 13px; padding: 20px; border-right: 1px solid var(--line); }
.thumbnail-controls input, .thumbnail-controls select, .thumbnail-controls textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 0;
  background: #0f171e;
  color: var(--ink);
  padding: 9px 10px;
}
.thumbnail-controls textarea { min-height: 104px; resize: vertical; line-height: 1.45; }
.thumbnail-control-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.thumbnail-source-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
.thumbnail-source {
  overflow: hidden;
  border: 1px solid var(--line);
  padding: 0;
  background: #080c10;
  color: var(--muted);
  cursor: pointer;
}
.thumbnail-source img { display: block; width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.thumbnail-source span { display: block; overflow: hidden; padding: 5px; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.thumbnail-source.active { border-color: var(--gold); color: var(--gold); }
.thumbnail-preview-wrap { min-width: 0; display: grid; place-items: center; padding: clamp(18px, 4vw, 52px); background: #080c10; }
.thumbnail-canvas {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  overflow: hidden;
  border: 1px solid var(--line-strong);
  background: #05080a;
  box-shadow: 0 24px 70px rgb(0 0 0 / .42);
}
.thumbnail-canvas > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform-origin: center; }
.thumbnail-canvas > img[data-thumbnail-composite] { object-fit: contain; transform: none; }
.thumbnail-canvas[data-ratio="portrait"] { aspect-ratio: 9 / 16; max-width: 360px; container-type: inline-size; }
.thumbnail-canvas[data-ratio="portrait"] .thumbnail-headline { font-size: clamp(24px, 10cqw, 40px); }
.thumbnail-canvas[data-ratio="portrait"] .thumbnail-kicker { font-size: clamp(10px, 4cqw, 16px); }
.thumbnail-shade { position: absolute; inset: 0; opacity: var(--thumb-shade, 1); background: linear-gradient(90deg, rgb(0 0 0 / .76), rgb(0 0 0 / .12) 68%, rgb(0 0 0 / .34)); }
.thumbnail-copy { position: absolute; inset: auto 7% 10%; display: grid; justify-items: start; gap: 7px; max-width: 72%; }
.thumbnail-copy.center { inset: auto 10% 10%; justify-items: center; max-width: none; text-align: center; }
.thumbnail-copy.right { inset: auto 6% 10% 36%; justify-items: end; text-align: right; }
.thumbnail-kicker { padding: 4px 8px; background: var(--thumb-accent, var(--gold)); color: #101010; font-size: clamp(10px, 1.25vw, 19px); font-weight: 900; }
.thumbnail-headline { margin: 0; color: var(--thumb-text, #fff); font-size: clamp(24px, 4.8vw, 76px); font-weight: 950; line-height: .98; letter-spacing: -.05em; text-shadow: 0 4px 22px rgb(0 0 0 / .72); white-space: pre-line; }
.thumbnail-headline mark { background: transparent; color: var(--thumb-accent, var(--gold)); }
.thumbnail-note { color: var(--muted); font-size: 10px; line-height: 1.5; }
[data-thumbnail-top-control][hidden] { display: none; }
.thumbnail-gallery-count { margin: 8px 0; color: var(--muted); font-size: 11px; }
.thumbnail-gallery-pages { display: flex; justify-content: space-between; gap: 8px; margin-top: 8px; }
.final-production { margin-top: 24px; padding: 24px; border: 1px solid var(--line-strong); background: var(--panel); }
.final-production h3 { margin: 8px 0 20px; }
.final-production-layout { display: grid; gap: 22px; }
.final-assembly-card { display: grid; align-content: start; gap: 12px; min-width: 0; }
.platform-publish-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; align-items: start; }
.platform-publish-card { display: grid; align-content: start; gap: 12px; min-width: 0; padding: 18px; border: 1px solid var(--line-strong); border-radius: 14px; background: #101920; }
.platform-publish-card > header { padding-bottom: 11px; border-bottom: 1px solid var(--line); }
.platform-publish-card h4 { margin: 5px 0 0; font-size: 18px; }
.instagram-platform-card { box-shadow: inset 0 3px 0 #d55287; }
.youtube-platform-card { box-shadow: inset 0 3px 0 #ff3b30; }
.final-production .field { display: grid; gap: 6px; }
.final-production .field input, .final-production .field select, .final-production .field textarea { width: 100%; border: 1px solid var(--line); background: #0f171e; color: var(--ink); padding: 9px 10px; }
.final-production .field textarea { min-height: 160px; resize: vertical; }
.publish-metadata-assistant { display: grid; gap: 10px; padding: 16px; border: 1px solid rgb(240 202 104 / .55); border-radius: 14px; background: rgb(240 202 104 / .07); }
.publish-metadata-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.metadata-warnings { margin: 0; padding-left: 20px; color: var(--muted); }
.assembly-review { border: 1px solid var(--line); padding: 12px; font-size: 12px; }
.assembly-review ol { max-height: 280px; overflow: auto; padding-left: 24px; }
.assembly-review li { margin: 8px 0; }
.assembly-review li span { display: block; color: var(--muted); font-size: 10px; }
.assembly-review .missing { color: var(--gold); }
.final-video-preview { position: relative; }
.final-video-preview video { display: block; width: 100%; max-height: 480px; background: #080c10; }
.final-video-preview.portrait-media { width: min(100%, calc(72vh * 9 / 16)); aspect-ratio: 9 / 16; margin-inline: auto; }
.final-video-preview.portrait-media video { height: 100%; max-height: none; object-fit: contain; }
.publish-checkbox { display: flex; align-items: start; gap: 8px; font-size: 12px; }
.publish-checkbox input { flex: 0 0 auto; }
.final-production button:disabled { opacity: .45; cursor: not-allowed; }
@media (max-width: 900px) { .platform-publish-grid { grid-template-columns: 1fr; } .final-production { padding: 16px; } }
.segment-editor { display: grid; gap: 10px; border: 1px solid var(--line-strong); background: var(--panel-3); padding: 12px; }
.segment-editor-head { display: flex; justify-content: space-between; gap: 16px; align-items: start; }
.segment-editor-head strong { color: var(--gold); }
.segment-editor-head p { margin: 5px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.segment-editor-head label { display: grid; gap: 4px; min-width: 92px; color: var(--muted); font-size: 11px; }
.segment-editor-head select { width: 100%; border: 1px solid var(--line); background: #0f171e; color: var(--ink); padding: 7px; }
.segment-list { display: grid; gap: 10px; }
.segment-card { min-width: 0; border: 1px solid var(--line); background: var(--panel); }
.segment-card-toggle { display: flex; justify-content: space-between; gap: 16px; align-items: center; padding: 12px; cursor: pointer; list-style: none; }
.segment-card-toggle::-webkit-details-marker { display: none; }
.segment-card-toggle::before { content: "▸"; flex: 0 0 auto; color: var(--gold); font-size: 13px; }
.segment-card[open] > .segment-card-toggle::before { content: "▾"; }
.segment-card-toggle:hover { background: var(--panel-3); }
.segment-card-toggle:focus-visible { outline: 2px solid var(--gold); outline-offset: -2px; }
.segment-card-toggle > span:first-of-type { min-width: 0; display: grid; gap: 4px; }
.segment-card-toggle strong { color: var(--blue); font-size: 12px; }
.segment-card-toggle small { color: var(--muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.segment-card-body { display: grid; gap: 10px; padding: 0 11px 11px; }
.segment-timing { color: var(--gold); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; }
.segment-card textarea { min-height: 84px; }
.screen-plan-row { display: grid; grid-template-columns: minmax(220px, .32fr) minmax(0, .68fr); gap: 20px; align-items: start; }
.screen-plan-row .field { min-width: 0; }
.screen-plan-row .field > span { color: var(--ink); font-size: 14px; letter-spacing: 0; }
.screen-plan-row textarea { min-height: 160px; padding: 14px 16px; font-size: 16px; line-height: 1.8; resize: vertical; }
.screen-direction-field textarea { min-height: 220px; border-color: var(--line-strong); background: #0c171f; }
.screen-direction-field small { color: var(--muted); font-size: 12px; line-height: 1.6; }
.image-prompt-details { margin-top: 10px; padding: 10px; border: 1px solid var(--line); }
.image-prompt-details > summary { color: var(--muted); font-size: 12px; cursor: pointer; }
.image-prompt-details textarea, .image-prompt-copy { font: 12px/1.6 ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.segment-cut-summary { display: flex; gap: 9px; align-items: baseline; margin: 0; padding: 9px 10px; border: 1px solid var(--line); background: #0f171e; color: var(--muted); font-size: 11px; line-height: 1.45; }
.segment-cut-summary strong { flex: 0 0 auto; color: var(--ink); }
.segment-cut-summary.ready { border-color: rgba(243, 201, 79, .42); }
.segment-cut-summary.ready span { color: var(--gold); }
.segment-cut-summary.error { border-color: rgba(231, 104, 104, .52); }
.segment-cut-summary.error span { color: #ffaaa2; }
.segment-video-review { width: min(100%, 720px); justify-self: start; display: grid; gap: 8px; padding: 9px; border-left: 3px solid var(--blue); background: #0d1a22; }
.previous-segment-videos { width: min(100%, 740px); justify-self: start; border: 1px solid var(--line-strong); padding: 10px; }
.previous-segment-videos > summary { color: var(--gold); font-size: 12px; font-weight: 700; cursor: pointer; }
.previous-segment-videos > p { color: var(--muted); font-size: 11px; line-height: 1.5; }
.previous-segment-groups { display: grid; gap: 10px; }
.segment-video-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.segment-video-head strong { color: var(--gold); font-size: 11px; }
.segment-video-head span { color: var(--muted); font-size: 10px; text-align: right; }
.segment-actions { display: flex; justify-content: flex-end; }
.segment-actions button, .select-version { border: 1px solid #4e829b; border-radius: 0; padding: 7px 10px; background: var(--panel-2); color: var(--blue); cursor: pointer; }
.unit-tag { color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere; }
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.advanced { border: 1px solid var(--line); background: var(--panel-3); }
.advanced-body { padding: 0 10px 10px; display: grid; gap: 9px; }
.card-actions, .candidate-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.card-actions button, .candidate-actions button, .candidate-quick-actions button, .production-actions button {
  border: 1px solid var(--line-strong);
  border-radius: 0;
  padding: 8px 11px;
  background: var(--panel-2);
  color: var(--ink);
  cursor: pointer;
}
.card-actions button:hover, .candidate-actions button:hover, .candidate-quick-actions button:hover, .production-actions button:hover { border-color: var(--blue); }
.card-actions .primary, .candidate-actions .primary, .candidate-quick-actions .primary, .production-actions .primary { border-color: #4e829b; color: var(--blue); }
.card-actions .voice { border-color: #577d6a; color: var(--green); }
button:disabled { opacity: .46; cursor: not-allowed; }
.local-note { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.production-panel { border-top: 1px solid var(--line); background: #101820; padding: 16px 18px; }
.production-head { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; }
.production-head strong { color: var(--blue); }
.job-state { color: var(--gold); font-size: 11px; }
.job-progress-stack { display: grid; gap: 7px; padding: 0 10px 10px; }
.prompt-draft-stack { display: grid; gap: 6px; }
.prompt-draft-stack:empty { display: none; }
.prompt-draft-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 7px 9px; border: 1px solid var(--line); color: var(--muted); font-size: 11px; }
.prompt-draft-row button { flex: none; }
.job-progress-stack:empty { display: none; }
.segment-card > .job-progress-stack { padding: 0; }
.job-progress-item { display: grid; gap: 5px; padding: 8px; border: 1px solid var(--line); background: #0b1218; }
.job-progress-copy { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.job-progress-copy strong { color: var(--blue); font-size: 10px; }
.job-progress-copy span { color: var(--muted); font: 9px ui-monospace, SFMono-Regular, Menlo, monospace; text-align: right; }
.job-progress-track { height: 7px; overflow: hidden; border: 1px solid var(--line-strong); background: #05090c; }
.job-progress-fill { display: block; height: 100%; background: linear-gradient(90deg, #397ea0, var(--blue)); transition: width 1s linear; }
.job-progress-item.queued .job-progress-fill { background: var(--muted); }
.job-progress-item.succeeded { border-color: rgb(130 201 167 / .55); }
.job-progress-item.succeeded .job-progress-copy strong { color: var(--green); }
.job-progress-item.succeeded .job-progress-fill { background: var(--green); }
.job-progress-item.failed { border-color: rgb(237 145 139 / .72); background: rgb(91 31 31 / .16); }
.job-progress-item.failed .job-progress-copy strong { color: var(--red); }
.job-progress-item.failed .job-progress-fill { background: var(--red); }
.production-grid { display: grid; grid-template-columns: minmax(210px, .62fr) minmax(260px, .82fr) minmax(420px, 1.56fr); gap: 12px; margin-top: 12px; }
.production-block { min-width: 0; display: grid; gap: 8px; padding: 12px; border: 1px solid var(--line); background: var(--panel); }
.production-block h4 { margin: 0; font-size: 13px; }
.video-production { border: 2px solid var(--gold); background: #201b13; }
.video-production h4 { color: var(--gold); }
.production-history-stack { min-width: 0; display: grid; grid-template-rows: repeat(2, minmax(0, auto)); align-content: start; gap: 10px; }
.compact-history { padding: 9px; gap: 6px; }
.compact-history .artifact-carousel-card { gap: 6px; padding: 6px; }
.compact-history .artifact-carousel-media { min-height: 42px; aspect-ratio: auto; padding: 5px 0; }
.compact-history .artifact-carousel-media audio { height: 32px; }
.compact-history .artifact-carousel-copy { font-size: 9px; }
.compact-history .artifact-carousel-copy b { font-size: 10px; }
.compact-history .artifact-carousel-actions button { min-height: 34px; }
.subtitle-style-block { align-content: start; }
.subtitle-style-selector { min-width: 0; display: grid; gap: 10px; }
.subtitle-style-head { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.subtitle-style-head h4 { margin: 0; }
.subtitle-style-head span, .subtitle-style-selector > p { color: var(--muted); font-size: 10px; }
.subtitle-style-selector > p { margin: 0; line-height: 1.5; }
.subtitle-template-list { display: grid; gap: 7px; }
.subtitle-template { position: relative; display: grid; grid-template-columns: 18px 1fr; gap: 8px; align-items: start; padding: 9px; border: 1px solid var(--line); background: #0d151c; cursor: pointer; }
.subtitle-template.selected { border-color: var(--gold); box-shadow: inset 3px 0 var(--gold); }
.subtitle-template input { width: 15px; margin: 2px 0 0; accent-color: var(--gold); }
.subtitle-template span { min-width: 0; display: grid; gap: 3px; }
.subtitle-template b { font-size: 11px; }
.subtitle-template small { color: var(--muted); font-size: 9px; line-height: 1.4; }
.subtitle-template.italic b { font-family: "Nanum Myeongjo", serif; font-style: italic; }
.subtitle-template.karaoke b { color: #26d9ff; }
.srt-highlight-input { padding-top: 4px; border-top: 1px dashed var(--line); }
.srt-highlight-input textarea { min-height: 82px; font-size: 11px; }
.production-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.artifact-stack { display: grid; gap: 8px; }
.artifact-carousel { min-width: 0; display: grid; gap: 7px; }
.carousel-toolbar { display: grid; grid-template-columns: 38px 1fr 38px; align-items: center; gap: 7px; }
.carousel-toolbar > span { color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; text-align: center; }
.carousel-arrow {
  min-height: 34px;
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: var(--panel-2);
  color: var(--blue);
  cursor: pointer;
}
.carousel-arrow:hover:not(:disabled) { border-color: var(--gold); color: var(--gold); }
.carousel-track, .carousel-track > [data-carousel-slide] { min-width: 0; }
.carousel-track > [data-carousel-slide][hidden] { display: none; }
.artifact-carousel-card {
  min-width: 0;
  display: grid;
  gap: 9px;
  padding: 8px;
  border: 2px solid var(--line);
  background: #0d151c;
  transition: border-color .16s ease, box-shadow .16s ease;
}
.artifact-carousel-card.selected { border-color: var(--gold); box-shadow: inset 0 0 0 1px rgb(240 202 104 / .2); }
.artifact-carousel-media {
  position: relative;
  min-width: 0;
  min-height: 72px;
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #05090c;
  color: var(--muted);
  font-size: 10px;
}
.artifact-carousel-media img, .artifact-carousel-media video { width: 100%; height: 100%; object-fit: contain; background: #000; }
.artifact-carousel-card.portrait-media-card .artifact-carousel-media {
  width: min(100%, calc(72vh * 9 / 16));
  min-height: 360px;
  aspect-ratio: 9 / 16;
  margin-inline: auto;
}
.video-play-overlay {
  position: absolute;
  inset: 50% auto auto 50%;
  z-index: 2;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border: 1px solid rgb(255 255 255 / .72);
  border-radius: 50%;
  background: rgb(3 8 12 / .78);
  color: #fff;
  font-size: 25px;
  line-height: 1;
  padding: 0 0 0 4px;
  cursor: pointer;
  box-shadow: 0 8px 28px rgb(0 0 0 / .42);
}
.video-play-overlay:hover { background: rgb(18 116 171 / .9); }
.video-play-overlay:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; }
.video-play-overlay[hidden] { display: none; }
.artifact-carousel-media audio { width: calc(100% - 16px); }
.artifact-carousel-copy { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 5px; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.artifact-carousel-copy b { flex: 1 0 100%; color: var(--ink); font-size: 11px; }
.artifact-carousel-actions { display: grid; gap: 7px; }
.artifact-carousel-actions button { width: 100%; }
.carousel-select {
  min-height: 39px;
  border: 1px solid var(--line-strong);
  border-radius: 0;
  background: var(--panel-2);
  color: var(--blue);
  cursor: pointer;
}
.carousel-select:hover:not(:disabled) { border-color: var(--gold); color: var(--gold); }
.carousel-select.current { border-color: var(--gold); background: rgb(240 202 104 / .1); color: var(--gold); opacity: 1; }
.candidate .artifact-carousel-card { margin: 0 8px 8px; padding: 0; }
.candidate .artifact-carousel-card.selected { border-color: var(--gold); }
.candidate .artifact-carousel-media { min-height: 0; aspect-ratio: auto; }
.candidate .artifact-carousel-media img { display: block; width: 100%; height: auto; max-height: none; object-fit: contain; }
.candidate .artifact-carousel-copy, .candidate .artifact-carousel-actions { margin: 0 8px; }
.candidate .artifact-carousel-actions { margin-bottom: 8px; }
.candidate .carousel-toolbar { padding: 7px 8px 0; }
.segment-video-review .artifact-carousel-media { min-height: 230px; }
.segment-video-review .portrait-media-card .artifact-carousel-media { min-height: 360px; }
@media (max-width: 700px) {
  .artifact-carousel-card.portrait-media-card .artifact-carousel-media,
  .final-video-preview.portrait-media { width: 100%; }
}
.artifact-row { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px; border: 1px solid var(--line); }
.artifact-row .preview { aspect-ratio: 16/9; display: grid; place-items: center; overflow: hidden; background: #080c10; color: var(--muted); font-size: 10px; }
.artifact-row img, .artifact-row video { width: 100%; height: 100%; object-fit: cover; }
.video-production .artifact-row { grid-template-columns: minmax(340px, 1.8fr) minmax(170px, .8fr); align-items: start; }
.video-production .artifact-row .preview { min-height: 240px; }
.video-production .artifact-row video { object-fit: contain; background: #000; }
.artifact-row audio { width: 100%; }
.artifact-copy { min-width: 0; display: grid; gap: 4px; color: var(--muted); font-size: 10px; overflow-wrap: anywhere; }
.artifact-copy b { color: var(--ink); font-size: 11px; }
.pill { width: fit-content; border: 1px solid var(--line); padding: 3px 6px; color: var(--muted); }
.pill.active { border-color: var(--gold); color: var(--gold); }
.pill.new-version { border-color: var(--green); color: var(--green); }
.pill.linked-version { border-color: var(--blue); color: var(--blue); }
.pill.unverified { border-color: var(--red); color: var(--red); }
.subtitle-file { padding: 12px; text-align: center; color: var(--blue); }
.srt-viewer { grid-column: 1 / -1; border-top: 1px solid var(--line); }
.srt-viewer summary { padding: 8px 0 2px; color: var(--blue); cursor: pointer; font-size: 11px; font-weight: 800; }
.srt-timeline { display: grid; gap: 8px; padding-top: 8px; }
.srt-timeline input[type="range"] { width: 100%; accent-color: var(--gold); }
.srt-time { display: flex; justify-content: space-between; color: var(--muted); font: 10px ui-monospace, SFMono-Regular, Menlo, monospace; }
.srt-timeline output { min-height: 46px; display: grid; place-items: center; padding: 9px; border: 1px solid var(--line-strong); color: var(--ink); text-align: center; line-height: 1.5; white-space: pre-line; }
.srt-timeline ol { max-height: 380px; overflow: auto; display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.srt-timeline li { display: grid; grid-template-columns: 92px 1fr; gap: 8px; padding: 6px; color: var(--muted); font-size: 10px; }
.srt-timeline li.active { background: rgb(240 202 104 / .1); color: var(--ink); }
.srt-timeline time { color: var(--gold); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
.srt-timeline textarea { width: 100%; min-height: 54px; resize: vertical; border: 1px solid var(--line); background: #0a1117; color: var(--ink); padding: 7px; line-height: 1.45; }
.srt-cue-actions { grid-column: 1 / -1; display: flex; gap: 6px; flex-wrap: wrap; }
.srt-cue-actions button { min-height: 32px; border: 1px solid var(--line-strong); border-radius: 5px; background: var(--panel-2); color: var(--blue); cursor: pointer; padding: 5px 8px; }
.srt-cue-actions button:disabled { opacity: .4; cursor: default; }
.srt-edit-actions { display: grid; grid-template-columns: 1fr; gap: 6px; }
.srt-edit-actions button { min-height: 34px; border: 1px solid var(--line-strong); background: var(--panel-2); color: var(--blue); cursor: pointer; }
.srt-edit-actions .primary { border-color: var(--gold); color: var(--gold); }
.srt-edit-note { margin: 0; color: var(--muted); font-size: 9px; line-height: 1.45; }
.toast {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 10;
  max-width: min(420px, calc(100vw - 36px));
  transform: translateY(16px);
  opacity: 0;
  pointer-events: none;
  border: 1px solid var(--line-strong);
  background: #0a1015;
  color: var(--ink);
  padding: 12px 14px;
  box-shadow: var(--shadow);
  transition: .18s ease;
}
.toast.show { transform: none; opacity: 1; }
.login-dialog {
  width: min(440px, calc(100vw - 32px));
  border: 1px solid var(--line-strong);
  border-radius: 0;
  padding: 0;
  background: var(--panel);
  color: var(--ink);
  box-shadow: var(--shadow);
}
.login-dialog::backdrop { background: rgb(4 8 12 / .78); backdrop-filter: blur(5px); }
.login-dialog form { display: grid; gap: 15px; padding: 24px; }
.login-dialog h2 { margin: 0; }
.login-dialog p { margin: 0; color: var(--muted); line-height: 1.6; }
.login-dialog input { border: 1px solid var(--line); background: #0f171e; color: var(--ink); padding: 11px; }
.login-error { min-height: 20px; color: var(--red); font-size: 12px; }
.dialog-actions { display: flex; justify-content: flex-end; gap: 8px; }
.dialog-actions button { border: 1px solid var(--line-strong); border-radius: 0; background: var(--panel-2); color: var(--ink); padding: 8px 13px; cursor: pointer; }
.dialog-actions .primary { border-color: var(--blue); color: var(--blue); }
@media (max-width: 1050px) {
  .workspace-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .workspace-tabs button:nth-child(2) { border-right: 0; }
  .style-editor-grid { grid-template-columns: 1fr; }
  .style-form { border-right: 0; border-bottom: 1px solid var(--line); }
  .beat-grid { grid-template-columns: 1fr; }
  .media-zone { border-right: 0; border-bottom: 1px solid var(--line); }
  .production-grid { grid-template-columns: 1fr; }
  .thumbnail-grid { grid-template-columns: 1fr; }
  .thumbnail-controls { border-right: 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 700px) {
  .topbar { align-items: flex-start; padding: 22px 18px; flex-direction: column; }
  main { width: calc(100% - 28px); padding-top: 16px; }
  .workspace-tabs button { padding: 11px 8px; text-align: center; }
  .workspace-tabs small { display: none; }
  .style-form, .style-assets { padding: 14px; }
  .style-palette, .style-asset-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .style-upload { grid-template-columns: 1fr; }
  .style-context-summary { align-items: flex-start; flex-direction: column; }
  .panel-intro { align-items: flex-start; flex-direction: column; gap: 12px; padding: 18px; }
  .panel-intro p { text-align: left; }
  .script-editor { padding: 14px; }
  .script-scene { padding: 13px; }
  .script-scene-head { grid-template-columns: 1fr; }
  .candidate-grid, .production-grid, .two-col { grid-template-columns: 1fr; }
  .thumbnail-control-pair { grid-template-columns: 1fr; }
  .thumbnail-preview-wrap { padding: 12px; }
  .video-production .artifact-row { grid-template-columns: 1fr; }
  .video-production .artifact-row .preview { min-height: 0; }
  .beat-head { align-items: flex-start; flex-direction: column; }
  .beat-name { align-items: flex-start; flex-direction: column; gap: 5px; }
  .beat-name strong { white-space: normal; }
  .segment-editor-head, .segment-card-toggle { flex-direction: column; align-items: stretch; }
  .screen-plan-row { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .screen-plan-row textarea { min-height: 120px; }
  .screen-direction-field textarea { min-height: 200px; }
  .segment-timing { text-align: left; }
}
.media-load-note { display: block; padding: 6px 8px; font-size: 12px; color: var(--muted, #67717f); }
.original-media-link { display: inline-flex; align-items: center; padding: 6px 10px; font-size: 13px; text-underline-offset: 3px; }
.youtube-result {border:1px solid #d8d4c8;border-radius:10px;padding:12px;margin:12px 0;}
.youtube-result-link {display:block;font-weight:700;margin:8px 0 12px;}
.local-archive-action {display:block;width:100%;border:1px solid #ac6c38;background:#fff6e9;color:#70421e;border-radius:7px;padding:10px;cursor:pointer;}
.local-archive-action:disabled {opacity:.5;cursor:not-allowed;}
.local-archive-status {font-size:.86rem;overflow-wrap:anywhere;}
.archive-resume-actions {display:flex;flex-wrap:wrap;gap:8px;margin:10px 0;}
.archive-assets-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;}
.archive-assets-grid article {min-width:0;overflow-wrap:anywhere;font-size:.82rem;}
.archive-assets-grid img,.archive-assets-grid video {width:100%;max-height:160px;object-fit:contain;}
.archive-assets-grid audio {width:100%;}
.shortform-extraction-start,.shortform-extraction-head,.project-origin {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border:1px solid var(--line-strong);background:var(--panel-3);}
.shortform-extraction-start p,.shortform-extraction-head p {margin:6px 0 0;color:var(--muted);}
.shortform-count {min-width:110px;}
.shortform-count select,.shortform-card input,.shortform-card select,.shortform-card textarea {width:100%;border:1px solid var(--line);border-radius:0;background:#0f171e;color:var(--ink);padding:9px 10px;}
.shortform-extraction-head button {border:1px solid var(--line-strong);border-radius:0;background:transparent;color:var(--blue);padding:9px 13px;cursor:pointer;}
.shortform-extraction-head button:hover {background:var(--panel-2);color:var(--ink);}
.shortform-progress {display:flex;align-items:center;gap:12px;margin:14px 0;padding:12px 16px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);}
.shortform-progress progress {flex:1;accent-color:var(--gold);}
.shortform-recommendations {display:grid;gap:18px;margin-top:18px;}
.shortform-card {padding:20px;border:1px solid var(--line-strong);background:var(--panel);box-shadow:var(--shadow);}
.shortform-card>header {display:flex;justify-content:space-between;gap:12px;margin-bottom:15px;color:var(--muted);font-size:.86rem;}
.shortform-rank {font-weight:800;color:var(--ink);}
.shortform-card .field {display:grid;gap:6px;margin:12px 0;}
.shortform-card textarea {min-height:70px;resize:vertical;}
.shortform-card textarea.shortform-script {min-height:220px;line-height:1.65;}
.shortform-card details {border-top:1px solid var(--line);color:var(--muted);}
.shortform-card summary {padding:10px 0;color:var(--blue);cursor:pointer;}
.shortform-rationale {padding:12px;border-left:3px solid var(--gold);background:var(--panel-3);color:var(--muted);}
.shortform-rationale strong {color:var(--ink);}
.shortform-project-link {display:inline-flex;margin:10px 0;padding:9px 12px;border:1px solid rgb(130 201 167 / .45);background:rgb(130 201 167 / .1);color:var(--green);font-weight:800;}
.project-origin {justify-content:flex-start;margin-bottom:14px;}
.project-origin span {font-weight:800;color:var(--blue);}.project-origin small {color:var(--muted);}
@media (max-width:700px){.shortform-extraction-start,.shortform-extraction-head,.project-origin,.shortform-card>header{align-items:flex-start;flex-direction:column}.shortform-count{width:100%}}

.coverage-status { margin: 12px 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--panel-2); overflow-wrap: anywhere; }
.coverage-status p { margin: 6px 0 10px; font-size: 13px; line-height: 1.5; }
.coverage-status details { margin-top: 10px; }
.coverage-status details > div { padding: 10px 0; border-bottom: 1px solid var(--line); }

.coverage-proposal { padding: 16px; margin: 12px 0; border: 1px solid var(--line-strong); background: var(--panel-2); }
.coverage-proposal textarea { min-height: 150px; }
.coverage-proposal p { font-size: 13px; color: var(--muted); line-height: 1.6; }

/* Voice discovery shares the workspace palette and keeps samples separate from generation. */
.voice-picker {width:min(1120px,calc(100vw - 36px));max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);padding:26px;border:1px solid var(--line-strong);border-radius:18px;background:var(--bg);color:var(--ink);box-shadow:var(--shadow);overflow:auto}
.voice-picker::backdrop {background:rgb(0 0 0 / .72);backdrop-filter:blur(5px)}
.voice-picker-header {display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.voice-picker-header h2 {margin:8px 0;font-size:25px}.voice-picker-header p,.voice-picker-note {color:var(--muted);font-size:13px;line-height:1.6}
.voice-picker button,.voice-character button {cursor:pointer;padding:9px 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--panel-2);color:var(--ink)}
.voice-picker button.primary {color:var(--bg);background:var(--gold);border-color:var(--gold);font-weight:700}.voice-picker button:disabled,.voice-character button:disabled {opacity:.45;cursor:default}
.voice-filters {display:grid;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(100px,1fr));gap:12px;margin:22px 0 10px}
.voice-filters label {display:grid;gap:7px;min-width:0;font-size:12px;color:var(--muted)}.voice-filters input,.voice-filters select {width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;padding:11px;background:var(--panel);color:var(--ink)}
.voice-catalog-status {min-height:32px;margin:16px 0 8px;color:var(--muted);font-size:13px}
.voice-catalog {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.voice-card {min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:18px;display:flex;flex-direction:column;gap:12px}.voice-card.is-selected {border-color:var(--gold)}
.voice-card-heading {display:flex;gap:12px;align-items:center;min-width:0}.voice-card-heading>div {min-width:0;flex:1}.voice-card-heading h3 {font-size:16px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 5px}.voice-card-heading small {font-size:11px;color:var(--muted)}
.voice-card-heading img,.voice-avatar {width:48px;height:48px;flex:none;border-radius:50%;object-fit:cover;background:var(--panel-2)}.voice-avatar {display:grid;place-items:center;color:var(--gold);font-size:23px}.voice-card-heading .pill {font-size:10px;white-space:nowrap}
.voice-description {color:var(--muted);line-height:1.7;font-size:13px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:44px;overflow-wrap:anywhere}
.voice-tags {display:flex;gap:6px;flex-wrap:wrap;min-height:23px}.voice-tags span {font-size:10px;background:var(--panel-2);border-radius:5px;padding:4px 7px;color:var(--blue)}
.voice-card-actions {margin-top:auto;display:flex;gap:8px;justify-content:space-between}.voice-card-actions button {font-size:12px;min-width:0}.voice-source {font-size:11px;color:var(--muted);text-decoration:none}.voice-source:hover {color:var(--blue)}
.voice-picker-footer {display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:24px}.voice-picker-footer>a {font-size:12px;color:var(--blue)}.voice-picker-footer nav {display:flex;gap:14px;align-items:center}.voice-picker-footer span {font-size:12px;color:var(--muted)}
.voice-characters {padding:22px;margin-bottom:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.voice-characters h3 {margin:6px 0 10px}.voice-characters>p {font-size:13px;line-height:1.7;color:var(--muted)}.voice-character-list {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px}.voice-character {padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--panel-3)}.voice-character header {display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.voice-character header small {font-size:11px;color:var(--gold)}.voice-character p {font-size:13px;color:var(--muted);overflow-wrap:anywhere}.voice-character .voice-binding {color:var(--ink)}.voice-character-controls {display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.voice-character-controls label {display:grid;gap:6px;font-size:12px;color:var(--muted)}.voice-character-controls input,.voice-character-controls select {min-width:0;width:100%;padding:9px;background:var(--panel);border:1px solid var(--line);border-radius:6px;color:var(--ink)}
@media(max-width:900px){.voice-filters{grid-template-columns:repeat(4,minmax(0,1fr))}.voice-search{grid-column:1/-1}.voice-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.voice-picker{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px;border-radius:12px}.voice-picker-header h2{font-size:20px}.voice-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.voice-catalog{grid-template-columns:minmax(0,1fr)}.voice-picker-footer{align-items:flex-start;flex-direction:column}.voice-characters{padding:16px}}