.guided-stage-nav { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)) auto; gap:10px; padding:16px 0; }
.guided-stage-nav > button { display:grid; grid-template-columns:28px 1fr; column-gap:8px; text-align:left; border:1px solid var(--line,#dce3de); background:#fff; color:var(--ink,#22352e); border-radius:11px; padding:13px 15px; cursor:pointer; }
.guided-stage-nav > button > span { grid-row:1 / 3; align-self:center; color:#83978e; font-size:14px; }
.guided-stage-nav strong { font-size:15px; }
.guided-stage-nav small { margin-top:5px; color:#7b8b83; font-size:11px; }
.guided-stage-nav > button.active { border-color:#35745f; background:#eaf3ed; box-shadow:0 0 0 1px #35745f inset; }
.guided-stage-nav .guided-expert-toggle { display:block; align-self:center; padding:10px; color:#64766d; font-size:12px; background:transparent; }
.guided-mode .workbench-tabs, .guided-mode #workbenchCreationGuide { display:none; }
.guided-mode .workbench-action-grid > :not(#wbUploadReferenceBtn) { display:none; }
.guided-mode .workbench-action-grid { grid-template-columns:1fr; }
.guided-mode .guided-reference-upload { padding:12px 18px; margin-bottom:18px; }
.guided-mode .guided-reference-upload > .panel-heading { display:none; }
.guided-mode .guided-reference-upload .workbench-action-card { min-height:0; display:flex; flex-direction:row; align-items:center; gap:12px; padding:12px; }
.guided-mode .guided-reference-upload .workbench-action-card > span { margin-left:auto; }
.guided-mode .has-saved-reference .overview-references { display:none; }
.guided-mode .reference-storyboard-meta { display:none; }
.guided-mode .reference-storyboard-title { flex-wrap:wrap; }
.guided-mode .reference-storyboards-head-actions > .creation-muted { display:none; }
.guided-mode .workbench-chat-thread { min-height:210px; max-height:340px; }
.chat-long-message { line-height:1.8; font-size:13px; }
.chat-long-message summary { cursor:pointer; }
.chat-long-message summary > span { display:block; color:#39795b; margin-top:8px; font-size:12px; }
.chat-long-message[open] summary { margin-bottom:12px; }
.guided-mode .workbench-quick-actions { margin-bottom:16px; }
.guided-mode .overview-project-info { display:none; }
.guided-mode .overview-source-column { min-width:0; }
.guided-mode .overview-writing-column { min-width:0; }
.guided-mode .workbench-grid-2col { grid-template-columns:minmax(280px,0.8fr) minmax(0,1.2fr); }
.guided-workflow-banner { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px 24px; align-items:center; border:1px solid #d6e4db; border-radius:12px; background:linear-gradient(105deg,#f0f6f0,#fafcf9); padding:20px 24px; margin:4px 0 23px; }
.guided-workflow-banner h2 { font-size:20px; margin:6px 0 8px; color:#294438; }
.guided-workflow-banner p { margin:0; color:#6a7c72; font-size:13px; line-height:1.65; max-width:720px; }
.guided-step-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; max-width:410px; }
.guided-step-actions > .btn-primary { min-height:44px; }
.guided-checkpoints { display:flex; flex-wrap:wrap; gap:14px; margin-top:13px; font-size:12px; color:#8c9a91; }
.guided-checkpoints > span::before { content:'○'; margin-right:5px; }
.guided-checkpoints > span.done { color:#337458; }
.guided-checkpoints > span.done::before { content:'✓'; }
.guided-inline-progress { grid-column:1 / -1; display:flex; justify-content:space-between; font-size:13px; color:#4e6f5b; padding-top:12px; border-top:1px solid #dce6df; }
.guided-section-heading { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; align-items:center; margin:12px 0 20px; }
.guided-section-heading h2 { font-size:23px; margin:5px 0 8px; }
.guided-section-heading p { color:var(--muted,#6c7c73); font-size:13px; line-height:1.8; margin:0; }
.guided-section-heading > div:last-child { display:flex; gap:8px; }
.guided-filters { display:flex; gap:8px; flex-wrap:wrap; margin:17px 0; }
.guided-filters button { display:flex; gap:9px; align-items:center; border:1px solid var(--line,#dce3de); border-radius:8px; background:#fff; padding:9px 13px; cursor:pointer; font-size:13px; color:#61736a; }
.guided-filters button.active { background:#294e3e; border-color:#294e3e; color:#fff; }
.guided-filters button span { opacity:.68; font-size:11px; }
.guided-board-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); gap:18px; padding-bottom:30px; }
.guided-board-card { min-width:0; background:#fff; border:1px solid var(--line,#dce3de); border-radius:12px; overflow:hidden; }
.guided-board-preview { display:block; border:0; width:100%; padding:0; background:#e9eee8; min-height:180px; cursor:pointer; color:#899a8c; }
.guided-board-preview img { display:block; width:100%; height:240px; object-fit:contain; background:#e9eee8; }
.guided-board-copy { padding:16px 18px; }
.guided-board-copy h3 { font-size:15px; margin:11px 0 8px; line-height:1.5; }
.guided-board-copy p { font-size:13px; line-height:1.7; color:#6c7c73; margin:5px 0 13px; }
.guided-status { display:inline-block; border-radius:5px; background:#edf1ed; color:#798b7e; font-size:11px; padding:4px 7px; white-space:nowrap; }
.guided-status.approved { background:#e3f1e8; color:#28654a; }
.guided-status.needs_revision,.guided-status.failed { background:#fff0e8; color:#ac5c35; }
.guided-status.review { background:#e7eef6; color:#47718c; }
.guided-feedback { padding:10px; background:#fff7ed; border-radius:7px; color:#9e603b !important; }
.guided-notice { display:flex; flex-wrap:wrap; gap:10px; align-items:center; font-size:13px; line-height:1.7; padding:14px 17px; margin:12px 0; background:#f6f0e4; border:1px solid #ebdfc9; border-radius:9px; color:#876e42; }
.guided-empty { grid-column:1 / -1; border:1px dashed #c8d5cb; border-radius:12px; padding:42px 24px; text-align:center; background:#f8faf7; }
.guided-empty strong { font-size:16px; }
.guided-empty p { max-width:600px; margin:12px auto 20px; line-height:1.8; font-size:13px; color:#7d8b82; }
.guided-mode #workbenchShotsGrid, .guided-mode .workbench-shots-toolbar { display:none !important; }
.guided-production-tools { display:flex; flex-wrap:wrap; gap:10px; margin:12px 0 20px; }
.guided-section-heading .guided-production-actions { flex-direction:column; align-items:flex-start; max-width:360px; }
.guided-production-actions small { color:var(--muted,#6c7c73); font-size:12px; line-height:1.6; }
.guided-production-tools button, .guided-media-actions button, .guided-filters button { min-height:40px; }
.guided-media-preview { display:flex; align-items:center; justify-content:center; background:#e9eee8; height:280px; color:#7b8a80; }
.guided-media-preview img,.guided-media-preview video { width:100%; height:100%; object-fit:contain; }
.guided-media-actions { display:flex; gap:10px; margin:12px 0; }
.guided-segments-details { padding:18px; border:1px solid #dce3de; border-radius:10px; margin-bottom:25px; }
.guided-segments-details > summary { cursor:pointer; font-weight:600; }
.guided-segments-details .guided-segment-list { margin-top:16px; }
.guided-segment-list { display:grid; gap:12px; }
.guided-segment-list article { display:grid; grid-template-columns:38px minmax(0,1fr) auto; gap:14px; align-items:center; padding:17px 20px; background:#fff; border:1px solid #dce3de; border-radius:10px; }
.guided-segment-index { font-size:18px; color:#9dac9f; font-weight:700; }
.guided-segment-list h3 { margin:0 0 7px; font-size:15px; }
.guided-segment-list p { margin:0; color:#7c8b81; font-size:12px; line-height:1.7; }
.guided-shot-pills { display:flex; flex-wrap:wrap; gap:10px; margin-top:6px; }
.guided-mode [data-workbench-content="production"] > :not(#guidedProductionOverview) { display:none; }
.guided-mode .creation-plan-controls > .field-label { display:none; }
.guided-mode .creation-plan-editor .creation-candidates { display:none; }
.guided-mode .guided-has-shots .creation-plan-editor { display:none; }
.guided-mode #wbBibleConfirmCreationBtn, .guided-mode #wbGenerateScenesFromShotsBtn { display:none; }
.guided-mode [data-creation-bible-shots] { display:none; }
.guided-asset-next { display:flex; align-items:center; justify-content:space-between; gap:18px; border-top:1px solid #dce3de; padding:22px 0 8px; margin-top:24px; }
.guided-asset-next p { color:#718177; font-size:12px; margin:10px 0 0; }
.guided-mode .creation-scene-actions { padding-top:12px; border-top:1px dashed #dce3de; justify-content:flex-start; }
@media(max-width:650px) { .guided-asset-next { align-items:stretch; flex-direction:column; } }
.guided-mode #wbBibleBody > .wb-notice.neutral > p { display:block; }
.guided-assets-return { margin-bottom:20px; }
.guided-action-error { grid-column:1 / -1; margin:0; }
.guided-sound-intro p { margin:5px 0; }
.guided-expert-mode .guided-sound-intro { display:none; }
.guided-mode .project-soundtrack-meta > div:nth-child(-n+2) { display:none; }
.guided-scene-proposals { margin:12px 0; }
.guided-scene-proposals + strong { display:none; }
.guided-mode #creationScriptText { height:180px; min-height:180px; line-height:1.9; }
.guided-mode .creation-dialogue-stage { display:none; }
.guided-mode .guided-has-text-overview .creation-plan-editor { display:none; }
.guided-expert-mode .guided-text-overview { display:none; }
.guided-auto-run { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.guided-auto-run strong { font-size:20px; color:#294438; }
.guided-auto-run p { margin-top:9px; }
.guided-auto-run progress { width:min(100%,440px); height:7px; accent-color:#397b5d; margin-top:14px; }
.guided-auto-actions { display:flex; flex-direction:column; align-items:center; gap:12px; flex-shrink:0; }
.guided-auto-actions > .btn { min-width:180px; min-height:44px; }
.guided-manual-steps { grid-column:1 / -1; border-top:1px solid #dce6df; padding-top:12px; }
.guided-manual-steps > summary { font-size:12px; cursor:pointer; color:#728579; }
.guided-manual-content { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; padding-top:18px; align-items:center; }
.guided-text-overview { margin-top:22px; }
.guided-text-overview > .creation-muted { margin-bottom:20px; }
.guided-text-list { display:grid; gap:14px; }
.guided-text-shot { border:1px solid #dce6de; border-radius:10px; padding:17px 18px; background:#fcfdfa; }
.guided-text-shot > header { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.guided-text-shot > header > span { color:#7f9788; font-size:15px; font-weight:600; }
.guided-text-shot > header > strong { font-size:14px; }
.guided-text-shot > header > small { color:#839288; font-size:11px; }
.guided-text-shot > header > button { margin-left:auto; }
.guided-text-shot .field-label { display:grid; gap:7px; min-width:0; font-size:12px; }
.guided-text-shot textarea,.guided-text-shot input,.guided-text-shot select { box-sizing:border-box; width:100%; min-width:0; padding:10px 11px; border:1px solid #d7e1d8; border-radius:6px; background:#fff; color:#2d4134; font:inherit; line-height:1.6; }
.guided-text-shot textarea { resize:vertical; min-height:74px; }
.guided-text-shot :disabled { opacity:.65; }
.guided-text-shot summary { color:#657c6c; font-size:12px; cursor:pointer; padding:10px 0 2px; }
.guided-text-shot fieldset { border:0; padding:12px 0 0; margin:0; display:grid; gap:12px; min-width:0; }
.guided-text-fields { display:grid; grid-template-columns:minmax(0,1fr) minmax(120px,.45fr); gap:14px; }
.guided-dialogue-summary { font-size:13px; line-height:1.8; color:#647369; margin:10px 0 0; white-space:pre-wrap; }
.guided-text-dialogue { display:grid; gap:12px; }
.guided-text-dialogue > button { justify-self:start; }
.guided-text-line { border-top:1px solid #e3e9e2; padding-top:14px; display:grid; gap:12px; }
.guided-text-line > button { justify-self:end; }
.guided-text-line details[open] { display:grid; gap:12px; }
.guided-text-footer { display:flex; align-items:center; flex-wrap:wrap; gap:10px; padding-top:20px; }
.guided-text-footer > span { margin-right:auto; font-size:12px; color:#77877c; }
.guided-mode .creation-legacy { display:none; }
.guided-mode #referenceStoryboardsPanel { font-size:12px; }
.guided-mode #referenceStoryboardsPanel .reference-storyboard-actions { display:none; }
.guided-expert-mode #guidedStoryboardOverview, .guided-expert-mode #guidedProductionOverview { display:none !important; }
[data-guided-action][disabled] { opacity:.55; cursor:not-allowed; }
@media (max-width:1100px) {
  .guided-stage-nav { grid-template-columns:repeat(5,minmax(0,1fr)); }
  .guided-stage-nav .guided-stage-tools { grid-column:1 / -1; justify-self:end; flex-direction:row; }
  .guided-workflow-banner { grid-template-columns:1fr; padding:17px; }
  .guided-mode .workbench-grid-2col { grid-template-columns:1fr; }
  .guided-board-grid { grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); }
}
@media (max-width:650px) {
  .guided-auto-run { align-items:stretch; flex-direction:column; gap:18px; }
  .guided-auto-actions { align-items:stretch; }
  .guided-manual-content,.guided-text-fields { grid-template-columns:1fr; }
  .guided-text-shot { padding:14px; }
  .guided-text-footer > span { flex-basis:100%; }
  .guided-stage-nav { gap:6px; }
  .guided-stage-nav > button { padding:10px 8px; grid-template-columns:1fr; }
  .guided-stage-nav > button > span,.guided-stage-nav small { display:none; }
  .guided-stage-nav strong { font-size:13px; }
  .guided-board-grid { grid-template-columns:1fr; }
  .guided-segment-list article { grid-template-columns:25px minmax(0,1fr); }
}

/* 0.2.14: five steps, one click each ------------------------------------------------ */
.guided-stage-nav > button.done > span { color:#2f7152; font-weight:700; }
.guided-stage-nav > button.done:not(.active) { background:#f6faf6; }
.guided-stage-tools { display:flex; flex-direction:column; gap:4px; align-self:center; }
.guided-stage-tools > button { border:0; background:transparent; color:#64766d; font-size:12px; padding:6px 10px; cursor:pointer; border-radius:7px; }
.guided-stage-tools > button:hover { background:#eef3ee; color:#294438; }
.guided-director { grid-column:1 / -1; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.guided-director h2 { font-size:21px; margin:6px 0 8px; color:#294438; }
.guided-director-copy { min-width:0; flex:1; }
.guided-director-copy progress { display:block; width:min(100%,460px); height:7px; accent-color:#397b5d; margin-top:14px; }
.guided-director-actions { display:flex; flex-direction:column; align-items:stretch; gap:9px; flex-shrink:0; min-width:220px; max-width:300px; }
.guided-director-actions > .btn { min-height:42px; justify-content:center; text-align:center; }
.guided-director-actions > .btn-primary { min-height:48px; font-size:15px; }
.guided-director-actions > .text-btn { align-self:center; }
.guided-director.is-blocked { --note:#9c5a2f; }
.guided-director.is-running h2::before { content:''; display:inline-block; width:9px; height:9px; margin-right:10px; border-radius:50%; background:#3d8a64; vertical-align:middle; animation:guided-pulse 1.4s ease-in-out infinite; }
.guided-eta { color:#3d6e56 !important; font-size:12px !important; font-weight:600; margin-top:8px !important; text-align:center; }
.guided-director-copy .guided-eta { text-align:left; }
.guided-note { font-size:12.5px !important; line-height:1.7; margin:10px 0 0 !important; padding:8px 12px; border-radius:8px; background:#eef4f7; color:#46657a !important; max-width:760px; }
.guided-note.is-ok { background:#e7f3ea; color:#2c6a4a !important; }
.guided-note.is-warn { background:#fbf1e2; color:#8a5b26 !important; }
.guided-note.is-error { background:#fbeae6; color:#9b3f2a !important; }
.guided-note .text-btn { font-size:12px; }
.guided-run-diagnostics { margin-top:12px; max-width:760px; border:1px solid #ead8b9; border-radius:9px; background:#fffaf2; color:#765f3d; }
.guided-run-diagnostics > summary { display:flex; flex-wrap:wrap; gap:8px; align-items:center; cursor:pointer; padding:10px 12px; list-style:none; }
.guided-run-diagnostics > summary::-webkit-details-marker { display:none; }
.guided-run-diagnostics > summary::before { content:'⌄'; color:#a66d2f; font-weight:700; }
.guided-run-diagnostics[open] > summary::before { content:'⌃'; }
.guided-run-diagnostics > summary span { color:#9b896d; font-size:11px; }
.guided-run-diagnostic-body { border-top:1px solid #f0e3ce; padding:10px 13px 12px; font-size:12px; line-height:1.7; }
.guided-run-diagnostic-body p { margin:4px 0; color:#765f3d; }
.guided-run-diagnostic-body b { color:#5e492d; }
.guided-run-diagnostic-hint { padding-top:6px; color:#8d7658 !important; }
@keyframes guided-pulse { 0%,100% { opacity:1; transform:scale(1); } 50% { opacity:.35; transform:scale(.8); } }
@media (max-width:760px) {
  .guided-director { flex-direction:column; align-items:stretch; gap:16px; }
  .guided-director-actions { max-width:none; min-width:0; }
}

.guided-script-help { display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; margin:4px 0 14px; padding:12px 14px; border:1px dashed #b9cfbf; border-radius:9px; background:#f7fbf6; }
.guided-script-help > div { flex:1 1 320px; display:grid; gap:3px; }
.guided-script-help strong { font-size:13px; color:#294438; }
.guided-script-help span { font-size:12px; color:#6c7c73; line-height:1.6; }

.guided-badge { display:inline-block; margin-left:6px; padding:3px 7px; border-radius:5px; font-size:11px; white-space:nowrap; max-width:100%; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; }
.guided-badge.is-ok { background:#e3f1e8; color:#28654a; }
.guided-badge.is-doubt { background:#fff0de; color:#9a5a1f; }
.guided-badge.is-editing { background:#ece8f8; color:#5a4a91; }
.guided-badge.is-ai { background:#e5eff7; color:#3e6887; }
.guided-badge.is-team { background:#eef0e2; color:#5b6331; cursor:help; }

/* 导演团: the 副导演's review of an AI plan, next to the plan. */
.guided-team, .sd-director-team { margin:0 0 16px; border:1px solid #dfe3cf; border-radius:8px; background:#f8f9f1; padding:9px 12px; font-size:12px; line-height:1.7; color:#4b5634; }
p.guided-team, p.sd-director-team { margin:0 0 16px; }
.guided-team > summary, .sd-director-team > summary { cursor:pointer; font-weight:600; color:#4b5634; }
.guided-team > p, .sd-director-team > p { margin:8px 0 4px; color:#5c6650; }
.guided-team ol, .sd-director-team ol { margin:6px 0 2px; padding-left:20px; display:grid; gap:6px; color:#3f4a36; }
.guided-team li small, .sd-director-team li small { display:block; color:#6f7a63; }
.guided-team-severity { display:inline-block; margin-right:6px; padding:0 6px; border-radius:4px; font-size:11px; background:#eef0e2; color:#5b6331; }
.guided-team-severity.is-high { background:#fbe3dc; color:#9b4430; }
.guided-team-severity.is-medium { background:#fff0de; color:#9a5a1f; }
#shotDetailView .sd-director-team { margin:8px 0 10px; }
.guided-board-card.has-doubt { border-color:#efcf9f; box-shadow:0 0 0 1px #f6dfb9 inset; }

.guided-confirm { width:min(560px,calc(100vw - 32px)); border:0; border-radius:14px; padding:0; box-shadow:0 24px 60px rgba(20,40,30,.25); color:var(--ink,#1b2421); }
.guided-confirm::backdrop { background:rgba(18,32,26,.42); }
.guided-confirm form { padding:24px 26px 20px; display:grid; gap:12px; }
.guided-confirm h2 { margin:0; font-size:20px; color:#294438; }
.guided-confirm-does { margin:0; padding-left:20px; display:grid; gap:5px; font-size:13px; line-height:1.7; color:#44564c; }
.guided-confirm-eta { padding:12px 14px; border-radius:10px; background:#f1f6f1; display:grid; gap:4px; }
.guided-confirm-eta > strong { font-size:17px; color:#2c5a43; }
.guided-confirm-eta > small, .guided-confirm-cost small { color:#6c7c73; font-size:12px; line-height:1.6; }
.guided-confirm-eta ul { list-style:none; margin:6px 0 0; padding:8px 0 0; border-top:1px solid #dbe6dc; display:grid; gap:4px; font-size:12px; color:#52645a; }
.guided-confirm-eta li { display:flex; justify-content:space-between; gap:12px; }
.guided-confirm-cost { margin:0; padding:10px 14px; border-radius:10px; background:#fbf3e6; display:grid; gap:3px; }
.guided-confirm-cost strong { color:#83541f; font-size:15px; }
.guided-confirm-after { margin:0; font-size:12.5px; color:#5d6d64; line-height:1.7; }
.guided-confirm-actions { display:flex; justify-content:flex-end; gap:10px; padding-top:4px; }
.guided-confirm-actions .btn { min-width:110px; min-height:40px; justify-content:center; }

.guided-asset-studio { margin-bottom:22px; }
.guided-asset-studio .guided-section-heading { margin-top:0; }
.guided-studio-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:26px; }
.guided-studio-grid h3 { font-size:14px; margin:0 0 10px; color:#294438; display:flex; align-items:baseline; gap:8px; }
.guided-studio-grid h3 > span { font-size:12px; color:#8a9a90; }
.guided-studio-grid h3 > small { font-size:11px; color:#8a9a90; font-weight:400; }
.guided-needs, .guided-voices { display:grid; gap:8px; align-content:start; }
.guided-need, .guided-voice { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:10px 12px; border:1px solid #dfe7e0; border-radius:10px; background:#fff; }
.guided-need strong, .guided-voice strong { font-size:13.5px; }
.guided-need small, .guided-voice small { display:block; color:#728278; font-size:11.5px; line-height:1.55; margin-top:2px; overflow-wrap:anywhere; }
.guided-need.is-blocked, .guided-need.is-blocked small { border-color:#f0d2b3; color:#8a5b26; }
.guided-need.is-done { background:#f5faf5; }
.guided-kind { font-size:11px; padding:3px 7px; border-radius:5px; background:#edf1ed; color:#5f7267; white-space:nowrap; }
.guided-kind.is-character { background:#eee9f8; color:#5b4b8e; }
.guided-kind.is-scene { background:#e6f0f6; color:#3f6780; }
.guided-voice { grid-template-columns:40px minmax(0,1fr) auto; }
.guided-voice img, .guided-voice .guided-thumb-empty { width:40px; height:40px; border-radius:8px; object-fit:cover; background:#e9eee8; display:block; }
.guided-voice.needs-voice { border-color:#efcf9f; background:#fffaf2; }
.guided-voice.needs-voice small { color:#9a5a1f; }
.guided-scene-chips { display:flex; flex-wrap:wrap; gap:8px; }
.guided-scene-chip { display:inline-flex; align-items:center; gap:7px; padding:4px 10px 4px 4px; border:1px solid #dfe7e0; border-radius:999px; font-size:12px; background:#fff; }
.guided-scene-chip img, .guided-scene-chip .guided-thumb-empty { width:26px; height:26px; border-radius:50%; object-fit:cover; background:#e9eee8; display:block; }
.guided-empty-line { margin:0; padding:12px; border:1px dashed #d3ddd4; border-radius:10px; color:#6f8176; font-size:12.5px; }
.guided-spinner { width:16px; height:16px; border-radius:50%; border:2px solid #cfe0d4; border-top-color:#3d8a64; animation:guided-spin .9s linear infinite; }
@keyframes guided-spin { to { transform:rotate(360deg); } }
.guided-asset-actions { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:4px; }
.guided-asset-form { display:grid; gap:10px; padding:14px 16px; border:1px solid #bcd3c2; border-radius:12px; background:#f6fbf6; }
.guided-asset-form h3 { margin:0; }
.guided-asset-form .field-label { display:grid; gap:6px; font-size:12px; min-width:0; }
.guided-asset-form input:not([type=file]), .guided-asset-form select, .guided-asset-form textarea { box-sizing:border-box; width:100%; padding:9px 10px; border:1px solid #d3ded5; border-radius:7px; font:inherit; background:#fff; }
.guided-asset-form textarea { resize:vertical; min-height:70px; line-height:1.6; }
.guided-form-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(110px,.5fr); gap:12px; }
.guided-photo small { color:#6f8176; }
.guided-form-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
.guided-form-actions small { color:#6f8176; font-size:11.5px; }
@media (max-width:900px) { .guided-studio-grid, .guided-form-row { grid-template-columns:1fr; } }

.guided-finish { margin-bottom:22px; }
.guided-finish .guided-section-heading { margin-top:0; }
.guided-finish-steps { list-style:none; counter-reset:finish; margin:0; padding:0; display:grid; gap:10px; }
.guided-finish-steps > li { counter-increment:finish; display:grid; grid-template-columns:minmax(0,1fr) auto auto; align-items:center; gap:10px 12px; padding:13px 16px; border:1px solid #dfe7e0; border-radius:11px; background:#fff; }
.guided-finish-steps > li > div { display:grid; gap:3px; }
.guided-finish-steps > li > div strong::before { content:counter(finish) '. '; color:#89a091; }
.guided-finish-steps > li.is-done { background:#f5faf5; border-color:#cfe3d4; }
.guided-finish-steps > li.is-done > div strong::after { content:' ✓'; color:#2f7152; }
.guided-finish-steps small { color:#6f8176; font-size:12px; line-height:1.6; }
@media (max-width:650px) { .guided-finish-steps > li { grid-template-columns:1fr; } }
.guided-mode #chatcutFullCutPanel, .guided-mode #chatcutEmbeddedEditorPanel { display:none; }
.guided-expert-mode #guidedAssetStudio, .guided-expert-mode #guidedFinishOverview { display:none !important; }
.guided-attention { animation:guided-attention 0.8s ease-in-out 3; box-shadow:0 0 0 3px rgba(61,138,100,.35); }
@keyframes guided-attention { 50% { box-shadow:0 0 0 7px rgba(61,138,100,.15); } }

.guided-board-coach { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:12px 18px; margin:0 0 14px; padding:12px 16px; border-radius:10px; background:#eef6f0; border:1px solid #cfe3d4; }
.guided-board-coach > div { flex:1 1 360px; min-width:0; }
.guided-board-coach strong { font-size:13.5px; color:#2c5a43; }
.guided-board-coach.has-doubt { background:#fff6ea; border-color:#efcf9f; }
.guided-board-coach.has-doubt strong { color:#8a5b26; }
.guided-board-coach ul { margin:6px 0 0; padding-left:18px; font-size:12.5px; color:#8a5b26; line-height:1.7; }
.guided-board-coach p { margin:6px 0 0; font-size:12px; color:#5d6d64; line-height:1.7; }
.guided-expert-mode .guided-board-coach { display:none; }

/* One person edits a shot at a time */
.shot-lease-banner { margin:0 0 14px; padding:10px 14px; border-radius:9px; font-size:13px; line-height:1.6; background:#eef4f7; color:#3f6278; }
.shot-lease-banner.is-held { background:#f1f6f1; color:#46705a; font-size:12px; padding:7px 12px; }
.shot-lease-banner.is-readonly { background:#f1ecfa; color:#55468a; border:1px solid #dcd3f2; }
.shot-lease-banner.is-ai { background:#e8f1f8; color:#3e6887; border:1px solid #cfe0ee; }
.shot-lease-banner.is-idle { background:#fbf3e6; color:#83541f; }
.shot-lease-readonly [data-lease-locked] { cursor:not-allowed; }

/* Visual review decision panel */
.guided-review-decision { margin-top:8px; padding:12px; border:1px solid #f0d2b3; border-radius:8px; background:#fffaf2; }
.guided-review-checks { display:grid; gap:6px; margin-bottom:12px; font-size:12px; }
.guided-review-checks > div { padding:6px 8px; border-radius:5px; background:#fff; }
.guided-review-checks strong { font-weight:600; }
.check-fail { border-left:3px solid #c75029; background:#fff5f0; color:#8a3d1f; }
.check-warn { border-left:3px solid #e8a748; background:#fffbf4; color:#8a6826; }
.check-pass { border-left:3px solid #4a9973; background:#f2faf5; color:#2d5f44; }
.guided-review-actions { display:flex; flex-wrap:wrap; gap:8px; }
.guided-review-actions > .btn { flex:1 1 auto; min-width:fit-content; }

/* Three-column card layout */
.guided-studio-grid-v2 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-bottom:20px; }
.guided-studio-col > h3 { font-size:15px; margin-bottom:12px; display:flex; align-items:center; gap:6px; }
.guided-studio-col > h3 > span { font-size:12px; color:#728278; font-weight:normal; }
.guided-studio-col > h3 > small { font-size:11px; color:#728278; font-weight:normal; margin-left:auto; }
.guided-cast-card { display:grid; grid-template-columns:60px 1fr; gap:12px; padding:12px; border:1px solid #dfe7e0; border-radius:10px; background:#fff; margin-bottom:10px; }
.cast-card-thumb { width:60px; height:60px; border-radius:8px; overflow:hidden; background:#e9eee8; }
.cast-card-thumb img { width:100%; height:100%; object-fit:cover; display:block; }
.cast-card-thumb a { display:block; width:100%; height:100%; }
.cast-card-body { display:flex; flex-direction:column; gap:6px; min-width:0; }
.cast-card-header { display:flex; align-items:center; gap:8px; }
.cast-card-header strong { font-size:13.5px; }
.guided-status-tag { display:inline-block; padding:2px 6px; border-radius:4px; font-size:10px; font-weight:600; }
.guided-status-tag.is-review { background:#fffaf2; color:#9a5a1f; border:1px solid #f0d2b3; }
.guided-status-tag.is-approved { background:#f2faf5; color:#2f7152; border:1px solid #cfe3d4; }
.cast-card-actions { display:flex; flex-wrap:wrap; gap:6px; font-size:11px; }
.cast-card-actions .text-btn { font-size:11px; padding:2px 0; }
.guided-missing-hint { padding:10px 12px; background:#fffaf2; border:1px solid #f0d2b3; border-radius:8px; font-size:12px; margin-bottom:12px; }
.guided-missing-hint strong { font-weight:600; color:#8a5b26; display:block; margin-bottom:4px; }
.guided-jobs-detail { margin-top:20px; border-top:1px solid #dce6df; padding-top:16px; }
.guided-jobs-detail > summary { font-size:13px; color:#728579; cursor:pointer; user-select:none; }
.guided-jobs-detail[open] > summary { margin-bottom:12px; }
.guided-studio-footer { margin-top:20px; padding-top:16px; border-top:1px solid #dce6df; text-align:center; }

/* Two clear paths in the asset step: create above, import below. */
.guided-workflow-banner.is-asset-summary { padding:16px 20px; margin-bottom:18px; }
.is-asset-summary .guided-director { gap:20px; }
.is-asset-summary .guided-director h2 { font-size:17px; margin:5px 0 6px; }
.is-asset-summary .guided-director-actions { min-width:190px; }
.is-asset-summary .guided-director-actions > .btn { min-height:38px; font-size:12px; }
.is-asset-summary .guided-director-actions > [data-guided-action^="open-asset-"] { color:#315e4a; background:#fff; border:1px solid #c6d9cc; box-shadow:none; }
.is-asset-summary .guided-director-actions:empty { display:none; }
.guided-asset-methods { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:14px; margin-top:18px; }
.guided-asset-method { display:flex; flex-direction:column; padding:18px; border:1px solid #d3ddd6; border-radius:10px; background:#fff; min-width:0; }
.guided-asset-method.is-ai { border-color:#85ad98; background:#eef7f0; }
.guided-asset-method h3 { margin:0 0 8px; color:#294b3b; font-size:16px; }
.guided-asset-method p { margin:0 0 14px; color:#536b5e; font-size:12px; line-height:1.8; }
.guided-method-actions { display:flex; flex-wrap:wrap; gap:9px; margin-top:auto; }
.guided-method-actions > .btn { min-height:42px; white-space:normal; text-align:center; }
.guided-asset-method.is-ai .btn-primary { background:#28654e; border-color:#28654e; color:#fff; }
.guided-asset-method.is-ai .btn-primary:hover:not(:disabled) { background:#1d503c; }
.guided-mode .panel.guided-asset-studio { border:2px solid #d5b480; border-top:7px solid #b58035; background:linear-gradient(#fff9ed,#fff 320px); box-shadow:0 6px 18px rgba(111,78,30,.06); }
.guided-mode .guided-asset-studio .guided-authoring-heading { padding:17px 18px; border-radius:9px; background:#f7ead2; }
.guided-authoring-heading .section-kicker { display:inline-block; font-size:12px; letter-spacing:.04em; font-weight:700; color:#79541d; }
.guided-mode .guided-authoring-heading h2 { color:#604018; }
.guided-mode .guided-import-panel { border:2px solid #8fb2ce; border-top:7px solid #427fa9; background:linear-gradient(#f0f7fd,#fff 340px); box-shadow:0 6px 18px rgba(36,82,117,.06); }
.guided-mode .guided-import-panel > .panel-heading { padding:17px 18px; border-radius:9px; background:#deedf9; }
.guided-mode .guided-import-panel .section-kicker { font-size:12px; letter-spacing:.04em; font-weight:700; color:#325e80; }
.guided-mode .guided-import-panel #guidedImportTitle { color:#234d6d; }
.guided-mode .guided-asset-results-heading { margin-top:24px; padding-top:22px; border-top:1px solid #dce4df; }
#guidedAssetStudio, #wbBiblePanel { scroll-margin-top:24px; }
.guided-asset-studio .guided-authoring-heading { align-items:flex-start; gap:14px 24px; margin-bottom:18px; }
.guided-authoring-heading > div { min-width:0; flex:1 1 420px; }
.guided-authoring-heading > .btn { flex-shrink:0; margin-top:6px; }
.guided-authoring-heading h2 { font-size:23px; line-height:1.35; }
.guided-import-panel > .panel-heading { align-items:flex-start; flex-wrap:wrap; gap:12px; }
.guided-import-panel #guidedImportTitle { font-size:23px; line-height:1.35; }
.guided-asset-guide, .guided-import-guide { counter-reset:asset-guide; list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:0 0 20px; padding:16px 18px; border:1px solid #dce6de; border-radius:10px; background:#f7faf7; }
.guided-asset-guide > li, .guided-import-guide > li { counter-increment:asset-guide; position:relative; padding-left:31px; min-width:0; display:grid; align-content:start; gap:5px; font-size:12px; line-height:1.7; color:#617568; }
.guided-asset-guide > li::before, .guided-import-guide > li::before { content:counter(asset-guide); position:absolute; top:1px; left:0; display:grid; place-items:center; width:23px; height:23px; border:1px solid #bed2c4; border-radius:50%; background:#fff; color:#356249; font-size:12px; font-weight:700; }
.guided-asset-guide strong, .guided-import-guide strong { color:#304e3d; font-size:13px; }
.guided-create-entry { padding:18px; border:1px solid #c7dccc; border-radius:11px; background:#fbfdf9; }
.guided-create-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.guided-create-actions > .btn { min-height:44px; padding:10px 20px; font-size:14px; }
.guided-create-suggestions { margin-top:17px; padding-top:14px; border-top:1px solid #e1e9e0; }
.guided-create-suggestions > p { margin:0 0 11px; color:#405e4d; font-size:13px; }
.guided-create-suggestions > p > span { margin-left:9px; color:#728578; font-size:12px; }
.guided-create-names { display:grid; grid-template-columns:36px minmax(0,1fr); align-items:start; gap:10px; margin-top:8px; }
.guided-create-names > span { padding-top:8px; font-size:12px; color:#64796b; }
.guided-create-names > div { display:flex; flex-wrap:wrap; gap:8px; min-width:0; }
.guided-create-names .btn { min-height:35px; max-width:100%; white-space:normal; overflow-wrap:anywhere; text-align:left; }
.guided-create-pending { display:inline-flex; flex-wrap:wrap; align-items:center; gap:6px; padding:7px 10px; border-radius:7px; background:#eef4ed; font-size:12px; color:#526e5b; }
.guided-create-pending small { font-size:11px; color:#738579; }
.guided-asset-studio .guided-asset-form { margin-top:16px; padding:20px; }
.guided-asset-form input[type=file] { max-width:100%; min-width:0; font-size:12px; }
.guided-form-help { margin:0; font-size:12px; line-height:1.8; color:#617568; }
.guided-asset-results-heading { padding-top:25px; margin-bottom:15px; }
.guided-asset-results-heading > h3 { margin:0 0 7px; color:#294438; font-size:16px; }
.guided-asset-results-heading > p { margin:0; font-size:12px; line-height:1.75; color:#738578; }
.guided-studio-col { min-width:0; }
.guided-studio-col .guided-empty-line { line-height:1.85; min-height:78px; box-sizing:border-box; }
.guided-studio-col .guided-voice { grid-template-columns:40px minmax(0,1fr); }
.guided-studio-col .guided-voice > .btn { grid-column:2; justify-self:start; }
.guided-studio-col > .btn { margin-bottom:10px; }
.guided-cast-card { grid-template-columns:60px minmax(0,1fr); }
.cast-card-header { flex-wrap:wrap; overflow-wrap:anywhere; }
.guided-asset-studio .guided-studio-footer { display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center; gap:12px; text-align:left; }
.guided-studio-footer > span { flex:1 1 360px; font-size:12px; color:#6f8176; line-height:1.7; }
.guided-studio-footer > .text-btn { flex-basis:100%; width:fit-content; text-align:left; font-size:12px; }
.guided-needs .guided-need > div { min-width:0; overflow-wrap:anywhere; }
.guided-needs .guided-review-decision { grid-column:1 / -1; }
.guided-import-guide { margin:0 0 18px; background:#f5f8fa; border-color:#dce4e8; }
.guided-import-help { margin:0 0 16px; color:#617568; font-size:13px; line-height:1.8; }
.guided-import-picker { margin:16px 0; border:1px solid #cfddd4; border-radius:11px; background:#fff; overflow:hidden; }
.guided-import-picker > summary { padding:14px 17px; color:#315943; background:#f5f9f5; font-size:14px; font-weight:600; cursor:pointer; }
.guided-import-picker[open] > summary { border-bottom:1px solid #e0e8e1; }
.guided-import-picker > :not(summary) { margin:15px 17px; }
.guided-library-card { display:grid; grid-template-columns:112px minmax(0,1fr); gap:14px; padding:12px; }
.guided-library-preview { display:grid; grid-template-rows:96px 20px; gap:5px; min-width:0; color:#477660; text-align:center; text-decoration:none; }
.guided-library-preview img { width:100%; height:96px; object-fit:contain; box-sizing:border-box; background:#eef3ee; border-radius:7px; }
.guided-library-preview img[hidden] { display:none; }
.guided-library-preview small { align-self:center; font-size:11px; }
.guided-library-preview .guided-preview-fallback { display:none; }
.guided-library-preview.is-missing .guided-preview-fallback { display:grid; place-items:center; height:96px; white-space:normal; color:#7a877f; background:#eef3ee; border:1px dashed #d0dbd3; border-radius:7px; font-size:12px; }
.guided-library-preview.is-missing small { visibility:hidden; }
.guided-library-choice { display:flex; align-items:center; flex-wrap:wrap; gap:9px; min-width:0; min-height:96px; cursor:pointer; }
.guided-library-choice input { flex:0 0 auto; width:17px; height:17px; }
.guided-library-choice > span:not(.wb-chip) { flex:1 1 90px; display:grid; gap:7px; white-space:normal; overflow-wrap:anywhere; overflow:visible; }
.guided-library-choice strong { font-size:14px; }
.guided-library-choice small { color:#748378; font-size:11px; }
.guided-library-preview:focus-visible, .guided-library-choice input:focus-visible { outline:3px solid #83b19a; outline-offset:3px; }
.guided-import-status { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px; margin:16px 0; padding:14px 16px; border:1px solid #d6e4d9; border-radius:10px; background:#f5faf5; font-size:13px; line-height:1.7; color:#3d614a; }
.guided-import-status p { margin:4px 0 0; color:#6b8072; font-size:12px; }
.guided-import-selection-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:16px 0; }
.guided-import-selection-actions .btn { min-height:40px; }
.guided-import-selection-actions small { color:#6b8072; font-size:12px; line-height:1.7; }
.guided-import-empty { padding:14px; border:1px dashed #d0ddd4; border-radius:8px; background:#fbfcfa; color:#6b8072; font-size:12px; line-height:1.75; }
.guided-import-empty p { margin:0 0 9px; }
.guided-import-empty p:last-child { margin:9px 0 0; }
.guided-import-empty .text-btn { white-space:normal; text-align:left; }
.guided-project-selection { padding-top:16px; border-top:1px solid #e0e7e1; }
.guided-import-selection-note { padding:11px 13px; background:#f6f8f5; border-radius:7px; color:#6a7c70; font-size:12px; line-height:1.8; }
.guided-import-matching > details { margin-top:9px; }
.guided-import-matching > details > summary { cursor:pointer; font-size:12px; }
.guided-import-matching > details > ul { padding-left:20px; margin:10px 0 0; line-height:1.8; }
.guided-bound-details { margin-top:20px; padding-top:16px; border-top:1px solid #dce6df; }
.guided-bound-details > summary { font-size:13px; color:#647e6d; cursor:pointer; padding:4px 0; }
.guided-bound-details[open] > summary { margin-bottom:14px; }
.guided-bound-details :is(.panel-heading,.wb-bible-grid) { min-width:0; }
.guided-asset-studio :is(button,input,select,textarea,a):focus-visible, .guided-import-picker :is(summary,button,input,a):focus-visible, .guided-import-status button:focus-visible { outline:3px solid #83b19a; outline-offset:3px; }
.guided-authoring-heading h2:focus { outline:none; }
@media (max-width:1050px) {
  .guided-studio-grid-v2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .guided-studio-grid-v2 > .guided-studio-col:last-child { grid-column:1 / -1; }
  .guided-studio-col .guided-voice { grid-template-columns:40px minmax(0,1fr) auto; }
  .guided-studio-col .guided-voice > .btn { grid-column:auto; }
}
@media (max-width:760px) {
  .guided-asset-methods { grid-template-columns:minmax(0,1fr); }
  .guided-asset-guide, .guided-import-guide { grid-template-columns:1fr; gap:15px; padding:15px; }
  .guided-create-entry { padding:15px; }
  .guided-authoring-heading > .btn { margin-top:0; }
  .guided-create-suggestions > p > span { display:block; margin:5px 0 0; }
}
@media (max-width:560px) {
  .guided-library-card { grid-template-columns:88px minmax(0,1fr); gap:10px; padding:10px; }
  .guided-library-choice > span:not(.wb-chip) { flex-basis:60px; }
  .guided-studio-grid-v2 { grid-template-columns:minmax(0,1fr); gap:18px; }
  .guided-studio-grid-v2 > .guided-studio-col:last-child { grid-column:auto; }
  .guided-create-actions > .btn { flex:1; padding:10px 12px; }
  .guided-method-actions > .btn { flex:1 1 180px; }
  .guided-asset-studio .guided-asset-form { padding:15px; }
  .guided-import-picker > :not(summary) { margin:12px; }
  .guided-import-selection-actions { align-items:stretch; flex-direction:column; }
  .guided-studio-col .guided-voice { grid-template-columns:40px minmax(0,1fr); }
  .guided-studio-col .guided-voice > .btn { grid-column:2; }
}
