/* Creative workspaces: shared two-column creation and viewing surfaces.
   No controls or state are hidden here; workflow visibility stays with its handlers. */
.kamod-uix-v3 :is(.storyboard-stage,.director-stage){gap:24px!important;grid-template-columns:minmax(300px,380px) minmax(0,1fr)!important}
.kamod-uix-v3 :is(.storyboard-card,.storyboard-panel,.director-card,.director-v3-inspector,.v2-panel,.v2-card){background:var(--k4-surface)!important;border-color:var(--k4-border)!important;border-radius:16px!important;box-shadow:none!important}
.kamod-uix-v3 :is(.storyboard-card-body,.storyboard-panel-body,.director-stage>.director-card){padding:24px!important}
.kamod-uix-v3 :is(.storyboard-label,.director-label,.v2-label){font-size:14px!important;color:var(--k4-ink)!important;line-height:1.5}
.kamod-uix-v3 :is(.storyboard-intro,.storyboard-ref-note,.director-note,.v2-note,.v2-panel-copy,.extractor-sub){font-size:14px!important;line-height:1.6!important;color:var(--k4-muted)!important;background:transparent!important;border:0!important;padding:0!important}
.kamod-uix-v3 :is(.storyboard-input,.storyboard-textarea,.director-textarea,.director-select,.v2-input,.v2-select,.v2-textarea){font-size:15px!important;line-height:1.5!important;background:var(--k4-surface-2)!important;color:var(--k4-ink)!important;border-color:var(--k4-border)!important;border-radius:10px!important}
.kamod-uix-v3 :is(.storyboard-textarea,.director-textarea){min-height:160px}
.kamod-uix-v3 :is(.sb-cost-line,.director-cost-line,.v2-cost-line){background:var(--k4-surface-2)!important;border-color:var(--k4-border)!important;color:var(--k4-ink)!important;font-size:14px}
.kamod-uix-v3 :is(.generate-btn,.director-submit,.v2-submit){min-height:48px;border-radius:10px!important}
/* Storyboard: story first, references below, uninterrupted large canvas. */
.kamod-uix-v3 .storyboard-grid-right{display:contents}
.kamod-uix-v3 .storyboard-grid-right>.storyboard-panel:first-child{grid-column:1;grid-row:1}
.kamod-uix-v3 .storyboard-grid-right>.storyboard-card{grid-column:1;grid-row:2}
.kamod-uix-v3 .storyboard-stage #result-section{display:block;position:static;grid-column:2;grid-row:1 / span 2;align-self:start}
.kamod-uix-v3 .storyboard-media{min-height:400px;background:var(--k4-surface-2)!important;border-color:var(--k4-border)!important}
.kamod-uix-v3 .storyboard-media img{max-height:75vh;object-fit:contain}
.kamod-uix-v3 .storyboard-v3-empty{font-size:15px;line-height:1.6;color:var(--k4-muted)!important}
.kamod-uix-v3 .storyboard-grid-right>.storyboard-card .ref-slots{grid-template-columns:repeat(3,minmax(0,1fr))}
.kamod-uix-v3 .storyboard-grid-right>.storyboard-card .ref-slot{min-height:88px;background:var(--k4-surface-2)!important;border-color:var(--k4-border)!important}
.kamod-uix-v3 .storyboard-pill-row{flex-wrap:wrap}
/* Director: the selected image is the canvas, with the existing shot cards below. */
.kamod-uix-v3 .director-stage>.director-card{grid-column:1;grid-row:1 / span 2}
.kamod-uix-v3 .director-stage>div:nth-child(2){grid-column:2;grid-row:2}
.kamod-uix-v3 .director-v3-inspector{display:block;position:static;grid-column:2;grid-row:1}
.kamod-uix-v3 .director-v3-preview{aspect-ratio:16/9;min-height:280px;background:var(--k4-surface-2)!important}
.kamod-uix-v3 .director-v3-preview img{width:100%;height:100%;max-height:65vh;object-fit:contain}
.kamod-uix-v3 .director-v3-empty{font-size:14px;color:var(--k4-muted)!important;line-height:1.6}
.kamod-uix-v3 .director-v3-meta p{font-size:14px;line-height:1.6}
.kamod-uix-v3 .director-placeholder{min-height:180px;background:var(--k4-surface-2)!important;color:var(--k4-muted)!important}
.kamod-uix-v3 .director-shots-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
/* Post production: short tool selector above a focused, full-width workspace. */
.kamod-uix-v3 .post-v3-workspace{grid-template-columns:minmax(0,1fr)!important}
.kamod-uix-v3 .post-v3-workspace .v2-provider-rail{flex-direction:row;flex-wrap:wrap;gap:8px;padding:12px;background:var(--k4-surface)!important;border-color:var(--k4-border)!important}
.kamod-uix-v3 .post-v3-workspace .v2-rail-label{flex-basis:100%;margin-top:4px!important;font-size:12px}
.kamod-uix-v3 .post-v3-workspace .v2-provider-btn{width:auto;flex:0 1 auto;min-height:42px;background:var(--k4-surface-2)!important;color:var(--k4-ink)!important}
.kamod-uix-v3 .post-v3-workspace .v2-provider-btn.active{background:var(--k4-accent-soft)!important;border-color:var(--k4-accent)!important}
.kamod-uix-v3 .post-v3-workspace .v2-grid{grid-template-columns:minmax(300px,.85fr) minmax(0,1.3fr);gap:24px;padding:24px}
.kamod-uix-v3 .post-v3-workspace .v2-card .v2-card{padding:16px;border-radius:10px!important;background:var(--k4-surface-2)!important}
.kamod-uix-v3 .post-v3-workspace .v2-preview video{max-height:70vh;object-fit:contain}
.kamod-uix-v3 .post-v3-workspace :is(.v2-empty,.v2-generating-placeholder){background:var(--k4-surface-2)!important;color:var(--k4-muted)!important;min-height:280px}
.kamod-uix-v3 .post-v3-workspace .v2-generating-placeholder strong{color:var(--k4-ink)}
/* Embedded Film Studio has its own document and receives the shared tokens. */
body.kamod-film-studio-v3{grid-template-columns:minmax(310px,400px) minmax(0,1fr)!important;grid-template-rows:auto!important;gap:24px!important;padding:0!important;background:var(--k4-bg)!important;color:var(--k4-ink)!important}
.kamod-film-studio-v3>:is(.card,#results,#historySection,#filmDirectorCard,.film-v3-inspector){background:var(--k4-surface)!important;border:1px solid var(--k4-border)!important;border-radius:16px!important;padding:24px}
.kamod-film-studio-v3>.card{grid-column:1;grid-row:1 / span 4;padding:24px}
.kamod-film-studio-v3>#results{grid-column:2;grid-row:1;min-height:440px}
.kamod-film-studio-v3>.film-v3-inspector{display:block;grid-column:2;grid-row:2;padding:0}
.kamod-film-studio-v3>#historySection{grid-column:2;grid-row:3}
.kamod-film-studio-v3>#filmDirectorCard{grid-column:2;grid-row:4}
.kamod-film-studio-v3 .film-v3-result-preview{aspect-ratio:16/9;background:var(--k4-surface-2)!important}
.kamod-film-studio-v3 :is(input,textarea,select){font-size:15px!important;background:var(--k4-surface-2)!important;color:var(--k4-ink)!important;border-color:var(--k4-border)!important}
.kamod-film-studio-v3>.card textarea{max-height:none;min-height:140px}
.kamod-film-studio-v3 :is(label,.film-v3-workflow-title){font-size:14px;color:var(--k4-ink)}
.kamod-film-studio-v3 .film-workflow-desc{font-size:12px;color:var(--k4-muted)!important}
.kamod-film-studio-v3 .film-model-name{color:var(--k4-ink)!important}
.kamod-film-studio-v3 .film-v3-more-workflows{background:var(--k4-surface-2)!important}
.kamod-film-studio-v3 :is(.film-v3-result-empty p,.film-v3-inspector-group p,.film-v3-stage-empty>p){font-size:14px;color:var(--k4-muted)!important}
.kamod-film-studio-v3 .film-v3-primary-action{color:#23150f;background:var(--k4-accent)}
@media(max-width:1050px){
 .kamod-uix-v3 :is(.storyboard-stage,.director-stage){grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;gap:16px!important}
 .kamod-uix-v3 .director-shots-grid{grid-template-columns:1fr}
 body.kamod-film-studio-v3{grid-template-columns:minmax(280px,340px) minmax(0,1fr)!important;gap:16px!important}
}
@media(max-width:800px){
 .kamod-uix-v3 :is(.storyboard-stage,.director-stage),.kamod-uix-v3 .post-v3-workspace .v2-grid{grid-template-columns:minmax(0,1fr)!important}
 .kamod-uix-v3 .storyboard-stage>:is(.storyboard-card,.storyboard-grid-right),.kamod-uix-v3 .storyboard-grid-right>.storyboard-panel,.kamod-uix-v3 .storyboard-stage #result-section,.kamod-uix-v3 .director-stage>*{grid-column:1!important;grid-row:auto!important}
 .kamod-uix-v3 .storyboard-grid-right>.storyboard-card{order:2}
 .kamod-uix-v3 .storyboard-stage #result-section{order:3}
 .kamod-uix-v3 :is(.storyboard-media,.director-v3-preview){min-height:220px}
 body.kamod-film-studio-v3{display:flex!important;flex-direction:column;gap:16px!important}
 .kamod-film-studio-v3>:is(.card,#results,#historySection,#filmDirectorCard,.film-v3-inspector){width:100%;min-width:0;grid-column:auto;grid-row:auto}
 .kamod-film-studio-v3>#results{min-height:260px}
 .kamod-uix-v3 .post-v3-workspace .v2-grid{padding:16px}
}

/* The result canvas above already shows this same media; retain the inspector
   state, download/history links, and settings without a duplicate player. */
.kamod-film-studio-v3 .film-v3-result-preview{display:none}

/* Keep the input sequence story → references → output choices → generate. */
.kamod-uix-v3 .k4-story-references{margin:20px 0}
.kamod-uix-v3 .k4-story-references .ref-slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kamod-uix-v3 .k4-story-references .ref-slot{min-height:76px;aspect-ratio:1.15;background:var(--k4-surface-2);border-color:var(--k4-border)}
.kamod-uix-v3 .k4-story-references .slot-sub{display:none}
.kamod-uix-v3 .k4-story-references .storyboard-pill-row{display:none}
.kamod-uix-v3 .k4-story-references .storyboard-ref-note{margin-top:5px;font-size:12px!important}
.kamod-uix-v3 :is(.generate-btn,.director-submit,.v2-submit){background:var(--k4-accent)!important;color:var(--k4-action-ink)!important;box-shadow:none!important}
.kamod-uix-v3 :is(.storyboard-shell,.shell-stage){background:transparent;border:0;box-shadow:none}
/* The selected panel supplies the explanation; the switcher stays compact. */
.kamod-uix-v3 .post-v3-workspace .v2-rail-label{display:none}
.kamod-uix-v3 .post-v3-workspace .v2-provider-sub{display:none}
.kamod-uix-v3 .post-v3-workspace .v2-provider-rail{align-items:center;gap:6px;padding:10px!important}
.kamod-uix-v3 .post-v3-workspace .v2-provider-btn{margin:0!important;padding:9px 12px!important;min-height:38px;font-weight:500}
.kamod-uix-v3 :is(.v2-pill,.director-res-btn).active,.kamod-uix-v3 .director-res-btn.selected{color:var(--k4-accent-ink)!important;background:var(--k4-accent-soft)!important;border-color:var(--k4-accent)!important}
.kamod-uix-v3 .v2-provider-badge{color:var(--k4-muted)!important;background:var(--k4-surface-2)!important;border-color:var(--k4-border)!important}
.kamod-film-studio-v3 :is(.s25-badge,.s25-duration-badge){color:var(--k4-accent-ink)!important;background:var(--k4-accent-soft)!important}

/* Multi Scene needs space for three references before the resulting shot plan. */
.kamod-uix-v3 .post-v3-workspace #panel-multiscene-native .v2-multiscene-layout{grid-template-columns:minmax(0,1fr);gap:20px}
.kamod-uix-v3 #panel-multiscene-native .v2-scenes-note{padding:0;margin:0 0 20px;background:none;border:0;box-shadow:none;color:var(--k4-muted);font-size:14px;line-height:1.6}
.kamod-uix-v3 #panel-multiscene-native .v2-multiscene-ref-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px}
.kamod-uix-v3 #panel-multiscene-native .v2-scenes-block{min-width:0;padding:16px;gap:12px;background:var(--k4-surface-2);border:1px solid var(--k4-border);border-radius:12px}
.kamod-uix-v3 #panel-multiscene-native .v2-scenes-block:first-child{background:var(--k4-surface-2);border-color:var(--k4-accent)}
.kamod-uix-v3 #panel-multiscene-native .v2-scenes-block-title{font-size:15px;color:var(--k4-ink)}
.kamod-uix-v3 #panel-multiscene-native .v2-scenes-block .v2-dropzone{min-height:120px;padding:16px;background:var(--k4-surface);border-color:var(--k4-border)}
.kamod-uix-v3 #panel-multiscene-native .v2-scenes-block .v2-pill{min-height:36px;padding:8px 12px;white-space:nowrap}
.kamod-uix-v3 #panel-multiscene-native .v2-dropzone-main{font-size:14px;line-height:1.4;color:var(--k4-ink)}
.kamod-uix-v3 #panel-multiscene-native .v2-dropzone-sub{font-size:13px;line-height:1.5;color:var(--k4-muted)}
.kamod-uix-v3 #panel-multiscene-native .v2-scenes-summary{color:var(--k4-ink);background:var(--k4-surface-2);border-color:var(--k4-border)}
.kamod-uix-v3 #panel-multiscene-native .v2-scenes-output-card .v2-empty{min-height:180px}