/* DA.5: geometry and UI roles. Script paper/media transforms remain external. */
@media screen {
:root {
 --pane-gutter:16px;--space-micro:4px;--space-related:8px;--space-inside:12px;--space-normal:16px;--space-section:24px;
 --inset-compact:7px;--inset-standard:11px;--inset-editorial:16px;
 --navigation-height:42px;--context-height:44px;--control-height:28px;--shell-header-height:32px;
 --tracking-navigation:.14em;--tracking-header:.14em;--tracking-control:.07em;--tracking-data:0;--tracking-metadata:.025em;
 --shot-identity-width:72px;--shot-thumbnail-width:206px;
}
/* Rail owners; Script paper keeps its existing padding/width/reading geometry. */
.viewer-pane>.pane-body:not(:has(.script-paper)) {padding:var(--pane-gutter)!important}
.viewer-pane>.pane-tabs,.viewer-pane>.pane-context {padding-inline:var(--pane-gutter)!important;box-sizing:border-box}
.viewer-pane>.pane-tabs {height:var(--navigation-height)!important;min-height:var(--navigation-height)!important;overflow-x:auto;overflow-y:hidden;gap:var(--space-inside);flex-wrap:nowrap}
.viewer-pane>.pane-tabs .pane-tab {flex:none;padding-inline:0!important;min-height:0!important;height:100%;background-color:transparent!important;border-radius:0!important;letter-spacing:var(--tracking-navigation)!important;color:var(--text-secondary)}
.viewer-pane>.pane-tabs .pane-tab.active {color:var(--accent)!important}
.viewer-pane>.pane-context {height:var(--context-height)!important;min-height:var(--context-height)!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:var(--space-related)!important;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap!important;position:relative}
.pane-context>* {flex-shrink:0}
.pane-context .context-actions {margin-left:auto;display:flex;gap:var(--space-related);position:static!important;align-self:center}
.pane-context .workspace-spacer {display:none}
.pane-context .special-toolbar-actions,.script-reading-controls {display:flex!important;align-items:center;gap:var(--space-related);position:static!important;transform:none!important}
/* Shared material chassis, with segments/range/menu/action semantics inside. */
.pane-context :is(.context-control,.context-segments,.script-language-tabs,.coverage-mode,.size-control,.tool-menu-wrap>button,.special-filter>summary,.context-actions button,.script-reading-controls>.pane-header-actions>button),.context-segments {
 box-sizing:border-box;height:var(--control-height)!important;min-height:var(--control-height)!important;max-height:none!important;border:1px solid var(--border-subtle)!important;border-radius:var(--radius-control)!important;background-color:var(--surface-control)!important;color:var(--text-secondary)!important;letter-spacing:var(--tracking-control)!important;font-size:9px!important;line-height:1!important;
 display:inline-flex!important;align-items:center!important;justify-content:center;gap:var(--space-micro);padding:0 var(--inset-compact)!important;position:relative!important;inset:auto!important;transform:none!important;width:auto!important;
 box-shadow:inset 1px 1px 0 rgb(from var(--light-neutral) r g b / .14)!important;
}
.pane-context :is(.script-language-tabs,.coverage-mode) {padding:0!important;overflow:hidden;gap:0}
.context-segments {overflow:hidden}
.pane-context :is(.context-segments,.script-language-tabs,.coverage-mode)>button,.context-segments>button {display:flex;align-items:center;gap:var(--space-micro);height:100%!important;min-height:0!important;padding:0 var(--inset-compact)!important;border:0!important;border-radius:0!important;background:transparent!important;color:var(--text-secondary)!important;font:inherit;letter-spacing:inherit;white-space:nowrap}
.pane-context button.active,.context-segments>button.active {color:var(--accent)!important;background-color:var(--accent-soft)!important}
.pane-context button:disabled,.context-segments>button:disabled {opacity:var(--disabled-opacity-muted);cursor:default}
.pane-context button:not(:disabled):hover,.pane-context summary:hover,.context-segments>button:not(:disabled):hover {color:var(--accent-hover)!important;background-color:var(--accent-soft)!important}
.pane-context :is(button,summary):focus-visible,.context-segments>button:focus-visible {outline:1px solid var(--accent);outline-offset:-2px}
.pane-context svg,.context-segments svg,.control-icon {width:16px;height:16px;flex:none;stroke-width:1.5}
.pane-context .context-actions button,.pane-context .script-reading-controls>.pane-header-actions>button {width:var(--control-height)!important;padding:5px!important}
.pane-context .tool-menu-wrap,.pane-context .coverage-tools,.pane-context .special-filter {position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:auto!important}
.pane-context .seq-preview-action {order:0!important;margin:0!important}
.pane-context .size-control {min-width:160px!important;white-space:nowrap}
.size-control button {border:0;background:transparent;color:var(--text-secondary);cursor:pointer;min-width:20px;min-height:24px;padding:0;font:inherit}
.size-control button:disabled {opacity:var(--disabled-opacity-muted);cursor:default}
.size-control input[type=range] {min-width:60px}
.pane-context .size-control input[type=range] {width:76px!important}
/* Functional shells reuse the radius-aware DA.4 rim; nested roles reduce surface presence. */
:is(.sequence-media-section,.element-set-profile,.character-profile,.character-documents-section,.profile-documents,.look-book-card,.character-card,.element-extras,.music-section) {position:relative;border-radius:var(--radius-card)!important;border-color:transparent!important;padding:var(--inset-editorial);box-sizing:border-box;min-width:0}
.sequence-media-section {margin:var(--space-section) 0 0!important;width:100%!important}
.sequence-media-section::after {bottom:0;height:auto;border-radius:inherit;padding:1px;background:var(--light-edge-paint)}
.sequence-media-section>.gallery-head {padding-top:0!important}
.gallery-head {min-height:var(--shell-header-height);margin:0 0 var(--space-related)!important;padding:0!important;border:0!important;background-image:none!important;display:flex;align-items:center;justify-content:space-between}
:is(.element-set-profile,.character-profile,.character-documents-section,.profile-documents,.element-extras,.music-section)::after {content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;box-sizing:border-box;background:var(--light-shell-paint);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.book-content {padding:var(--pane-gutter)!important}
.book-content>:is(.element-set-profile,.character-profile,.element-extras),.sequence-location-full {margin-inline:0!important;width:100%!important}
:is(.section-title,.gallery-head h2,.character-docs-head,.look-book-head) {letter-spacing:var(--tracking-header)!important;color:var(--text-secondary)}
:is(.image-note,.nav-meta,.element-card-real) {letter-spacing:var(--tracking-metadata)!important;color:var(--text-muted,var(--muted))}
:is(.shot-editable,.shot-id-editable,.element-card-name,.info-value,.character-name) {letter-spacing:var(--tracking-data)!important}
/* List owns a native horizontal scroller. Rows span it; identity cells stick without JS. */
.shotlist.view-list:not(.special-shotlist) {width:100%!important;min-width:0!important;overflow-x:auto!important;margin:0!important;border-radius:var(--radius-card);position:relative}
.shotlist.view-list:not(.special-shotlist)>:is(.shot-list-row,.shot-list-table-head) {width:max(100%,var(--shotlist-min))!important;min-width:var(--shotlist-min)!important;overflow:visible!important;isolation:auto!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-table-head {height:27px!important;min-height:27px!important;position:relative!important;top:auto!important;z-index:4!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-table-head>div {padding-block:var(--inset-compact)!important;align-items:center!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row {min-height:70px!important;height:auto!important;grid-auto-rows:minmax(70px,auto)}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>:is(.shot-list-camera,.shot-list-cell) {min-height:0!important;padding-block:var(--space-micro)!important}
.shotlist.view-list:not(.special-shotlist) .camera-meta-item {padding-block:1px!important;min-height:0!important}
.shotlist.view-list:not(.special-shotlist)>:is(.shot-list-row,.shot-list-table-head)>:first-child,
.shotlist.view-list:not(.special-shotlist)>:is(.shot-list-row,.shot-list-table-head)>[data-render-shot-field=thumbnail] {position:sticky!important;left:0;z-index:2;background-color:var(--bg-base)!important;align-self:stretch!important}
.shotlist.view-list:not(.special-shotlist)>:is(.shot-list-row,.shot-list-table-head)>[data-render-shot-field=thumbnail] {left:var(--shot-identity-width);padding:0!important;display:flex!important;align-items:center;min-height:0!important}
.shotlist.view-list:not(.special-shotlist)>:is(.shot-list-row,.shot-list-table-head)>[data-render-shot-field=thumbnail][style*="display:none"] {display:none!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row.selected>:is(:first-child,[data-render-shot-field=thumbnail]) {background-color:var(--surface-2)!important}
.shotlist.view-list:not(.special-shotlist) .shot-list-id {display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;overflow:visible!important}
.shotlist.view-list:not(.special-shotlist) .shot-list-id .shot-id-editable {margin:0!important;padding:0!important;position:static!important;line-height:1.2!important}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions {position:absolute!important;bottom:2px!important;top:auto!important;left:0!important;right:0!important;display:flex!important;justify-content:center!important;margin:0!important;padding:0!important;transform:none!important}
.shot-list-inline-actions>span {display:flex;gap:4px}
.shot-list-inline-actions button {width:18px!important;height:18px!important;min-height:0!important;padding:1px!important;font-size:9px!important}
.shot-list-inline-actions .control-icon {width:13px;height:13px}
/* Marker belongs to the sticky identity, not the scrolling row edge. */
.shotlist.view-list:not(.special-shotlist)>.shot-list-row::before {display:none!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>.shot-list-id {border-left:2px solid var(--border-subtle)!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row.has-coverage>.shot-list-id {border-left-color:var(--coverage-color)!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row::after {z-index:3}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row.selected>:is(:first-child,[data-render-shot-field=thumbnail])::after {content:'';position:absolute;inset:0;pointer-events:none;border-top:1px solid rgb(from var(--accent) r g b / var(--light-selected-top));border-bottom:1px solid rgb(from var(--accent) r g b / var(--light-row-reflection))}
}
@media screen {
.pane-context .coverage-mode {width:auto!important;min-width:max-content!important;display:flex!important}
.pane-context .coverage-mode>button {width:auto!important;min-width:0!important;flex:none!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>.shot-images {width:var(--shot-thumbnail-width)!important;min-width:0!important;max-width:var(--shot-thumbnail-width)!important;grid-template-columns:none!important}
.shotlist.view-list:not(.special-shotlist) .shot-image-wrap.table-frame {min-width:0!important;width:100%!important}
}
@media screen {
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions {width:auto!important;opacity:.65;min-width:0!important}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions>span {width:auto!important;position:static!important;justify-content:center}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions button {background:transparent!important;border-color:transparent!important;color:var(--text-muted,var(--muted))!important}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions button:hover {color:var(--accent)!important}
.common-media-gallery {position:relative;box-sizing:border-box;border-radius:var(--radius-card);padding:var(--inset-compact)}
.common-media-gallery::after {content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:var(--light-shell-paint);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.sequence-media-section>.common-media-gallery {padding:0}
.sequence-media-section>.common-media-gallery::after {display:none}
}
@media screen {
.shotlist.view-list:not(.special-shotlist)>:is(.shot-list-row,.shot-list-table-head) {border-width:0!important;padding-inline:0!important}
}
@media screen {
.pane-context .special-toolbar-actions {margin:0!important;width:auto!important;justify-content:flex-start!important}
.book-topbar {padding-inline:var(--pane-gutter)!important}
}
@media screen {
.common-media-gallery {padding:0}
}

/* DA.5.1: navigation owns the only structural baseline. */
@media screen {
.viewer-pane>.pane-tabs {border-bottom-width:0!important}
.viewer-pane>.pane-tabs .pane-tab {border-bottom-width:0!important;position:relative}
.viewer-pane>.pane-tabs .pane-tab.active::after {bottom:0!important}
.viewer-pane>.pane-context {height:calc(var(--context-height) + 6px)!important;min-height:calc(var(--context-height) + 6px)!important;padding-top:6px!important;border-bottom:0!important;background-image:none!important}
/* Existing DA.4 radial edge, shorter and quieter on context controls. */
.pane-context :is(.context-control,.context-segments,.script-language-tabs,.coverage-mode,.size-control,.tool-menu-wrap>button,.special-filter>summary,.context-actions button,.script-reading-controls>.pane-header-actions>button),.context-segments,.canonical-control,.comparison-filters>button {
 border-color:transparent!important;box-shadow:none!important;background-color:var(--control-surface,var(--bg-base))!important;--control-edge-strength:.22;
}
.pane-context :is(.context-control,.context-segments,.script-language-tabs,.coverage-mode,.size-control,.tool-menu-wrap>button,.special-filter>summary,.context-actions button,.script-reading-controls>.pane-header-actions>button)::after,.context-segments::after,.canonical-control::after,.comparison-filters>button::after {
 content:'';position:absolute;inset:0;padding:1px;border-radius:inherit;box-sizing:border-box;pointer-events:none;
 background:radial-gradient(ellipse at left top,rgb(from var(--control-edge-ink,var(--light-neutral)) r g b / var(--control-edge-strength)),transparent 52%);
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
.pane-context :is(.context-control,.context-segments,.script-language-tabs,.coverage-mode,.size-control,.tool-menu-wrap>button,.special-filter>summary,.context-actions button):is(:hover,:focus-within),.context-segments:is(:hover,:focus-within),.canonical-control:is(:hover,:focus-visible),.comparison-filters>button:is(:hover,:focus-visible) {--control-edge-strength:.48}
/* Header rim above opaque sticky cells; it remains the sole top-rim painter. */
.shotlist.view-list:not(.special-shotlist)>.shot-list-table-head::before {z-index:3}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions>span {display:grid!important;grid-template-columns:18px 18px;gap:4px}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions button:disabled {opacity:.22;pointer-events:none}
/* Display semantics only; no mutation of imported names or screenplay. */
.nav-title,.character-name,.character-name-tab,.character-grid-card .element-card-name,.sequence-character-option strong,.visual-look-picker-title {text-transform:uppercase}
/* Root presentations do not own shells. Secondary sections share outer rails. */
.element-set-profile,.character-profile {padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background-image:none!important}
.element-set-profile::after,.character-profile::after,.element-extras::after {display:none!important}
.element-extras {padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.character-documents-section,.profile-documents,.element-extras>.common-media-gallery {width:100%!important;margin-inline:0!important;box-sizing:border-box}
.character-documents-section,.profile-documents {margin-block:var(--space-section)!important}
.element-extras>.common-media-gallery {isolation:isolate;border-radius:var(--radius-card)!important}
.element-extras>.common-media-gallery::after {z-index:2}
.look-book-head {align-items:flex-start;gap:var(--space-related)}
.look-identity {min-width:0;flex:1}
.look-heading-line {display:flex;align-items:center;gap:var(--space-related);min-width:0}
.look-book-name {flex:none}
.look-heading-line .look-subtitle {margin:0!important;min-width:0;width:100%;flex:1}
.look-subtitle-view {letter-spacing:var(--tracking-data);overflow-wrap:anywhere}
.look-head-actions {flex-shrink:0}
}
@media screen {
/* Navigation retains its tab positions; align the neutral paint with their bottom. */
.viewer-pane>.pane-tabs {background-position:left calc(100% - 6px)!important}
.viewer-pane>.pane-context {padding-top:12px!important;padding-bottom:6px!important}
.common-media-gallery::after {z-index:2}
.character-documents-section,.profile-documents {padding:var(--inset-editorial)!important}
}
@media screen {
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions {left:0!important;right:0!important;width:auto!important;min-width:0!important;max-width:none!important}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions>span {padding:0!important;gap:4px!important}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions button {box-sizing:border-box!important;width:18px!important;min-width:18px!important;max-width:18px!important;margin:0!important}
.profile-media-section {position:relative;isolation:isolate;width:100%;min-width:0;box-sizing:border-box;padding:var(--inset-editorial);border-radius:var(--radius-card);margin-block:var(--space-section)}
.profile-media-section::after {content:'';position:absolute;inset:0;padding:1px;box-sizing:border-box;border-radius:inherit;pointer-events:none;z-index:2;background:var(--light-shell-paint);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.profile-media-section>.common-media-gallery::after {display:none}
.profile-media-section>.gallery-head {border:0!important;background-image:none!important;margin-top:0!important;padding-top:0!important}
}
@media screen {
body.editing .look-subtitle-view {display:none!important}
.look-head-actions {flex-wrap:nowrap;max-width:none;align-items:center;gap:4px}
.look-head-actions>.media-height-control {flex-basis:auto;order:-1;min-width:0;padding:0}
.look-head-actions>.media-height-control input[type=range] {width:68px;min-width:40px}
.look-heading-line {min-height:30px}
.look-heading-line .look-subtitle {padding:5px!important}
}
@media screen {
.look-book-head {flex-wrap:wrap}
.look-identity {flex:1 1 180px}
.look-heading-line .look-subtitle {min-width:70px}
}
@media screen {
/* Empty thumbnails must not add a 70px cue plus their own border to the row. */
.shotlist.view-list:not(.special-shotlist) .empty-thumb .drop-cue {min-height:0!important;height:auto!important}
/* Marker paint must not shift the center axis of the identity cell. */
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>.shot-list-id {border-left-width:0!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>.shot-list-id::before {content:'';position:absolute;inset:0 auto 0 0;width:2px;background:var(--border-subtle);pointer-events:none}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row.has-coverage>.shot-list-id::before {background:var(--coverage-color)}
.shotlist.view-list:not(.special-shotlist) .shot-list-inline-actions {width:100%!important;box-sizing:border-box;left:0!important;right:auto!important}
}
@media screen {
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>.shot-list-id {border-right-width:0!important}
}

/* DA.5.2 — restore measured pre-Dense frame rhythm (05d6632), not a new guess. */
@media screen {
:root {--shot-row-height:calc((var(--shot-thumbnail-width) - 1px) / 1.85 + 6px + 2px)}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row {
 height:var(--shot-row-height)!important;min-height:var(--shot-row-height)!important;max-height:var(--shot-row-height)!important;
 grid-template-rows:minmax(0,1fr)!important;grid-auto-rows:minmax(0,1fr)!important;border-block:1px solid transparent!important;box-sizing:border-box!important;
}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>div:not(.shot-comment-corner) {min-height:0!important;max-height:100%;box-sizing:border-box}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>[data-render-shot-field=thumbnail] {padding-block:3px!important;border-right:1px solid transparent!important}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>:is(.shot-list-actions,.shot-list-notes,.shot-list-description,.shot-list-subject) {display:block!important;overflow:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>:is(.shot-list-camera,.shot-list-vfx) {overflow:auto;overscroll-behavior:contain}
.shotlist.view-list:not(.special-shotlist) .compact-shot-editor {max-height:none!important;overflow:visible!important}
.shotlist.view-list:not(.special-shotlist) .shot-list-camera .camera-meta-item {min-height:0;overflow:auto}
.shot-coverage-btn .control-icon,.shot-clear-coverage .control-icon {width:13px;height:13px;stroke-width:1.5;display:block}
/* Complete Storyboard cards own one radius-aware DA.4 directional shell. */
.storyboard-shot {position:relative;border-radius:var(--radius-card)!important;border-color:transparent!important;--storyboard-shell-color:var(--light-neutral);--storyboard-shell-strength:var(--light-edge-rest)}
.storyboard-shot.selected {--storyboard-shell-color:var(--accent);--storyboard-shell-strength:var(--light-edge-active)}
.storyboard-shot::after {content:'';position:absolute;inset:0;border-radius:inherit;padding:1px;box-sizing:border-box;pointer-events:none;z-index:25;background:radial-gradient(ellipse at left top,rgb(from var(--storyboard-shell-color) r g b / var(--storyboard-shell-strength)),rgb(from var(--storyboard-shell-color) r g b / .12) 32%,rgb(from var(--storyboard-shell-color) r g b / .018) 72%,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
/* Neutral pixel center and Gold center coincide; intensity feathers, geometry does not. */
.viewer-pane>.pane-tabs .pane-tab.active {background-image:none!important;box-shadow:none!important}
.viewer-pane>.pane-tabs .pane-tab.active::after,
#app .global-topline .book-btn:is(.active,:focus-visible)::after {display:block;content:'';position:absolute;left:0;right:0;bottom:-.5px!important;height:2px;width:auto;border:0;border-radius:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgb(from var(--accent) r g b / .48) 12%,var(--accent) 32%,rgb(from var(--accent) r g b / .88) 55%,rgb(from var(--accent) r g b / .25) 86%,transparent 100%);box-shadow:none;filter:none}
.pane-context :is([data-shot-view],.script-language-tabs button,.coverage-mode button).active {background-image:none!important;box-shadow:none!important}
.look-book-card .common-media-gallery::after {display:none!important}
/* Semantic Status owns both outer material and native select surface. */
body.editing #app .location-status {background:color-mix(in srgb,currentColor 10%,var(--bg-base))!important;border-color:color-mix(in srgb,currentColor 32%,transparent)!important}
#app #workspace .location-status select {background:transparent!important;color:inherit!important;border-color:transparent!important;border-radius:var(--radius-control);box-shadow:none!important;background-image:none!important;outline-color:currentColor}
#app #workspace .location-status:has(select:not(:disabled)):is(:hover,:focus-within) {background:color-mix(in srgb,currentColor 17%,var(--bg-base))!important;border-color:color-mix(in srgb,currentColor 48%,transparent)!important}
body.editing #app .location-status select option {background:var(--bg-base);color:inherit}
}
@media screen {
body #app .pane-context :is([data-shot-view],.script-language-tabs button,.coverage-mode button).active,body #app .context-segments>button.active,body #reviewPaletteHost .context-segments>button.active {background-image:none!important;box-shadow:none!important}
}

/* DA.5.3 — safe centering, native horizontal chaining, shared micro controls. */
@media screen {
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>:is(.shot-list-actions,.shot-list-notes,.shot-list-description,.shot-list-subject) {display:flex!important;flex-direction:column;align-items:stretch!important;justify-content:flex-start!important;overscroll-behavior:auto contain}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>:is(.shot-list-actions,.shot-list-notes,.shot-list-description,.shot-list-subject)>.shot-cell-content {flex:0 0 auto;margin-block:auto;width:100%}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>:is(.shot-list-camera,.shot-list-vfx) {overscroll-behavior:auto contain}
/* Auto block margins center fitting text and resolve to zero for overflow. */
body #app .coverage-micro-control {box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;min-height:18px!important;padding:1px!important;margin:0!important;border:1px solid var(--border-control)!important;border-radius:var(--radius-control)!important;background:transparent!important;box-shadow:none!important;line-height:1!important}
body #app .coverage-micro-control .control-icon {width:13px!important;height:13px!important;stroke-width:2!important;flex:none}
body #app .coverage-micro-control:disabled {opacity:.22!important;pointer-events:none}
body #app .coverage-micro-control:is(:hover,:focus-visible) {border-color:var(--accent)!important}
.viewer-pane>.pane-tabs {scrollbar-width:none!important;scrollbar-gutter:auto!important}
.viewer-pane>.pane-tabs::-webkit-scrollbar {display:none!important;width:0!important;height:0!important}
/* Looks in Profile and Costume use the outer functional card only. */
:is(.look-book-card,.character-card) .common-media-gallery {border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
:is(.look-book-card,.character-card) .common-media-gallery::before,
:is(.look-book-card,.character-card) .common-media-gallery::after {display:none!important}
}
@media screen {
/* Keep the existing Look navigation action, but read it as header text. */
.character-card .costume-look-row .look-chip {border-color:transparent!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding-inline:0!important}
.character-card .costume-look-row .look-chip::after {display:none!important}
.character-card .costume-look-row .look-chip:is(:hover,:focus-visible) {color:var(--accent)!important}
}

/* DA.5.4 — fixed viewport shell, Shot-owned Coverage, native toolbar overflow. */
@media screen {
.shotlist-shell {position:relative;isolation:isolate;min-width:0;width:100%;border-radius:var(--radius-card)}
.shotlist-shell::after {content:'';position:absolute;inset:0;z-index:8;box-sizing:border-box;padding:1px;border-radius:inherit;pointer-events:none;background:var(--light-shell-paint);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude}
.shotlist-shell>.shotlist {border-radius:inherit;isolation:isolate}
.shotlist-shell .shot-list-table-head::before {display:none!important}
.shotlist-shell .shot-list-table-head::after {border-top:0!important}
.shotlist-shell :is(.shot-list-table-head,.shot-list-row)::after {border-inline:0!important}
.shotlist-shell+.add-shot-card {width:100%;box-sizing:border-box;margin-top:0}
.storyboard-shot .storyboard-frame-wrap::before {display:none!important}
.storyboard-shot.has-coverage::before {content:'';position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;border-left:2px solid var(--coverage-color);box-sizing:border-box;background:linear-gradient(90deg,rgb(from var(--coverage-color) r g b / var(--light-coverage-reflection)),rgb(from var(--coverage-color) r g b / .22) 28%,rgb(from var(--coverage-color) r g b / .06) 65%,transparent) left top/24px 100% no-repeat}
.storyboard-shot.has-coverage::after {clip-path:inset(0 0 0 2px)}
.storyboard-shot>:is(.storyboard-shot-head,.storyboard-frame-wrap,.storyboard-shot-info) {position:relative;z-index:2}
.viewer-pane>.pane-context {overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;scrollbar-gutter:auto!important;overscroll-behavior-x:contain}
.viewer-pane>.pane-context::-webkit-scrollbar {display:none!important;width:0!important;height:0!important}
}

/* DA.5.5 — native text-cell chaining; Storyboard-only directional Coverage. */
@media screen {
.shotlist.view-list:not(.special-shotlist)>.shot-list-row>:is(.shot-list-actions,.shot-list-notes,.shot-list-description,.shot-list-subject,.shot-list-camera,.shot-list-vfx) {overscroll-behavior:auto}
.storyboard-shot.has-coverage::before {
 background:linear-gradient(90deg,rgb(from var(--coverage-color) r g b / .26),rgb(from var(--coverage-color) r g b / .08) 30%,transparent 100%) left top/12px 100% no-repeat;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,rgb(0 0 0 / .75) 18%,rgb(0 0 0 / .3) 52%,rgb(0 0 0 / .07) 85%,rgb(0 0 0 / .02) 100%);
 mask-image:linear-gradient(180deg,#000 0%,rgb(0 0 0 / .75) 18%,rgb(0 0 0 / .3) 52%,rgb(0 0 0 / .07) 85%,rgb(0 0 0 / .02) 100%);
}
}

/* Semantic UI titles extend DA.5 display-only uppercase; screenplay/export data untouched. */
@media screen {
.scene-title {text-transform:uppercase}
.canonical-control {position:relative;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer}
.canonical-control:not(:disabled):hover {color:var(--accent-hover)}
.canonical-control:focus-visible {outline:1px solid var(--accent);outline-offset:-2px}
.canonical-control:disabled {opacity:var(--disabled-opacity-muted);cursor:default}
.canonical-control.review-primary {--control-surface:var(--accent);color:var(--bg-base)!important;font-weight:700}
}

@media screen { .canonical-control:is(.active,.selected) {--control-edge-ink:var(--accent);--control-edge-strength:.95;color:var(--accent)} }

/* Micro polish: reuse canonical directional controls, without the legacy full rim. */
#app .pane-context button.canonical-control:is([data-shot-info],[data-script-theme-toggle]):is(:hover,:focus,:focus-visible){outline:none!important;border-color:transparent!important;box-shadow:none!important;--control-edge-strength:.48}
#app .pane-context button.canonical-control:is([data-shot-info],[data-script-theme-toggle]):focus-visible{--control-edge-strength:.85;--control-edge-ink:var(--accent)}
.shotlist:not(.special-shotlist) .camera-meta-item,.shotlist:not(.special-shotlist) .camera-meta-item .shot-editable,.storyboard-camera,.storyboard-camera .shot-editable{color:var(--text-secondary)!important}
.shotlist:not(.special-shotlist) .camera-meta-item:not(:last-child){border-bottom-color:transparent!important;background-image:linear-gradient(90deg,transparent,rgb(from var(--light-neutral) r g b / .18) 45%,rgb(from var(--light-neutral) r g b / .18) 55%,transparent);background-size:80% 1px;background-position:center bottom;background-repeat:no-repeat}
/* Existing top edge is retained; bottom uses that exact gradient, light stays inside. */
.shotlist.view-list:not(.special-shotlist)>.shot-list-row.selected::after{
 background-image:linear-gradient(95deg,rgb(from var(--accent-hover) r g b / var(--light-selected-top)),rgb(from var(--accent) r g b / .55) 40%,rgb(from var(--accent) r g b / .06)),linear-gradient(95deg,rgb(from var(--accent-hover) r g b / var(--light-selected-top)),rgb(from var(--accent) r g b / .55) 40%,rgb(from var(--accent) r g b / .06)),radial-gradient(ellipse at 15% top,rgb(from var(--accent) r g b / .14),transparent 80%),radial-gradient(ellipse at 15% bottom,rgb(from var(--accent) r g b / .14),transparent 80%);
 background-size:100% 1px,100% 1px,100% 12px,100% 12px;background-position:left top,left bottom,left top,left bottom;background-repeat:no-repeat;box-shadow:none;filter:none;
}
.shotlist.view-list:not(.special-shotlist)>.shot-list-row.selected>:is(:first-child,[data-render-shot-field=thumbnail])::after{border-bottom-color:rgb(from var(--accent) r g b / var(--light-selected-top))}
.storyboard-shot.selected{background-image:linear-gradient(95deg,rgb(from var(--accent-hover) r g b / var(--light-edge-active)),rgb(from var(--accent) r g b / .55) 40%,rgb(from var(--accent) r g b / .06)),radial-gradient(ellipse at 15% top,rgb(from var(--accent) r g b / .14),transparent 80%),radial-gradient(ellipse at 15% bottom,rgb(from var(--accent) r g b / .14),transparent 80%)!important;background-size:100% 1px,100% 12px,100% 12px!important;background-position:left bottom,left top,left bottom!important;background-repeat:no-repeat!important}