/* Script workspace follows the homepage black and warm-gold palette. */
#view-editor #workspace-text{background:#050606;color:#c9c5bc;color-scheme:dark}
#view-editor #workspace-text .script-workbench{background:#050606}
#view-editor #workspace-text .script-column{background:#080909;border-color:#ffffff12}
#view-editor #workspace-text .script-panel-title,
#view-editor #workspace-text .script-flow-controls,
#view-editor #workspace-text .script-column>div:last-child:not(.script-stage-list){background:#0d0f0f;border-color:#ffffff12;color:#ddd8ce}
#view-editor #workspace-text .script-info-grid,
#view-editor #workspace-text .script-info-cell,
#view-editor #workspace-text .episode-manager,
#view-editor #workspace-text .script-output-tabs{background:#0a0c0c;border-color:#ffffff12}
#view-editor #workspace-text textarea{background:#050606!important;color:#d9d6cf;border-color:#ffffff12;caret-color:#e8c887}
#view-editor #workspace-text textarea::placeholder{color:#777d7b}
#view-editor #workspace-text textarea:focus{box-shadow:inset 0 0 0 1px #d6a95755}
#view-editor #workspace-text #storyboard-output.locked-output{background:#0b0d0d!important;color:#929894}
#view-editor #workspace-text select,
#view-editor #workspace-text input,
#view-editor #workspace-text .episode-mini-btn,
#view-editor #workspace-text .script-toolbar-btn,
#view-editor #workspace-text .script-stage-lock-btn{background:#101212;border-color:#ffffff20;color:#c9c5bc}
#view-editor #workspace-text select option{background:#101212;color:#ddd8ce}
#view-editor #workspace-text .field-label,
#view-editor #workspace-text .script-stage-meta{color:#929791}
#view-editor #workspace-text .script-stage-list{background:#080909}
#view-editor #workspace-text .script-stage-card{background:#101212;border-color:#ffffff15;color:#b3b6ae}
#view-editor #workspace-text .script-stage-card:hover{background:#191c1b;border-color:#d6a95766;color:#eee7db}
#view-editor #workspace-text .script-stage-card.active{background:linear-gradient(135deg,#2b2418,#15130e);border-color:#d6a957;box-shadow:inset 3px 0 0 #d6a957;color:#f0d7a3}
#view-editor #workspace-text .script-output-tab{background:transparent;border-color:transparent;color:#929791}
#view-editor #workspace-text .script-output-tab.active{background:#d6a9571a;border-color:#d6a957;color:#e8c887}
#view-editor #workspace-text .script-toolbar-btn:hover,
#view-editor #workspace-text .episode-mini-btn:hover{background:#22251f;border-color:#d6a95766;color:#eee7db}
#view-editor #workspace-text .script-toolbar-btn.primary,
#view-editor #workspace-text .script-stage-lock-btn.locked{background:#d6a9571a;border-color:#d6a95799;color:#e8c887}
#view-editor #workspace-text .episode-mini-btn.danger{color:#ffb9bd}
#view-editor #workspace-text .script-status-pill{background:#101212;border-color:#ffffff20;color:#aab0a8}
#view-editor #workspace-text .script-status-pill.pass{background:#11251e;border-color:#328363;color:#b5f5d6}
#view-editor #workspace-text .script-status-pill.running{background:#2b2418;border-color:#a8894f;color:#e8c887}
#view-editor #workspace-text .script-resizer:hover,
#view-editor #workspace-text .script-resizer.resizing{background:#d6a95755}
#view-editor #workspace-text button:focus-visible,
#view-editor #workspace-text select:focus-visible{outline:2px solid #d6a957;outline-offset:2px}
#view-editor #workspace-text button:disabled{opacity:.45;cursor:not-allowed}
#view-editor #workspace-text ::selection{background:#d6a95755;color:#fff5df}
#view-editor #workspace-text *{scrollbar-color:#343936 #080909}

