/* Quiet application chrome; artwork and document rendering are unchanged. */
body.workspace-calm { --line:var(--line-w); --coral-wash:var(--coral-soft); --canvas-bg:var(--space); }
body.workspace-calm[data-theme="light"], html[data-theme="light"] body.workspace-calm { --canvas-bg:#F1F3F6; --card:#fff; --ink:#202635; --ink-soft:#586274; --ink-faint:#586274; --ink-ghost:#657084; --line:#DDE2E9; }
.workspace-calm #topbar { height:56px; min-height:56px; padding:8px 16px; gap:16px; flex-wrap:nowrap; box-shadow:none; }
.workspace-calm .tb-left { flex:1 1 0; min-width:0; }
.workspace-calm .tb-right { flex:0 0 auto; gap:8px; }
.workspace-calm #project-name { max-width:260px; min-width:70px; }
.workspace-calm #new-project-btn,.workspace-calm #theme-toggle,.workspace-calm .brand-word,.workspace-calm .brand-tag,.workspace-calm .template-badge { display:none!important; }
.workspace-calm #ship-btn { min-width:84px; }
.workspace-calm #rail { width:74px; flex:0 0 74px; padding:12px 5px; gap:8px; box-shadow:none; border-right:1px solid var(--line); }
.workspace-calm #rail .rail-btn { min-height:62px; width:64px; border-radius:7px; }
.workspace-calm #rail .rail-btn[hidden], .workspace-calm [hidden] { display:none!important; }
.workspace-calm #rail .rail-label { white-space:normal; font-size:11px; line-height:1.2; color:var(--ink-soft); }
.workspace-calm .rail-btn.active { background:var(--coral-wash); box-shadow:none; }
.workspace-calm #panel,.workspace-calm #inspector { width:290px; flex:0 0 290px; border-radius:0; box-shadow:none; background:var(--card); }
.workspace-calm #panel-head,.workspace-calm #inspector-head { background:var(--card); box-shadow:none; border-bottom:1px solid var(--line); }
.workspace-calm #panel-body,.workspace-calm #inspector-body { padding:16px; }
.workspace-calm .p-section,.workspace-calm .p-card,.workspace-calm .style-across-set,.workspace-calm .device-statusbar-card,.workspace-calm .el-loupe-card { background:transparent; box-shadow:none; border-radius:0; border:0; }
.workspace-calm .p-section { padding:0 0 16px; margin:0 0 16px; border-bottom:1px solid var(--line); }
.workspace-calm .panel-eyebrow { text-transform:none; letter-spacing:0; font-size:12px; color:var(--ink); }
.workspace-calm .ins-label,.workspace-calm .layers-hint,.workspace-calm #panel-sub { font-size:12px; color:var(--ink-soft); }
#workspace-area { min-width:0; min-height:0; flex:1 1 0; display:flex; flex-direction:column; position:relative; }
#canvas-context { flex:0 0 auto; min-height:58px; display:flex; align-items:center; gap:10px; padding:8px 16px; background:var(--card); border-bottom:1px solid var(--line); z-index:12; }
.workspace-modes { display:flex; gap:2px; flex:0 0 auto; }
.workspace-modes .pbtn { padding:0 10px; background:transparent; border:0; }
.workspace-modes [aria-pressed="true"] { background:var(--coral-wash); color:var(--ink); }
.workspace-size { min-width:150px; flex:1 1 240px; max-width:390px; display:flex; flex-direction:column; gap:2px; font-size:10px; color:var(--ink-soft); }
.workspace-size select { color:var(--ink); background:var(--card); border:0; max-width:100%; width:100%; min-height:26px; font:inherit; font-size:12px; }
#canvas-context .tb-center { position:static; transform:none; flex:0 0 auto; width:auto; overflow:visible; margin:0; gap:8px; }
#canvas-context .tb-group--zoom { flex:0 0 auto; display:flex; }
#canvas-context #locale-chip { display:flex; }
#canvas-context #target-nav-wrap { display:none!important; }
#workspace-inspect { position:absolute; right:16px; top:68px; z-index:20; box-shadow:0 2px 8px #0001; }
.workspace-calm #stage { flex:1 1 0; min-height:0; width:100%; background:var(--canvas-bg,#F1F3F6); }
.workspace-calm .storyboard-minis-row,.workspace-calm .storyboard-hint,.workspace-calm #storyboard-watermark-btn,.workspace-calm #storyboard-bleed-toggle { display:none!important; }
.workspace-calm #page-add { width:auto; min-width:104px; padding:0 10px; height:30px; }
.workspace-calm .storyboard-head { gap:10px; min-height:30px; }
.workspace-calm .storyboard-heading { margin-right:auto; }
.workspace-calm #page-bar { box-shadow:none; border-radius:0; border-top:1px solid var(--line); }
.workspace-calm #stage[data-workspace="focus"] #page-bar { position:absolute; inset:auto 0 0; height:142px; padding:6px 12px; display:flex; gap:4px; background:var(--card); z-index:9; }
.workspace-calm #stage[data-workspace="focus"] .storyboard-track-row { flex:1; min-height:0; }
.workspace-calm #stage[data-workspace="focus"] #film-pages { display:flex; height:96px; padding:2px; gap:8px; overflow-x:auto; align-items:stretch; }
.workspace-calm #stage[data-workspace="focus"] .film-page { flex:0 0 120px; width:120px; min-width:120px; height:90px; padding:4px; display:grid; grid-template-columns:34px 1fr; gap:5px; border:1px solid var(--line); border-radius:5px; box-shadow:none; background:var(--card); }
.workspace-calm #stage[data-workspace="focus"] .film-page.active { border:2px solid var(--coral); padding:3px; }
.workspace-calm #stage[data-workspace="focus"] .film-page .thumb { width:34px; height:74px; min-height:0; aspect-ratio:auto; align-self:center; }
.workspace-calm #stage[data-workspace="focus"] .film-page .pnum { display:none; }
.workspace-calm #stage[data-workspace="focus"] .film-meta { height:auto; min-height:0; padding:0; display:flex; flex-wrap:wrap; align-content:center; gap:3px; background:none; }
.workspace-calm #stage[data-workspace="focus"] .film-meta b { width:100%; font-size:11px; color:var(--ink); white-space:normal; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.workspace-calm #stage[data-workspace="focus"] .film-current { display:none; }
.workspace-calm #stage[data-workspace="focus"] .film-rename,.workspace-calm #stage[data-workspace="focus"] .film-move { display:inline-flex; position:static; opacity:1; width:18px; height:20px; }
.workspace-calm #stage[data-workspace="focus"] .film-content-state { font-size:9px; }
.workspace-calm #stage[data-workspace="focus"] .storyboard-more-fade,.workspace-calm #stage[data-workspace="focus"] .storyboard-edge-nav { display:none!important; }
.workspace-details { border-top:1px solid var(--line); padding:12px 0; }
.workspace-details summary { cursor:pointer; font-size:12px; font-weight:600; margin-bottom:10px; color:var(--ink); }
.workspace-brand-tabs { display:flex; gap:4px; margin-bottom:14px; }
.workspace-brand-tabs .pbtn { flex:1; padding:0 6px; }
.workspace-brand-tabs [aria-pressed="true"] { border-color:var(--coral); }
.workspace-calm :is(button,input,textarea,select,summary,[tabindex]):focus-visible { outline:2px solid var(--coral); outline-offset:2px; }
@media(min-width:1550px) {
  .workspace-calm.workspace-inspector-open #panel.hidden { display:flex!important; }
  .workspace-calm.workspace-inspector-open #inspector { order:4; width:286px; flex-basis:286px; border-left:1px solid var(--line); }
}
@media(max-width:1200px) { #canvas-context { flex-wrap:wrap; gap:6px 10px; padding:6px 10px; } .workspace-size { max-width:none; } #canvas-context .tb-center { order:4; } #canvas-context .tb-group--zoom { order:5; margin-left:auto; } }
@media(max-width:900px) {
  .workspace-calm #topbar { min-height:52px; height:52px; padding:6px 8px; gap:6px; }
  .workspace-calm #projects-btn span,.workspace-calm #save-state,.workspace-calm #brand-btn,.workspace-calm .tb-sep { display:none; }
  .workspace-calm .tb-left { flex:1 1 80px; }
  .workspace-calm .tb-right { gap:3px; }
  .workspace-calm #project-name { min-width:40px; max-width:130px; }
  .workspace-calm #ship-btn { min-width:58px; padding:0 9px; }
  .workspace-calm #ship-btn svg { display:none; }
  .workspace-calm #rail { width:100%; flex-basis:auto; padding:3px 6px; gap:6px; }
  .workspace-calm #rail .rail-btn { min-height:46px; width:auto; flex:1; }
  .workspace-calm #panel,.workspace-calm #inspector { width:100%; max-height:48%; flex-basis:auto; }
  #canvas-context { min-height:86px; padding:5px 8px; gap:4px; }
  .workspace-modes { display:none; }
  .workspace-size { flex:1 1 220px; max-width:calc(100% - 86px); }
  #workspace-all-sizes { padding:0 6px; font-size:11px; }
  #canvas-context .tb-center { flex:0 0 auto; }
  #canvas-context .tb-group--zoom { display:flex!important; }
  .workspace-calm #stage[data-workspace="focus"] #page-bar { height:132px; bottom:0; }
  .workspace-calm #stage[data-workspace="focus"] #film-pages { height:84px; }
  .workspace-calm #stage[data-workspace="focus"] .film-page { height:80px; }
  .workspace-calm #stage[data-workspace="focus"] .film-page .thumb { height:64px; }
  #workspace-inspect { top:94px; right:8px; }
}
@media(prefers-reduced-motion:reduce) { .workspace-calm *, .workspace-calm *::before, .workspace-calm *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.workspace-template-loading { grid-column:1/-1;color:var(--ink-soft);font-size:12px; }
.workspace-calm .tpl-favorite { padding:0 7px; font-size:18px; }

.workspace-element-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px; }
.workspace-element-entry { position:relative;min-width:0; }
.workspace-element-entry > button:first-child { width:100%;min-height:74px;padding-bottom:22px; }
.workspace-element-favorite { position:absolute;right:2px;bottom:2px;width:24px;height:24px;border:0;background:var(--card);color:var(--ink-soft);font-size:17px;border-radius:3px;cursor:pointer; }
.workspace-element-favorite[aria-pressed="true"] { color:var(--coral); }
.workspace-calm .el-tabs { flex-wrap:wrap; }
.workspace-calm #page-add { min-height:30px; display:flex; flex:0 0 auto; align-items:center; justify-content:center; gap:5px; }
.workspace-calm .storyboard-head { flex:0 0 30px; height:30px; }

.workspace-calm #stage[data-workspace="focus"] .film-page { flex-basis:144px;width:144px;min-width:144px;grid-template-columns:34px minmax(0,1fr); }
.workspace-calm #stage[data-workspace="focus"] .film-meta { min-width:0;max-width:100%; }
.workspace-calm #stage[data-workspace="focus"] .media-content-state { flex:0 0 100%;min-width:0;max-width:100%;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px; }
@media(max-width:900px) { .workspace-calm #stage[data-workspace="focus"] .film-meta b { -webkit-line-clamp:1; } }

.workspace-calm #stage[data-workspace="storyboard"] .film-meta { display:grid;grid-template-columns:minmax(0,1fr) repeat(3,28px);grid-template-rows:24px 18px;height:60px;min-height:60px;padding:6px 8px;gap:3px; }
.workspace-calm #stage[data-workspace="storyboard"] .film-meta b { font-size:12px;color:var(--ink); }
.workspace-calm #stage[data-workspace="storyboard"] .film-current { display:none; }
.workspace-calm #stage[data-workspace="storyboard"] .media-content-state { grid-column:1/-1;grid-row:2;min-width:0;max-width:100%;font-size:11px; }

.workspace-preview-status { position:absolute;inset:auto 8px 8px;z-index:3;padding:6px;background:var(--card);color:var(--ink);border-radius:4px;font-size:12px;text-align:center; }
.thumb.live .workspace-preview-status { display:none; }
@media(max-width:900px) { .workspace-calm #recovery-btn { display:none!important; } }
/* Review and export share restrained, actionable content states. */
.review-issue { display:flex;flex-direction:column;gap:5px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:var(--card);color:var(--ink);padding:12px 8px;cursor:pointer;font:inherit; }
.review-issue b { font-size:12px;line-height:1.5; }
.review-issue span { font-size:12px;line-height:1.55;color:var(--ink-faint); }
.review-issue:hover { background:var(--panel); }
.review-add-language { margin:12px 0;font-size:13px; }
.review-add-language summary { cursor:pointer;padding:8px 0; }
.review-add-language input { box-sizing:border-box;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink); }
.review-add-language>div { display:flex;flex-direction:column;gap:6px;max-height:230px;overflow:auto;margin-top:8px; }
.review-inheritance { font-size:12px;line-height:1.55;padding:10px 0; }
.review-inheritance>div { display:flex;flex-wrap:wrap;gap:8px; }
.review-inheritance select { max-width:100%;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:6px; }
.prod-chip[hidden],.prod-locale-search[hidden],.locale-menu-search[hidden] { display:none!important; }
.prod-chips:not(.locale) .prod-chip { flex-basis:100%; }
.review-preview-modal { width:min(1100px,96vw);max-height:90vh;overflow:auto; }
.review-preview-columns { display:grid;grid-template-columns:1fr 1fr;gap:18px; }
.review-preview-column { min-width:0; }
.review-preview-column select { display:block;width:100%;margin:8px 0;padding:9px;background:var(--card);color:var(--ink);border:1px solid var(--line); }
.review-preview-image { height:300px;display:flex;justify-content:center;align-items:center;background:var(--panel); }
.review-preview-image canvas { max-height:100%;max-width:100%;width:auto;height:auto; }
.review-preview-issues { max-height:160px;overflow:auto; }
.review-preview-column figcaption { font-size:12px;margin:8px 0;color:var(--ink-faint); }
@media(max-width:600px){.review-preview-image{height:210px}.review-preview-columns{gap:8px}.review-preview-column select{font-size:12px}.review-preview-modal{padding:16px!important}}
.review-preview-modal { box-sizing:border-box;padding:28px!important; }
.review-preview-modal h2 { margin:0 32px 10px 0; }
@media(max-width:600px){.review-preview-modal{padding:16px!important}}