.cinema-workbench .inference-view{grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:stretch;overflow:hidden;padding-bottom:20px}
.story-chat-directory{min-height:0;overflow:auto;border:1px solid #302d39;border-radius:14px;background:#191820;padding:15px}
.story-chat-directory>button{width:100%;font-size:11px}.story-chat-directory h2{font-size:15px;margin:20px 5px;overflow-wrap:anywhere}.story-chat-section-label{font-size:10px;color:#9f8caf;letter-spacing:1px;margin:22px 6px 10px}
.cinema-workbench .story-chat-episode,.cinema-workbench .story-chat-record{width:100%;display:flex;align-items:flex-start;flex-direction:column;gap:6px;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:11px;margin-bottom:5px;color:#b8b1c5}.story-chat-episode span,.story-chat-record span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}.story-chat-episode small,.story-chat-record small{font-size:10px;color:#8e849d}.cinema-workbench .story-chat-directory .is-active{border-color:#675470;background:#352b40;color:#efddff}.story-chat-note{font-size:11px;color:#8d8299;line-height:1.8;padding:0 6px}
.story-chat-directory .production-options{margin-top:24px;padding:12px;border-radius:9px;background:#22202a;border:1px solid #35303e}.story-chat-directory .production-options summary{font-size:11px;color:#b6a9c4}.story-chat-directory .workflow-options-body{display:block}.story-chat-directory .batch-settings-bar{display:block}.story-chat-directory .batch-settings-bar p,.story-chat-directory .field-note{font-size:10px}.story-chat-directory .range-inputs{flex-wrap:wrap}.story-chat-directory .range-field{max-width:100%}
.story-chat-main{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(170px,1fr) auto;gap:14px}
.cinema-workbench .story-chat-main .inference-body{min-height:0;border:0;background:transparent;border-radius:0;overflow:auto;padding:0 8px 12px;display:block}
.story-chat-submitted{margin:10px 0 25px auto;max-width:85%;border:1px solid #4b3e58;border-radius:16px 16px 3px 16px;padding:14px 18px;background:#302638;color:#d8c7e8}.story-chat-submitted summary{font-size:12px;cursor:pointer}.story-chat-submitted pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.9 inherit;max-height:240px;overflow:auto;margin:12px 0 0}
.story-chat-reply-heading{font-size:12px;color:#c9b28c;margin:12px 4px}.story-chat-main .inference-main{min-height:0;background:#191820;border:1px solid #302a38;border-radius:13px;overflow:hidden}
.cinema-workbench .story-chat-main #inferenceOutput{min-height:280px;height:45vh;max-height:none;background:#191820;padding:20px;resize:vertical}.story-chat-main .storyboard-empty{min-height:200px;padding:30px 20px}.story-chat-main .storyboard-empty svg{width:42px;height:42px;margin-bottom:8px}.story-chat-main .storyboard-empty h3{font-size:18px}.story-chat-main .storyboard-score-panel{margin:12px;font-size:11px}.story-chat-main .storyboard-score-dimensions{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.story-chat-main .storyboard-record-actions{background:transparent}.story-chat-main .batch-status{margin:0}.story-chat-main .inference-result-controls{background:transparent;padding:10px 0;flex-wrap:wrap}
.cinema-workbench .story-chat-main .storyboard-compose{padding:16px 18px;border-radius:17px;background:linear-gradient(125deg,#26222e,#1d1b24);border-color:#504356;box-shadow:0 -8px 35px #0002}
.story-chat-input-label{font-size:11px;color:#b9a8c9}.cinema-workbench #storyboardScriptInput{display:block;width:100%;height:110px;min-height:70px;max-height:240px;resize:vertical;padding:10px 0;background:transparent;border:0;border-radius:0;box-shadow:none;font-size:13px;line-height:1.8;color:#e0d7eb}
.story-chat-tools{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:6px 0 10px}.story-chat-tools button,.story-chat-tools .button{font-size:10px;padding:5px 9px;border-radius:7px}
.cinema-workbench .story-chat-main .storyboard-prompt-section{display:flex;flex-direction:row;flex-wrap:wrap;align-items:end;gap:8px;padding:12px 0 0;border-top:1px solid #44364e}.cinema-workbench .story-chat-main .storyboard-prompt-section>label{flex:1;min-width:160px}.story-chat-main .storyboard-prompt-section label span{display:block;font-size:10px;margin-bottom:5px}.story-chat-main .storyboard-prompt-section select{min-height:34px}.story-chat-main .storyboard-prompt-section .prompt-use-status{display:none}.cinema-workbench .story-chat-main #inferenceRulesLink{align-self:flex-end;height:34px;margin-bottom:0}
.cinema-workbench .story-chat-main .inference-action-bar{margin:10px 0 0;display:flex;justify-content:flex-end}.cinema-workbench .story-chat-main .inference-generation-controls{flex-direction:row;justify-content:flex-end;width:100%;gap:10px}.cinema-workbench .story-chat-main #runInferenceBtn{width:auto;min-width:150px;min-height:36px;padding:8px 16px}.story-chat-main #storyboardComposerHint{font-size:10px;color:#b2a1c0;margin:9px 0 0;line-height:1.6}.story-chat-shortcut{display:none}.story-chat-main #storyboardResultEditBar{background:transparent}
@media(min-width:1200px){.cinema-workbench .story-chat-main .storyboard-compose{display:grid;grid-template-columns:1fr auto;column-gap:12px}.story-chat-input-label,#storyboardScriptInput,.story-chat-tools,#storyboardComposerHint{grid-column:1/-1}.cinema-workbench .story-chat-main .storyboard-prompt-section{grid-column:1}.cinema-workbench .story-chat-main .inference-action-bar{grid-column:2;align-self:end;margin:0}.story-chat-main #storyboardComposerHint{margin-top:10px}}
@media(max-width:1000px){.cinema-workbench .inference-view{grid-template-columns:165px minmax(0,1fr);gap:12px}.story-chat-directory{padding:10px}.cinema-workbench .story-chat-main .storyboard-compose{padding:12px}}
@media(max-width:759.98px){.cinema-workbench .inference-view{display:flex;flex-direction:column;overflow:auto}.story-chat-directory{flex:0 0 auto;max-height:180px}.story-chat-directory h2{margin:10px 0}.story-chat-main{flex:0 0 auto;display:flex;flex-direction:column}.cinema-workbench .story-chat-main .inference-body{max-height:55vh;min-height:180px}.cinema-workbench #storyboardScriptInput{height:100px}}
@media(prefers-reduced-motion:reduce){.story-chat-main{scroll-behavior:auto}}
.cinema-workbench .story-chat-episode,.cinema-workbench .story-chat-record{white-space:normal;overflow-wrap:anywhere;min-width:0}.story-chat-record small{line-height:1.6}
.story-chat-main .inference-body:has(#storyboardEmpty:not([hidden])){display:flex}.story-chat-main .inference-body:has(#storyboardEmpty:not([hidden])) .inference-main{flex:1;display:flex;flex-direction:column;background:transparent;border:0}.story-chat-main .inference-body:has(#storyboardEmpty:not([hidden])) .storyboard-empty{flex:1;background:transparent}
.story-chat-directory .storyboard-record-actions{padding:14px 0;margin-top:14px}.story-chat-directory .storyboard-record-actions button{width:100%;white-space:normal}.story-chat-directory .batch-status{font-size:10px;margin-top:12px;padding:10px;white-space:normal}
/* Keep the editable surface visibly separate from the surrounding controls. */
.story-chat-input-label{display:block;margin:0 0 9px;color:#e4d8ee;font-size:12px;font-weight:600}
.cinema-workbench #storyboardScriptInput{height:130px;min-height:90px;padding:13px 15px;background:#101319;border:1px solid #686173;border-radius:11px;box-shadow:inset 0 2px 8px #0004;color:#eee9f3;transition:border-color .2s,box-shadow .2s}
.cinema-workbench #storyboardScriptInput::placeholder{color:#a09ba9;opacity:1}
.cinema-workbench #storyboardScriptInput:hover:not(:disabled){border-color:#94839f}
.cinema-workbench #storyboardScriptInput:focus{outline:2px solid #bda0dc;outline-offset:2px;border-color:#bda0dc;box-shadow:0 0 0 5px #ad8edb12,inset 0 2px 8px #0003}
.cinema-workbench #storyboardScriptInput:disabled{border-color:#49414f;color:#99919f}
.story-chat-tools{margin-top:12px}
@media(prefers-reduced-motion:reduce){.cinema-workbench #storyboardScriptInput{transition:none}}
.story-chat-record-row{position:relative}
.cinema-workbench .story-chat-record-row .story-chat-record{padding-right:39px}
.cinema-workbench .story-chat-record-delete{position:absolute;right:6px;top:8px;display:grid;place-items:center;width:27px;height:27px;min-height:27px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#a99bad;opacity:0;pointer-events:none;transition:opacity .16s ease,background .16s ease,color .16s ease}
.cinema-workbench .story-chat-record-row:hover .story-chat-record-delete,.cinema-workbench .story-chat-record-row:focus-within .story-chat-record-delete{opacity:1;pointer-events:auto}
.cinema-workbench .story-chat-record-delete:hover{color:#ffc0b7;background:#593a41;border-color:#84545b}
.cinema-workbench .story-chat-record-delete:focus-visible{outline:2px solid #d6b382;outline-offset:2px;opacity:1;pointer-events:auto}
@media(hover:none){.cinema-workbench .story-chat-record-delete{opacity:1;pointer-events:auto}}
@media(prefers-reduced-motion:reduce){.cinema-workbench .story-chat-record-delete{transition:none}}