/* Full-width source followed by a single selectable production stage. */
#view-editor #workspace-text{overflow:auto}
#view-editor #workspace-text .script-workbench{display:flex;flex-direction:column;flex:1 0 auto;min-height:100%;gap:12px;padding:12px;box-sizing:border-box}
#view-editor #workspace-text .script-column{flex-shrink:0;border:1px solid #ffffff12;border-radius:10px;overflow:hidden}
#view-editor #workspace-text .script-column:first-child{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(200px,28vh)}
#view-editor #workspace-text .script-column:first-child .script-panel-title{grid-column:1/-1}
#view-editor #workspace-text .script-column:first-child .script-info-grid{margin:0;padding:10px 12px}
#view-editor #workspace-text .script-column:first-child .episode-manager{margin:0;padding:10px 12px}
#view-editor #workspace-text #source-text-input{grid-column:1/-1;width:100%;min-height:150px;box-sizing:border-box}
#view-editor #workspace-text .script-stage-tabs{display:flex;background:#080909;border-bottom:1px solid #ffffff12;padding:8px 12px;gap:8px;flex-wrap:wrap}
#view-editor #workspace-text .script-stage-tab{flex:1;min-width:130px;padding:10px 16px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aab0a8;font-size:14px;cursor:pointer}
#view-editor #workspace-text .script-stage-tab.active{background:#d6a9571a;border-color:#d6a95788;color:#e8c887}
#view-editor #workspace-text .script-stage-tab:hover{color:#f0d7a3;background:#d6a95712}
#view-editor #workspace-text .script-stage-list{display:block;padding:10px 12px;overflow:visible}
#view-editor #workspace-text .script-stage-card{min-height:0}
#view-editor #workspace-text .script-column:last-child{flex:1 0 320px;min-height:320px}
#view-editor #workspace-text #storyboard-output{min-height:240px;width:100%;box-sizing:border-box}
@media(max-width:700px){#view-editor #workspace-text .script-column:first-child{display:flex}#view-editor #workspace-text .script-stage-tab{min-width:100px;padding:10px 8px;font-size:12px}}
#view-editor #workspace-text .script-source-toolbar{height:auto;min-height:36px;display:flex;justify-content:flex-start;gap:16px;padding:3px 12px;overflow-x:auto;flex-wrap:nowrap;flex-shrink:0}
#view-editor #workspace-text .script-source-toolbar>*{flex-shrink:0;white-space:nowrap}
#view-editor #workspace-text .script-source-toolbar>.flex{order:3;margin-left:auto}
#view-editor #workspace-text .script-source-toolbar .script-info-grid{display:flex;gap:16px;padding:0;margin:0;background:transparent;border:0}
#view-editor #workspace-text .script-source-toolbar .script-info-cell{display:flex;align-items:center;gap:8px;padding:0;background:transparent;border:0}
#view-editor #workspace-text .script-source-toolbar .script-info-cell>div{margin:0;font-size:12px}
#view-editor #workspace-text .script-source-toolbar .episode-manager{padding:0;margin:0;background:transparent;border:0}
#view-editor #workspace-text .script-source-toolbar .episode-manager-row{display:flex;align-items:center;gap:8px}
#view-editor #workspace-text .script-source-toolbar label{display:flex;align-items:center;gap:8px}
#view-editor #workspace-text .script-source-toolbar .field-label{margin:0;white-space:nowrap}
#view-editor #workspace-text .script-source-toolbar .episode-select{width:160px;max-width:200px;margin:0}
#view-editor #workspace-text .script-source-toolbar .episode-select,
#view-editor #workspace-text .script-source-toolbar .episode-mini-btn{height:28px;min-height:28px;padding-top:2px;padding-bottom:2px;box-sizing:border-box}
#view-editor #workspace-text .script-column:first-child #source-text-input{min-height:200px}

/* One large editor above a canvas-style bottom navigation dock. */
#view-editor #workspace-text{overflow:hidden;position:relative}
#view-editor #workspace-text .script-workbench{flex:1 1 0;min-height:0;overflow:auto;gap:8px;padding:10px 12px 0}
#view-editor #workspace-text .script-column:first-child{display:flex;flex-direction:column;flex:1 1 0;min-height:0}
#view-editor #workspace-text .script-column:first-child #source-text-input{flex:1 1 0;min-height:0}
#view-editor #workspace-text:not([data-script-view]) .script-column:not(:first-child),
#view-editor #workspace-text[data-script-view="script"] .script-column:not(:first-child),
#view-editor #workspace-text[data-script-view]:not([data-script-view="script"]) .script-column:first-child{display:none}
#view-editor #workspace-text .script-column:nth-child(2){display:flex;flex-direction:row;align-items:center;gap:10px;flex:0 0 auto;padding:6px 10px;overflow-x:auto}
#view-editor #workspace-text .script-column:nth-child(2)>.script-panel-title{display:none}
#view-editor #workspace-text .script-flow-controls{flex:0 0 160px;padding:0;border:0}
#view-editor #workspace-text:not([data-script-view="art"]) .script-flow-controls{display:none}
#view-editor #workspace-text .script-stage-list{flex:1;min-width:320px;padding:0}
#view-editor #workspace-text .script-stage-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 10px}
#view-editor #workspace-text .script-stage-card>.script-stage-meta{display:none}
#view-editor #workspace-text .script-stage-card>.flex{margin:0;flex-shrink:0}
#view-editor #workspace-text .script-column:nth-child(2)>div:last-child{padding:0;border:0;flex-shrink:0}
#view-editor #workspace-text .script-column:last-child{display:flex;flex-direction:column;flex:1 1 0;min-height:180px}
#view-editor #workspace-text #storyboard-output{flex:1 1 0;min-height:0}
#view-editor #workspace-text .script-bottom-dock{position:absolute;left:50%;bottom:12px;z-index:20;display:flex;align-items:center;gap:6px;max-width:calc(100% - 24px);overflow-x:auto;margin:0;padding:6px;border:1px solid #ffffff18;border-radius:14px;background:#202222;box-shadow:0 6px 24px #0006;transform:translateX(-50%)}
#view-editor #workspace-text .script-bottom-dock button{flex-shrink:0;min-height:42px;padding:0 20px;border:1px solid transparent;border-radius:9px;background:transparent;color:#bfc3c1;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer}
#view-editor #workspace-text .script-bottom-dock button:hover{background:#ffffff0a;color:#fff}
#view-editor #workspace-text .script-bottom-dock button[aria-selected="true"]{background:transparent;border-color:transparent;color:#ebcd91}
@media(max-width:600px){#view-editor #workspace-text .script-bottom-dock{gap:2px;padding:4px}#view-editor #workspace-text .script-bottom-dock button{padding:0 10px;font-size:12px}}