/* RIPOSTE editing room. Opaque work surfaces, restrained color, media first. */
.ui-workbench body, body.ui-workbench {
  --ground:#100d18; --txt:#f0eefb; --txt-strong:#ffffff; --mut:#aeabca; --mut2:#8582a8;
  --accent:#9a7bff; --accent2:#c9b6ff; --accent-deep:#6a4fe0; --on-accent:#ffffff;
  --line:#2b2342; --panel:#171324; --panel2:#1e192e;
  --beam:var(--accent);
  --cyan:#92c9c0; --magenta:#c5a4cb; --amber:#9a7bff;
  font-family:var(--sans); background:#0f0c16;
}
.ui-workbench #window {border:0; border-radius:0;}  /* the classic lamps and the dust canvas show through */
.ui-workbench #titlebar {height:60px;flex-basis:60px;padding:0 22px;gap:20px;background:rgba(18,15,28,0.62);z-index:30;}
.ui-workbench .tb-brand {gap:10px;}
.ui-workbench .tb-logo {background:none;box-shadow:none;color:var(--accent);border:0;font-size:27px;}
.ui-workbench .tb-name {display:block;font:600 13px var(--sans);letter-spacing:.18em;}
.ui-workbench .modeswitch {display:flex;align-items:center;gap:8px;padding:0;border:0;background:none;box-shadow:none;overflow:visible;}
.ui-workbench .mode-btn {font:500 12px var(--sans);border-radius:6px;padding:9px 13px;color:var(--mut);background:none;box-shadow:none;}
.ui-workbench .mode-btn.active {background:rgba(37,30,56,0.82);color:var(--txt-strong);border-color:transparent;}
.ui-workbench .who-mail {max-width:150px;font-size:11px;}
.ui-workbench .statusbar {background:rgba(23,19,36,0.74);gap:28px;padding:13px 24px;min-height:72px;border-bottom:1px solid var(--line);box-shadow:none;}
.ui-workbench .hud-label {font:500 9px var(--mono);letter-spacing:.13em;color:var(--mut2);}
.ui-workbench .hud-context strong,.ui-workbench .hud-review strong {font-size:12px;font-weight:550;}
.ui-workbench .hud-context span:not(.hud-label),.ui-workbench .hud-review span:not(.hud-label) {font-size:11px;color:var(--mut);}
.ui-workbench .hud-jobs {background:none;border:0;border-left:1px solid var(--line);padding-left:24px;}
.ui-workbench #hud-next {margin-left:auto;max-width:240px;white-space:normal;}
.ui-workbench #sidebar,.ui-workbench #form-side,.ui-workbench #cast-side,.ui-workbench #style-side {background:rgba(20,16,30,0.62);padding:22px 14px;gap:14px;}
.ui-workbench #mode-songs {grid-template-columns:236px minmax(0,1fr);}
.ui-workbench .workbench-eyebrow {font:500 10px var(--mono);letter-spacing:.14em;color:var(--mut2);padding:14px 10px 0;}
.ui-workbench #song-filter {margin:0;font-size:12px;background:rgba(29,24,45,0.74);border-color:transparent;}
.ui-workbench .song-list {gap:4px;}
.ui-workbench .song-item {background:none;border:1px solid transparent;border-radius:7px;padding:12px;box-shadow:none;}
.ui-workbench .song-item:hover {background:rgba(29,24,45,0.74);}
.ui-workbench .song-item.active {background:rgba(35,29,54,0.74);border-color:#454840;box-shadow:inset 2px 0 var(--accent);}
.ui-workbench .sync {font-size:10px;border-top:1px solid var(--line);padding-top:12px;}
.ui-workbench .ws-head {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;background:rgba(23,19,36,0.74);padding:20px 32px 12px;border-bottom:0;gap:20px;}
.ui-workbench .ws-title {font:500 clamp(24px,2.8vw,38px)/1.2 var(--sans);letter-spacing:-.04em;text-shadow:none;}
.ui-workbench .ws-meta {font:10px var(--mono);color:var(--mut2);margin-top:8px;}
.ui-workbench .ws-actions {align-items:center;gap:10px;}
.ui-workbench .ws-actions {padding-top:5px;}
.ui-workbench .status-select {font-size:10px;border:1px solid var(--line);background:rgba(29,24,45,0.74);border-radius:5px;}
.ui-workbench .song-tabs {background:rgba(23,19,36,0.74);padding:0 32px;gap:24px;border-bottom:1px solid var(--line);}
.ui-workbench .stab {border:0;border-radius:0;background:none;box-shadow:none;padding:15px 0;color:var(--mut);font-size:12px;}
.ui-workbench .stab.active {color:var(--txt-strong);background:none;box-shadow:inset 0 -2px var(--accent);}
.ui-workbench .tab-beam {box-shadow:none;}
.ui-workbench .btn {background:rgba(35,29,54,0.74);border:1px solid #332a4f;color:var(--txt);border-radius:6px;box-shadow:none;text-shadow:none;font:500 12px var(--sans);padding:9px 13px;}
.ui-workbench .btn:hover {background:rgba(47,39,72,0.82);border-color:#574f71;transform:none;}
.ui-workbench .btn-accent {background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:650;}
.ui-workbench .btn-accent:hover {background:#c9b6ff;border-color:#c9b6ff;}
.ui-workbench .btn-danger {color:#f0a3a3;background:#352427;border-color:#674246;}
.ui-workbench .btn-ghost {background:transparent;border-color:transparent;color:var(--mut);}
.ui-workbench .btn:disabled {opacity:.45;cursor:not-allowed;}
.ui-workbench :is(button,summary,a,input,textarea,select):focus-visible {outline:2px solid var(--accent);outline-offset:3px;}
.ui-workbench .inp,.ui-workbench .ta,.ui-workbench select {background:rgba(17,14,26,0.62);color:var(--txt);border-color:#352c52;border-radius:6px;box-shadow:none;}
.ui-workbench .insp-card,.ui-workbench .modal-card {background:rgba(24,20,37,0.74);border:1px solid var(--line);border-radius:10px;box-shadow:none;}
.ui-workbench .insp-h {font:600 11px var(--sans);letter-spacing:.04em;color:var(--txt);}
.ui-workbench .hint {font-size:12px;line-height:1.6;color:var(--mut);}
.ui-workbench .notepad {background:rgba(23,19,36,0.74);box-shadow:none;border:1px solid var(--line);}
.ui-workbench .inspector {background:rgba(20,16,30,0.62);}
.ui-workbench .writing-detail,.ui-workbench .writing-help {border-color:var(--line);background:rgba(24,20,37,0.74);border-radius:7px;}
.ui-workbench #tab-cover {padding:28px 32px 48px;background:#131719eb;}
.ui-workbench .studio-heading h2 {font:500 30px var(--sans);letter-spacing:-.035em;margin:0 0 8px;}
.ui-workbench .studio-heading p {font-size:13px;margin:0 0 24px;}
.ui-workbench .studio-nav {gap:6px;flex-wrap:wrap;margin-bottom:24px;padding:5px;background:rgba(27,22,41,0.74);border:1px solid var(--line);border-radius:8px;}
.ui-workbench .studio-nav .btn {background:none;border-color:transparent;color:var(--mut);padding:9px 14px;}
.ui-workbench .studio-nav .btn[aria-pressed=true] {background:rgba(47,39,72,0.82);color:var(--txt-strong);box-shadow:none;}
.ui-workbench .studio-panel {max-width:1500px;margin:0 auto;}
.ui-workbench .studio-panel .insp-card {background:rgba(24,20,37,0.74);padding:20px;}
.ui-workbench .studio-held {border:1px solid #655238;border-left:3px solid var(--accent);background:rgba(28,23,43,0.74);padding:15px 18px;border-radius:6px;font-size:12px;margin-bottom:20px;}
.ui-workbench .studio-board-card {grid-column:1/-1;background:rgba(24,20,37,0.74);border:1px solid var(--line);border-radius:10px;margin-bottom:24px;overflow:hidden;}
.ui-workbench .studio-board-card[hidden] {display:none;}
.ui-workbench .studio-board-heading {padding:22px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:24px;border-bottom:1px solid var(--line);}
.ui-workbench .studio-board-heading h3 {font-size:18px;margin:0;font-weight:550;}
.ui-workbench .studio-board-heading p {grid-row:2;margin:7px 0 0;font-size:12px;}
.ui-workbench .studio-board-heading button {grid-column:2;grid-row:1/3;}
.ui-workbench .studio-board:empty {min-height:100px;display:grid;place-items:center;}
.ui-workbench .studio-board:empty::after {content:'Open the board to review its shots and frames.';font:12px var(--sans);color:var(--mut2);}
.ui-workbench .studio-board:not(:empty) {padding:20px;}
.ui-workbench .board-navigation {position:sticky;top:0;background:rgba(24,20,37,0.74);padding:12px 0;z-index:2;}
.ui-workbench .board-navigation select {flex:1;min-width:0;}
.ui-workbench .board-preview {background:rgba(15,12,23,0.62);border:1px solid var(--line);border-radius:6px;overflow:hidden;}
.ui-workbench .board-preview img,.ui-workbench .board-preview video {width:100%;max-height:60vh;object-fit:contain;}
.ui-workbench .board-media-grid {gap:16px;}
.ui-workbench .board-slot h4 {font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--mut);}
.ui-workbench .board-provenance {font-size:11px!important;}
.ui-workbench .studio-secondary {margin-top:24px;font-size:12px;color:var(--mut);}
.ui-workbench .studio-queue {border:1px solid var(--line);padding:20px;border-radius:8px;margin-top:24px;background:rgba(23,19,36,0.74);}
.ui-workbench .asset-grid {grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.ui-workbench .asset-card {background:rgba(27,22,41,0.74);border:1px solid var(--line);border-radius:8px;box-shadow:none;overflow:hidden;}
.ui-workbench .asset-card img {aspect-ratio:16/9;object-fit:contain;background:rgba(13,10,19,0.62);}
.ui-workbench .dashboard {padding:40px; background:#15191bf5;}
.ui-workbench .dashboard h1 {font:500 clamp(28px,3vw,44px) var(--sans);letter-spacing:-.045em;}
.ui-workbench .dashboard .dash-card {background:rgba(29,24,45,0.74);border:1px solid var(--line);border-radius:10px;box-shadow:none;}
.ui-workbench .prod-modal {background:rgba(20,16,30,0.62);}
.ui-workbench .production-dialog {background:rgba(20,16,30,0.62);}
.ui-workbench .modal {backdrop-filter:blur(8px);background:#080b0dcc;}
.ui-workbench .workbench-library,.ui-workbench .workbench-output {position:relative;}
.ui-workbench .workbench-library summary,.ui-workbench .workbench-output summary,.ui-workbench .workbench-create summary {cursor:pointer;list-style:none;font-size:12px;font-weight:500;}
.ui-workbench summary::-webkit-details-marker {display:none;}
.ui-workbench .workbench-library summary {padding:9px 13px;color:var(--mut);}
.ui-workbench .workbench-library summary::after,.ui-workbench .workbench-output summary::after {content:'⌄';margin-left:12px;color:var(--mut2);}
.ui-workbench .workbench-library-items,.ui-workbench .workbench-output-items {position:absolute;top:calc(100% + 12px);right:0;min-width:190px;padding:8px;display:flex;flex-direction:column;gap:5px;background:rgba(34,28,52,0.74);border:1px solid #3c315c;border-radius:8px;box-shadow:0 16px 48px #0009;z-index:50;}
.ui-workbench .workbench-library-items button {text-align:left;width:100%;}
.ui-workbench .workbench-output summary {padding:9px 13px;border:1px solid #332a4f;border-radius:6px;white-space:nowrap;}
.ui-workbench .workbench-create {border:1px solid #454a44;border-radius:7px;background:rgba(29,24,44,0.74);}
.ui-workbench .workbench-create summary {padding:13px;color:var(--accent2);}
.ui-workbench .workbench-create .starter {padding:12px;border-top:1px solid var(--line);}
.ui-workbench .workbench-create .starter-modes {flex-wrap:wrap;}
.ui-workbench .workbench-create .starter-h {display:none;}
@media(min-width:1400px) {
  .ui-workbench #tab-cover {padding:32px 48px 60px;}
  .ui-workbench .studio-panel[data-studio=overview] {display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px;align-items:start;}
  .ui-workbench .studio-board-card,.ui-workbench .studio-held {grid-column:1/-1;margin-bottom:0;}
  .ui-workbench .studio-secondary {grid-column:1/-1;}
}
@media(max-width:900px) {
  .ui-workbench #titlebar {padding:0 12px;gap:10px;}
  .ui-workbench .tb-name {display:none;}
  .ui-workbench .statusbar {gap:14px;padding:12px 16px;}
  .ui-workbench .hud-context {display:none;}
  .ui-workbench .ws-head {padding:22px 20px 14px;}
  .ui-workbench .song-tabs {padding:0 20px;gap:20px;}
  .ui-workbench #tab-cover {padding:22px 20px 40px;}
}
@media(max-width:640px) {
  .ui-workbench #titlebar {height:54px;flex-basis:54px;gap:5px;}
  .ui-workbench .mode-btn,.ui-workbench .workbench-library summary {padding:8px;font-size:11px;}
  .ui-workbench .who-mail {display:none;}
  .ui-workbench .who {margin-left:auto;}
  .ui-workbench .statusbar {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px;}
  .ui-workbench .statusbar.hidden {display:none;}
  .ui-workbench .hud-review {min-width:0;}
  .ui-workbench .hud-jobs {border:0;padding:0;}
  .ui-workbench #hud-next {grid-column:1/-1;width:100%;max-width:none;margin:0;}
  .ui-workbench .ws-head {display:flex;padding:18px 16px 12px;flex-wrap:wrap;}
  .ui-workbench .ws-title {font-size:26px;}
  .ui-workbench .ws-actions {width:100%;justify-content:space-between;}
  .ui-workbench .song-tabs {padding:0 16px;gap:22px;overflow-x:auto;flex-wrap:nowrap;}
  .ui-workbench .stab {flex:none;}
  .ui-workbench #tab-cover {padding:20px 14px 36px;}
  .ui-workbench .studio-heading h2 {font-size:26px;}
  .ui-workbench .studio-board-heading {padding:16px;display:block;}
  .ui-workbench .studio-board-heading button {margin-top:14px;width:100%;}
  .ui-workbench .studio-board:not(:empty) {padding:14px;}
  .ui-workbench .board-navigation {gap:5px;flex-wrap:wrap;}
  .ui-workbench .board-navigation select {order:-1;flex-basis:100%;}
  .ui-workbench .asset-grid {grid-template-columns:1fr;}
  .ui-workbench .dashboard {padding:24px 16px;}
}
@media(max-width:760px) {
  .ui-workbench #mode-songs {grid-template-columns:minmax(0,1fr);}
  .ui-workbench .workbench-library-items {left:0;right:auto;}
}
@media(prefers-reduced-motion:reduce) {.ui-workbench .fx-canvas {display:none;}}
/* Studio: a shot list beside the selected shot, with creation tools below. */
.ui-workbench .studio-heading h2 {font-size:25px;}
.ui-workbench .studio-heading p {margin-bottom:16px;}
.ui-workbench .studio-board-heading {padding:16px 20px;}
.ui-workbench .studio-board-heading p {font-size:12px;}
.ui-workbench .studio-board:not(:empty) {padding:16px;}
.ui-workbench .studio-board>h3 {margin:0;font-size:13px;}
.ui-workbench .studio-board>p {font-size:12px;margin:8px 0;color:var(--mut);}
.board-evidence {font-size:11px;color:var(--mut);margin:12px 0;}
.board-evidence>summary {cursor:pointer;}
.board-workspace {display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;align-items:start;}
.board-shot-list {display:flex;flex-direction:column;gap:6px;max-height:70vh;overflow-y:auto;position:sticky;top:65px;}
.board-shot-button {display:flex;flex-direction:column;gap:6px;text-align:left;padding:12px;border:1px solid var(--line);border-radius:6px;background:rgba(22,18,34,0.74);color:var(--txt);cursor:pointer;}
.board-shot-button strong {font:600 12px var(--sans);}
.board-shot-button span {font:12px/1.5 var(--sans);overflow-wrap:anywhere;}
.board-shot-button small {font:10px/1.4 var(--mono);color:var(--mut);}
.board-shot-button[aria-current=true] {border-color:var(--accent);background:rgba(33,28,51,0.74);box-shadow:inset 3px 0 var(--accent);}
.board-shot {min-width:0;}
.board-shot-heading h3 {font-size:20px;margin:0 0 12px;}
.board-shot-heading p {font-size:13px;line-height:1.7;}
.board-shot-brief {border:1px solid var(--line);border-radius:6px;margin:16px 0;font-size:12px;}
.board-shot-brief>summary {padding:12px;cursor:pointer;font-weight:600;}
.board-shot-brief .board-direction {padding:0 12px 12px;font-size:12px;line-height:1.6;}
.ui-workbench .board-media-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;}
.board-slot {min-width:0;border:1px solid var(--line);border-radius:7px;padding:12px;background:rgba(21,17,32,0.62);}
.board-slot>h4 {margin:0 0 12px;}
.board-slot select {width:100%;font-size:11px;}
.board-missing {font-size:12px;line-height:1.6;color:var(--mut);}
.studio-start {border:1px solid var(--line);border-radius:8px;margin:20px 0;}
.studio-start>summary,.studio-queue>summary {font-size:13px;font-weight:600;padding:16px;cursor:pointer;}
.ui-workbench .studio-start>.insp-card {margin:12px;}
.ui-workbench .studio-queue {padding:0;}
.studio-queue>div,.studio-queue>.btn {margin:16px;}
@media(max-width:760px){
 .ui-workbench #tab-cover {padding:20px 12px 32px;}
 .board-workspace {grid-template-columns:minmax(0,1fr);gap:16px;}
 .board-shot-list {display:grid;grid-auto-flow:column;grid-auto-columns:160px;max-height:none;overflow-x:auto;position:static;padding-bottom:8px;}
 .board-shot-button {min-width:0;}
 .ui-workbench .studio-board-heading {padding:14px;grid-template-columns:1fr;gap:12px;}
 .ui-workbench .studio-board-heading button {grid-column:1;grid-row:3;justify-self:start;}
 .ui-workbench .studio-board:not(:empty) {padding:12px;}
 .ui-workbench .board-navigation {flex-wrap:wrap;position:static;}
}
/* Contact sheet keeps sequence and missing coverage visible before animation. */
.board-shot-thumb{width:100%;aspect-ratio:16/9;object-fit:contain;background:rgba(9,12,16,0.62);border-radius:4px}
.board-shot-action{font-size:12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.board-workspace.board-overview{display:block}
.board-overview .board-shot-list{position:static;max-height:none;display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));overflow:visible}
.board-overview .board-shot{display:none}
.board-overview .board-shot-button{align-self:stretch}