/* Approved two-column Film Studio. Scoped to the embedded Film Studio only. */
body.kamod-film-studio-v3{grid-template-columns:minmax(280px,380px) minmax(0,1fr)!important;grid-template-rows:auto!important;gap:20px;padding:16px!important;align-items:start}
.kamod-film-studio-v3>.card{grid-column:1;grid-row:1;padding:24px;min-width:0}
.kamod-film-studio-v3>.film-v3-inspector{grid-column:2;grid-row:1;display:block!important;position:sticky!important;top:12px;max-height:none!important;overflow:visible!important;padding:24px}
.kamod-film-studio-v3 #filmV3StageEmpty{display:none}
.kamod-film-studio-v3 .film-v3-inspector-head{padding:0 0 16px}
.kamod-film-studio-v3 .film-v3-result-preview{height:clamp(220px,28vw,360px);padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface-3,#0a0a0f);border-radius:16px;overflow:hidden}
.kamod-film-studio-v3 .film-v3-result-preview :is(video,img){width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:0}
.kamod-film-studio-v3 .film-v3-result-preview>.processing-thumb{width:100%;height:100%}
.kamod-film-studio-v3 :is(.film-v3-primary-action,.film-v3-secondary-action){margin:12px 0 0}
.kamod-film-studio-v3 .film-v3-inspector-group{padding:8px 0}
.kamod-film-studio-v3 .film-v3-inspector #historySection{margin:20px 0 0!important;padding:20px 0 0;border-radius:0;border:0;border-top:1px solid var(--k3-border)}
.kamod-film-studio-v3 .film-v3-inspector #historyList{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-height:440px;overflow:auto;align-content:start}
.kamod-film-studio-v3 #historyList .history-item{display:block;min-width:0;padding:0;overflow:hidden}
.kamod-film-studio-v3 #historyList .history-video-placeholder{width:100%;height:auto;aspect-ratio:16/9;min-height:0}
.kamod-film-studio-v3 #historyList .history-video-preview{width:100%;height:100%;object-fit:cover}
.kamod-film-studio-v3 #historyList .history-video-model{display:none}
.kamod-film-studio-v3 #historyList .h-info{padding:8px;min-width:0}
.kamod-film-studio-v3 #historyList .h-prompt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.8rem;line-height:1.4}
.kamod-film-studio-v3 #historyList .h-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.7rem}
.kamod-film-studio-v3 #historyList .dl-btn{font-size:.75rem;padding:5px}
.kamod-film-studio-v3 #historyList .history-load-more{grid-column:1/-1}
.kamod-film-studio-v3 #filmAssistantDisclosure{margin-top:20px;border:1px solid var(--k3-border);border-radius:16px;overflow:hidden}
.kamod-film-studio-v3 #filmAssistantDisclosure>summary{cursor:pointer;padding:16px;list-style:disclosure-closed}
.kamod-film-studio-v3 #filmAssistantDisclosure>summary h2{display:inline;font-size:1rem;margin:0}
.kamod-film-studio-v3 #filmAssistantDisclosure[open]>summary{list-style:disclosure-open}
.kamod-film-studio-v3 #filmDirectorCard{margin:0!important;padding:16px;border:0;max-width:100%;width:100%;box-sizing:border-box}
.kamod-film-studio-v3 #filmDirectorCard .builder-header{display:none}
.kamod-film-studio-v3 #filmDirectorCard .builder-options{grid-template-columns:minmax(0,1fr)}
.kamod-film-studio-v3 #filmWorkspaceJobs{margin-top:16px;max-width:100%;min-width:0}
.kamod-film-studio-v3 #filmWorkspaceJobs>summary{cursor:pointer;color:var(--k3-muted);padding:12px 0}
.kamod-film-studio-v3 #filmWorkspaceJobs #results{margin:0;padding:0;max-width:100%;width:100%;min-height:0}
.kamod-film-studio-v3 #filmWorkspaceJobs .result-item{min-width:0;overflow-wrap:anywhere}
.kamod-film-studio-v3 #filmWorkspaceJobs :is(video,img){width:100%;max-height:360px;object-fit:contain}
.kamod-film-studio-v3>.card>.tabs{gap:6px}
.kamod-film-studio-v3>.card>.tabs .tab{padding:10px}
@media(max-width:1050px){body.kamod-film-studio-v3{grid-template-columns:minmax(270px,320px) minmax(0,1fr)!important;gap:12px;padding:8px!important}.kamod-film-studio-v3>.card,.kamod-film-studio-v3>.film-v3-inspector{padding:16px}.kamod-film-studio-v3 .film-v3-inspector #historyList{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){body.kamod-film-studio-v3{display:flex!important;flex-direction:column;gap:16px}.kamod-film-studio-v3>.film-v3-inspector{position:static!important;order:2;width:100%}.kamod-film-studio-v3>.card{width:100%;order:1}.kamod-film-studio-v3 .film-v3-result-preview{height:300px}.kamod-film-studio-v3 #filmWorkspaceJobs .result-item{padding:12px}}
.kamod-film-studio-v3 #historyList .history-item.selected{border-color:var(--accent,#FF6B35)}
.kamod-film-studio-v3 #historyList .history-details-btn{font-size:.75rem;background:transparent;border:0;color:var(--k3-muted);padding:5px;cursor:pointer}
.kamod-film-studio-v3 #filmWorkflowDisclosure{border:1px solid var(--k3-border);border-radius:12px;margin-bottom:16px}
.kamod-film-studio-v3 #filmWorkflowDisclosure>summary{padding:14px;cursor:pointer;font-size:.9rem;font-weight:650;overflow-wrap:anywhere}
.kamod-film-studio-v3 #filmWorkflowDisclosure>.tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px;margin:0}
.kamod-film-studio-v3 #filmWorkflowDisclosure .tab{width:100%;padding:10px;font-size:.75rem;min-width:0;white-space:normal}
.kamod-film-studio-v3 #filmWorkflowDisclosure .film-v3-more-workflows{grid-column:1/-1}
.kamod-film-studio-v3 .film-v3-result-preview{margin:0}
/* The original floating shortcut targets Seedance text even in other modes.
   Keep the actual workflow-specific submit button as the sole submit action. */
.kamod-film-studio-v3 #stickyGenBtn{display:none!important}

.kamod-film-studio-v3 .film-v3-result-preview{aspect-ratio:auto;min-height:0;min-width:0;width:100%;max-width:100%}
.kamod-film-studio-v3 .film-v3-result-preview :is(video,img){min-width:0;max-width:100%;flex-shrink:1}
.kamod-film-studio-v3 #filmWorkflowDisclosure>summary :is(.film-model-name,.film-workflow-desc){display:inline;font-size:inherit}
/* Discoverable composer. The original workflow forms and handlers stay intact. */
#filmComposer{min-width:0;--fc-line:var(--border,rgba(255,255,255,.12))}
#filmComposer label{font-size:13px;font-weight:550;margin:16px 0 8px;display:block}
#filmComposer :is(select,textarea){box-sizing:border-box;width:100%;min-width:0;font:inherit;font-size:14px;border-radius:12px}
#filmComposer [hidden]{display:none!important}
.fc-model-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:10px}
.fc-model-row:has(#fcFamilyField[hidden]){grid-template-columns:minmax(0,1fr)}
#filmComposer .fc-model-row label{margin-top:0}
#filmComposer .fc-model-row select{padding-left:12px;padding-right:26px;font-size:13px}
#fcModes{display:flex;flex-wrap:wrap;gap:6px}
#fcModes button{font:inherit;font-size:12px;line-height:1.35;padding:9px 11px;min-height:38px;cursor:pointer;border-radius:24px;border:1px solid var(--fc-line);background:transparent;color:var(--text-dim)}
#fcModes button[aria-pressed="true"]{background:rgba(255,107,53,.12);border-color:var(--accent,#FF6B35);color:var(--accent,#FF6B35)}
#filmComposer :is(button,select,textarea):focus-visible{outline:2px solid var(--accent,#FF6B35);outline-offset:3px}
#fcPrompt{height:124px;min-height:108px;resize:vertical;line-height:1.55}
.fc-hint{color:var(--text-dim);font-size:12px;line-height:1.5;margin:8px 0 12px;overflow-wrap:anywhere}
#fcModeHint{min-height:36px;margin-bottom:12px}
#fcPromptHint{font-size:11px;margin:6px 0 16px}
.fc-reference-header{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px;font-weight:550;margin:16px 0 6px}
#fcLibrary{font:inherit;font-size:12px;cursor:pointer;color:var(--accent,#FF6B35);background:transparent;border:0;padding:6px 0;min-height:32px}
#fcAttachments{display:grid;gap:0}
.fc-media-group{min-width:0;border-bottom:1px solid var(--fc-line);padding:10px 0}
.fc-media-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:8px}
.fc-media-count{color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums}
.fc-media-tray{display:flex;gap:8px;overflow-x:auto;padding:3px 3px 6px;margin:-3px;scrollbar-width:thin}
.fc-media-add{flex:0 0 84px;min-height:64px;border:1px dashed var(--fc-line);border-radius:10px;background:rgba(127,127,127,.035);color:var(--text-dim);font:inherit;font-size:10px;cursor:pointer;display:grid;place-content:center;gap:3px;text-align:center;padding:8px}
.fc-add-icon{font-size:21px;line-height:1}
.fc-media-add:hover:not(:disabled){border-color:var(--accent,#FF6B35);color:var(--accent,#FF6B35);background:rgba(255,107,53,.06)}
.fc-media-add:disabled{cursor:not-allowed;opacity:.5}
.fc-media-group>.fc-hint{font-size:11px;margin:5px 0 0}
.fc-media-unavailable .fc-media-tray{display:none}
.fc-media-unavailable .fc-media-tray:has(.fc-attachment){display:flex}
.fc-attachment{position:relative;flex:0 0 94px;min-width:0;border:1px solid var(--fc-line);border-radius:10px;overflow:hidden;background:var(--surface-3)}
.fc-attachment img,.fc-file-icon{width:100%;height:54px;object-fit:cover;display:grid;place-items:center;font-size:22px}
.fc-ref-role{display:block;padding:4px 6px 0;font-size:10px;color:var(--accent,#FF6B35);white-space:nowrap}
.fc-file-name{display:block;padding:3px 6px 6px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fc-attachment button{position:absolute;right:3px;top:3px;background:rgba(0,0,0,.8);border:0;border-radius:6px;color:white;font-size:18px;cursor:pointer;width:26px;height:26px}
.fc-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin-top:4px}
.fc-settings>div:last-child{grid-column:1/-1}
#fcAdvanced,#filmLegacyTools{border:1px solid var(--fc-line,var(--border));border-radius:12px;margin-top:14px;padding:12px}
:is(#fcAdvanced,#filmLegacyTools)>summary{font-size:13px;cursor:pointer}
#fcAdvanced .fc-check{display:flex;align-items:center;gap:8px}
#fcAdvanced .fc-check input{width:auto}
#fcError{font-size:13px;color:#ff9cab;line-height:1.5;margin-top:8px}
#fcError:empty{display:none}
.fc-submit-area{position:relative;padding:12px 0 2px;margin-top:10px;background:var(--surface,var(--bg,#13151c));border-top:1px solid var(--fc-line)}
.fc-price-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:12px;color:var(--text-dim)}
#fcQuote{font-size:14px;font-weight:700;color:var(--ink);margin:0;line-height:1.45;text-align:right}
#fcSubmit{width:100%;border:0;border-radius:12px;padding:15px;background:#FF6B35;color:#fff;font-weight:750;font-size:14px;cursor:pointer}
#fcSubmit:disabled{opacity:.55;cursor:not-allowed}
#filmLegacyTools .film-legacy-body{margin-top:16px;min-width:0}
#filmLegacyTools .s25-primary-settings{grid-template-columns:minmax(0,1fr)!important}
#filmLegacyTools :is(.row,#h3ModePicker,#h3TierPicker){grid-template-columns:minmax(0,1fr)!important}
@media(prefers-reduced-motion:no-preference){#fcModes button,.fc-media-add{transition:background .15s,border-color .15s,color .15s}}
@media(max-width:760px){.fc-submit-area{position:static}.fc-media-add{min-height:68px;flex-basis:90px}}

/* Progress has no media to display: keep history within reach while waiting. */
.kamod-film-studio-v3 .film-v3-result-preview:has(>.processing-thumb){height:120px}
.kamod-film-studio-v3 .film-v3-result-preview:has(>.film-v3-result-empty){height:auto;min-height:180px}
.kamod-film-studio-v3 .film-v3-result-empty{max-width:440px;padding:24px;box-sizing:border-box}
[data-theme="light"] #fcModes button[aria-pressed="true"]{color:#a93d16;border-color:#d45b2f}
.kamod-film-studio-v3 .film-v3-result-preview>.processing-thumb{display:flex;align-items:center;justify-content:center;min-height:0}


#filmV3DraftActions>.s25-finalize-btn{width:100%;padding:12px;border-radius:10px;border:1px solid var(--accent);background:transparent;color:var(--accent);cursor:pointer}

/* Pending renders stay visible even when Details is closed or a saved video is playing. */
#filmV3Activity{padding:16px;margin:0 0 16px;border:1px solid rgba(255,107,53,.35);border-radius:16px;background:rgba(255,107,53,.07);font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#filmV3Activity[hidden]{display:none}
#filmV3Activity .film-activity-title{display:block;color:var(--ink,var(--text));font-size:15px}
#filmV3Activity .film-activity-copy{margin:6px 0 12px;color:var(--text-dim)}
#filmV3Activity .film-activity-track{height:4px;border-radius:4px;overflow:hidden;background:rgba(255,107,53,.15)}
#filmV3Activity .film-activity-track span{display:block;width:35%;height:100%;border-radius:4px;background:#FF6B35;animation:film-activity 1.8s ease-in-out infinite alternate}
#filmV3Activity .film-activity-time{display:block;margin-top:8px;color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}
#filmV3Activity[data-status="failed"] .film-activity-track{display:none}
@keyframes film-activity{from{transform:translateX(0)}to{transform:translateX(185%)}}
@media(prefers-reduced-motion:reduce){#filmV3Activity .film-activity-track span{animation:none}}
