/* Astra / Workspace redesign. Load LAST, after every application's CSS.
   Layout only: existing elements, event handlers, hidden states and URLs stay owned by the apps. */
body[data-workspace-app] {
  --workspace-rail: 188px;
  --workspace-bg: #f5f5f7;
  --workspace-panel: #fff;
  --workspace-soft: #ededf1;
  --workspace-ink: #1d1d1f;
  --workspace-muted: #6e6e76;
  --workspace-line: #dcdce2;
  --workspace-accent: #0066cc;
  --workspace-tint: #e7f0fb;
  --workspace-shadow: 0 12px 36px #1b24440a, 0 1px 3px #1b244406;
  --workspace-sans: -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', 'Segoe UI', 'Noto Sans KR', sans-serif;
  --media-bg: var(--workspace-bg); --media-surface: var(--workspace-panel); --media-surface-raised: var(--workspace-soft);
  --media-text: var(--workspace-ink); --media-muted: var(--workspace-muted); --media-border: var(--workspace-line);
  --media-accent: var(--workspace-accent); --media-accent-ink: #fff; --media-radius: 10px; --media-sans: var(--workspace-sans);
  --bg: var(--workspace-bg); --panel: var(--workspace-panel); --line: var(--workspace-line); --ink: var(--workspace-ink);
  --muted: var(--workspace-muted); --accent: var(--workspace-accent); --paper: var(--workspace-bg);
  margin: 0; padding-left: var(--workspace-rail); min-height: 100dvh;
  background: var(--workspace-bg); color: var(--workspace-ink); color-scheme: light;
  font-family: var(--workspace-sans); -webkit-font-smoothing: antialiased;
}
body[data-workspace-app] *, body[data-workspace-app] *::before, body[data-workspace-app] *::after { box-sizing: border-box; }
body[data-workspace-app] [hidden] { display: none !important; }
body[data-workspace-app] :is(button,input,select,textarea) { font-family: var(--workspace-sans); }
body[data-workspace-app] :is(button,a,input,select,textarea,summary):focus-visible { outline: 3px solid var(--workspace-accent); outline-offset: 3px; }
body[data-workspace-app] :is(button,summary) { touch-action: manipulation; }
#workspace-rail {
  position: fixed; inset: 0 auto 0 0; z-index: 60; width: var(--workspace-rail);
  display: flex; flex-direction: column; gap: 0; padding: 28px 14px 20px;
  border-right: 1px solid var(--workspace-line); background: var(--workspace-soft);
  color: var(--workspace-ink); font: 500 13px/1.4 var(--workspace-sans); overflow-y: auto;
}
#workspace-rail a { color: inherit; text-decoration: none; border-radius: 9px; }
#workspace-rail svg { width: 20px; height: 20px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.55; stroke-linecap: round; stroke-linejoin: round; }
#workspace-rail .workspace-home { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 0 8px; margin-bottom: 32px; font-size: 15px; font-weight: 650; letter-spacing: -.025em; }
#workspace-rail .workspace-home svg { width: 24px; height: 24px; }
#workspace-rail .workspace-home small { display: block; margin-top: 3px; color: var(--workspace-muted); font-size: 10px; font-weight: 400; letter-spacing: 0; }
#workspace-rail .workspace-rail-label { margin: 0 10px 10px; font-size: 10px; font-weight: 600; color: var(--workspace-muted); letter-spacing: .035em; }
#workspace-rail .workspace-apps { display: grid; gap: 6px; }
#workspace-rail .workspace-apps a { display: flex; align-items: center; gap: 9px; min-height: 44px; padding: 10px; font-size: 12px; }
#workspace-rail .workspace-apps a[aria-current] { background: var(--workspace-panel); box-shadow: 0 2px 5px #2020300a; font-weight: 650; }
#workspace-rail .workspace-apps a[aria-current] svg { color: var(--workspace-accent); }
#workspace-rail .workspace-short { display: none; }
#workspace-rail .workspace-routes { display: grid; gap: 3px; margin-top: 36px; }
#workspace-rail .workspace-routes a { display: flex; align-items: center; min-height: 40px; padding: 8px 12px; color: var(--workspace-muted); font-size: 12px; }
#workspace-rail .workspace-routes a[aria-current] { background: var(--workspace-tint); color: var(--workspace-accent); font-weight: 650; }
#workspace-rail a:hover { background: color-mix(in srgb, var(--workspace-panel) 70%, transparent); }
#workspace-rail .workspace-local { margin-top: auto; padding: 34px 10px 0; display: flex; gap: 8px; align-items: flex-start; color: var(--workspace-muted); font-size: 11px; }
#workspace-rail .workspace-local small { display: block; font-size: 10px; margin-top: 5px; line-height: 1.6; }
.workspace-status-dot { width: 6px; height: 6px; margin-top: 4px; border-radius: 50%; background: #3c8b5f; flex: none; }

/* IMAGE: a generous contact sheet; filters occupy a separate inspector, never push down the grid. */
body[data-workspace-app=image] #atlas-gallery:not([hidden]) {
  --ag-paper: var(--workspace-bg); --ag-soft: var(--workspace-soft); --ag-line: var(--workspace-line);
  --ag-ink: var(--workspace-ink); --ag-sub: var(--workspace-muted); --ag-green: var(--workspace-accent);
  max-width: none; margin: 0; padding: 0 32px 28px; min-width: 0;
  display: grid !important; grid-template-columns: minmax(0,1fr); align-items: start;
  column-gap: 24px; font-family: var(--workspace-sans);
}
body[data-workspace-app=image] #atlas-gallery > * { min-width: 0; }
body[data-workspace-app=image] #atlas-gallery .ag-brand { grid-column: 1 / -1; height: 104px; border: 0; padding: 0; }
body[data-workspace-app=image] #atlas-gallery .ag-brand > a { font-size: 30px; font-weight: 650; letter-spacing: -.045em; }
body[data-workspace-app=image] #atlas-gallery .ag-brand nav button { background: var(--workspace-panel); border: 1px solid var(--workspace-line); font-size: 12px; padding: 0 18px; }
body[data-workspace-app=image] #atlas-gallery .ag-controls { grid-column: 1 / -1; top: 0; padding: 8px 0 12px; background: color-mix(in srgb,var(--workspace-bg) 94%,transparent); backdrop-filter: blur(18px); border-bottom: 1px solid var(--workspace-line); }
body[data-workspace-app=image] #atlas-gallery .ag-toolbar { min-height: 48px; gap: 8px; }
body[data-workspace-app=image] #atlas-gallery .ag-toolbar > button { background: var(--workspace-panel); border: 1px solid var(--workspace-line); padding: 0 16px; font-size: 12px; }
body[data-workspace-app=image] #atlas-gallery #ag-filter-toggle[aria-expanded=true] { background: var(--workspace-tint); border-color: var(--workspace-accent); color: var(--workspace-accent); }
body[data-workspace-app=image] #atlas-gallery #ag-compare:not(:disabled) { background: var(--workspace-ink); color: var(--workspace-panel); border-color: var(--workspace-ink); }
body[data-workspace-app=image] #atlas-gallery #ag-count { font-size: 13px; padding-right: 12px; }
body[data-workspace-app=image] #atlas-gallery .ag-pages { background: var(--workspace-panel); border: 1px solid var(--workspace-line); border-radius: 9px; }
body[data-workspace-app=image] #atlas-gallery #ag-grid { grid-column: 1; grid-template-columns: repeat(auto-fill,minmax(220px,1fr)); gap: 24px 20px; padding: 24px 0; align-content: start; }
body[data-workspace-app=image] #atlas-gallery .ag-card { border: 1px solid var(--workspace-line); border-radius: 15px; background: var(--workspace-panel); overflow: hidden; padding: 8px 8px 0; box-shadow: 0 2px 8px #20203003; }
body[data-workspace-app=image] #atlas-gallery .ag-photo { border-radius: 9px; background: #e8e8ed; }
body[data-workspace-app=image] #atlas-gallery .ag-photo img { height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
body[data-workspace-app=image] #atlas-gallery .ag-card h2 { margin: 12px 8px 0; font-size: 13px; font-weight: 600; line-height: 1.5; }
body[data-workspace-app=image] #atlas-gallery .ag-card > .ag-chip { margin: 0 8px; min-height: 40px; font-size: 11px; text-decoration-color: var(--workspace-line); }
body[data-workspace-app=image] #atlas-gallery .ag-recordid { margin: 0 8px 12px; }
body[data-workspace-app=image] #atlas-gallery #ag-filters { grid-column: 2; grid-row: 3 / span 5; position: sticky; top: 100px; max-height: calc(100dvh - 124px); max-width: none; overflow-y: auto; overscroll-behavior: contain; margin-top: 24px; padding: 20px; background: var(--workspace-panel); border: 1px solid var(--workspace-line); border-radius: 14px; box-shadow: var(--workspace-shadow); }
body[data-workspace-app=image] #atlas-gallery:has(#ag-filters:not([hidden])) { grid-template-columns: minmax(0,1fr) 286px; }
body[data-workspace-app=image] #atlas-gallery #ag-filters :is(input,textarea) { background: var(--workspace-bg); }
body[data-workspace-app=image] #atlas-gallery #ag-filters .ag-search { font-size: 11px; font-weight: 600; }
body[data-workspace-app=image] #atlas-gallery #ag-filters .ag-search input { margin-top: 8px; }
body[data-workspace-app=image] #atlas-gallery .ag-chip[aria-pressed=true] { background: var(--workspace-tint); color: var(--workspace-accent); }
body[data-workspace-app=image] #atlas-gallery #ag-pending { padding-top: 8px; }
body[data-workspace-app=image] #atlas-gallery .ag-pending-line { border: 0; background: var(--workspace-tint); padding: 6px 8px; border-radius: 9px; }
body[data-workspace-app=image] #atlas-gallery .ag-primary { background: var(--workspace-accent); color: #fff; }
body[data-workspace-app=image] #atlas-gallery :is(#ag-compare-note,#ag-error,#ag-empty,.ag-footer) { grid-column: 1; }
body[data-workspace-app=image] #atlas-gallery #ag-error { background: #ffebe9; color: #942d23; border-radius: 8px; }
body[data-workspace-app=image] #atlas-gallery .ag-footer { padding-top: 8px; border-top: 1px solid var(--workspace-line); }
/* Older tools remain a dark, self-contained workbench: their many original hardcoded colors stay coherent. */
body[data-workspace-app=image] .ag-archive { --media-bg:#171a1d; --media-surface:#24292e; --media-surface-raised:#2b3239; --media-text:#eef1f4; --media-muted:#aeb7c0; --media-border:#3b444d; --media-accent:#b4d2f3; --bg:#171a1d; --panel:#24292e; --ink:#eef1f4; --muted:#aeb7c0; --line:#3b444d; --accent:#b4d2f3; max-width: none; margin: 0 32px 32px; padding: 0; border: 1px solid var(--workspace-line); border-radius: 12px; color: var(--workspace-muted); }
body[data-workspace-app=image] .ag-archive > summary { padding: 16px 20px; margin: 0; min-height: 52px; color: var(--workspace-ink); font-size: 12px; }
body[data-workspace-app=image] .ag-archive[open] > main { margin: 0; max-width: none; padding: 20px; background: #171a1d; color: #eef1f4; border-radius: 0 0 11px 11px; }
/* Top-layer viewers retain a dark photographic canvas and all native pan/zoom sizing. */
body[data-workspace-app=image] :is(#viewer,#compare-view,#ag-comparison) { --bg:#171a1d; --panel:#24292e; --ink:#eef1f4; --muted:#aeb7c0; --line:#3b444d; --accent:#b4d2f3; --ag-sub:#b5bec8; --ag-soft:#2b3239; --ag-line:#3b444d; --ag-green:#b4d2f3; color-scheme: dark; }
body[data-workspace-app=image] #ag-comparison { padding: 22px; border-radius: 18px; border-color: #3b444d; background:#171a1d; width: min(1200px,96vw); }
body[data-workspace-app=image] #ag-comparison .ag-pair-bar { top: -22px; background:#171a1d; padding-block: 8px; }
body[data-workspace-app=image] #ag-comparison .ag-pair-grid { gap: 22px; }
body[data-workspace-app=image] #ag-comparison .ag-pair-grid > article { background:#24292e; padding:12px; border-radius:12px; }
body[data-workspace-app=image] .ag-metadata { background:#24292e; }
body[data-workspace-app=image] .ag-meta-pending { background:#24292e; }
body[data-workspace-app=image] .ag-metadata :is(button,textarea) { background:#171a1d; color:#eef1f4; border-color:#46515c; }
body[data-workspace-app=image] dialog::backdrop { background:#10141cbf; backdrop-filter:blur(8px); }

/* NOVEL: split library, with search/reading memory in a tool column and wide typographic rows. */
body[data-workspace-app=novel]:not(.light) {
  --workspace-bg:#191a1e; --workspace-panel:#24262b; --workspace-soft:#202126; --workspace-ink:#f0f0f3;
  --workspace-muted:#adb0ba; --workspace-line:#383b43; --workspace-accent:#99bbff; --workspace-tint:#2b3850;
  --workspace-shadow:0 12px 36px #00000010; --media-accent-ink:#182139; --accent-ink:#182139; color-scheme:dark;
}
body[data-workspace-app=novel].light {
  --media-bg:var(--workspace-bg); --media-surface:var(--workspace-panel); --media-surface-raised:var(--workspace-soft);
  --media-text:var(--workspace-ink); --media-muted:var(--workspace-muted); --media-border:var(--workspace-line);
  --media-accent:var(--workspace-accent); --media-accent-ink:#fff; --accent-ink:#fff;
}
body[data-workspace-app=novel] {
  --library-bg:var(--workspace-bg); --library-ink:var(--workspace-ink); --library-muted:var(--workspace-muted); --library-line:var(--workspace-line); --library-selected:var(--workspace-accent);
  --novel-paper:var(--workspace-bg); --novel-panel:var(--workspace-panel); --novel-ink:var(--workspace-ink); --novel-muted:var(--workspace-muted); --novel-line:var(--workspace-line); --novel-accent:var(--workspace-accent);
}
body[data-workspace-app=novel] > .media-app-header { height: 104px; padding: 0 32px; border: 0; background: var(--workspace-bg); }
body[data-workspace-app=novel] > .media-app-header .brand { font: 650 30px/1.2 var(--workspace-sans); letter-spacing: -.045em; }
body[data-workspace-app=novel] .library-links > summary { padding: 0 16px; background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:9px; min-height:40px; }
body[data-workspace-app=novel] .library-links nav { border-radius:12px; padding:10px; box-shadow:var(--workspace-shadow); }
body[data-workspace-app=novel] #main-content { max-width: none; padding: 0 32px 40px; display:grid; grid-template-columns:228px minmax(0,1fr); grid-template-rows:auto auto 1fr; column-gap:28px; align-items:start; }
body[data-workspace-app=novel] #browse-controls { grid-column:1; grid-row:1; position:relative; top:auto; z-index:5; padding:18px; border:1px solid var(--workspace-line); background:var(--workspace-panel); border-radius:14px; box-shadow:var(--workspace-shadow); }
body[data-workspace-app=novel] .browse-line { flex-wrap:wrap; gap:12px; }
body[data-workspace-app=novel] .browse-line > #filters-toggle { width:100%; justify-content:center; background:var(--workspace-tint); color:var(--workspace-accent); border:1px solid transparent; border-radius:8px; }
body[data-workspace-app=novel] .browse-line #status { flex-basis:100%; font-size:12px; white-space:normal; line-height:1.6; }
body[data-workspace-app=novel] #pagination { width:100%; justify-content:space-between; border-top:1px solid var(--workspace-line); padding-top:6px; }
body[data-workspace-app=novel] #active-filters { max-height:100px; flex-wrap:wrap; }
body[data-workspace-app=novel] #draft-pending { display:flex; flex-direction:column; gap:8px; margin-top:12px; padding-top:12px; }
body[data-workspace-app=novel] #draft-chips { flex-wrap:wrap; max-height:150px; overflow-y:auto; }
body[data-workspace-app=novel] .draft-actions { justify-content:flex-end; }
body[data-workspace-app=novel] #draft-apply { color:var(--workspace-panel); }
body[data-workspace-app=novel] #filter-panel { grid-column:1; grid-row:2; margin-top:12px; padding:16px; background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:14px; max-height:calc(100dvh - 80px); overflow:auto; overscroll-behavior:contain; }
body[data-workspace-app=novel] #filter-panel .search { padding-inline:10px; gap:6px; }
body[data-workspace-app=novel] #filter-panel .field-options { gap:4px; }
body[data-workspace-app=novel] #filter-panel .field-options button { min-height:36px; font-size:11px; padding:5px 8px; }
body[data-workspace-app=novel] #filter-panel .category-tree { grid-template-columns:1fr; }
body[data-workspace-app=novel] #listing { display:contents; }
body[data-workspace-app=novel] #listing > .library-memory { grid-column:1; grid-row:3; display:flex; flex-direction:column; gap:12px; margin:16px 0 0; }
body[data-workspace-app=novel] .library-memory > details { padding:12px 16px; background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:12px; }
body[data-workspace-app=novel] .library-memory > details[open] { padding:12px 16px; flex-basis:auto; }
body[data-workspace-app=novel] .library-memory .bookmark-row { display:block; padding-block:10px; overflow-wrap:anywhere; }
body[data-workspace-app=novel] .library-memory .bookmark-row button { max-width:100%; }
body[data-workspace-app=novel] #works.results { grid-column:2; grid-row:1 / span 4; border:1px solid var(--workspace-line); border-radius:16px; background:var(--workspace-panel); padding:0 22px; box-shadow:var(--workspace-shadow); overflow:hidden; }
body[data-workspace-app=novel] #works .work-card.compact-entry { min-height:112px; padding:18px 0 10px; grid-template-columns:minmax(0,1fr) 105px; gap:0 16px; background:transparent; }
body[data-workspace-app=novel] #works .work-card.compact-entry:last-child { border-bottom:0; }
body[data-workspace-app=novel] .compact-entry h2 { font:600 16px/1.5 var(--workspace-sans); white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; letter-spacing:-.025em; }
body[data-workspace-app=novel] .entry-title { gap:12px; }
body[data-workspace-app=novel] .entry-tags { gap:7px; min-height:38px; }
body[data-workspace-app=novel] .entry-tags .tag-chip { font:400 11px/1.4 var(--workspace-sans); min-height:36px; max-width:130px; }
body[data-workspace-app=novel] .entry-actions { gap:8px; }
body[data-workspace-app=novel] .entry-actions button:first-child { background:var(--workspace-tint); color:var(--workspace-accent); border-radius:8px; padding:0 13px; font-size:12px; }
body[data-workspace-app=novel] .entry-actions button:last-child { min-width:36px; }
body[data-workspace-app=novel] .entry-detail { margin-top:12px; padding:18px; border:1px solid var(--workspace-line); border-radius:10px; background:var(--workspace-bg); }
body[data-workspace-app=novel] :is(#more,#empty) { grid-column:2; }
body[data-workspace-app=novel] #main-content:has(#detail:not([hidden])) { display:block; max-width:1150px; }
body[data-workspace-app=novel] #detail { padding:0; }
body[data-workspace-app=novel] #detail .detail-head { padding:28px 32px; margin-top:20px; border-radius:16px; }
body[data-workspace-app=novel] #detail-title { font:600 clamp(26px,3vw,36px)/1.35 var(--workspace-sans); letter-spacing:-.035em; }
body[data-workspace-app=novel] #episode-list { background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:14px; padding:8px 20px; gap:0; }
body[data-workspace-app=novel] .episode-row { min-height:62px; }
/* Reader keeps its own grid, chunk viewport, focus mode, font and current theme. */
body[data-workspace-app=novel] #reader { width:min(940px,96vw); max-height:96dvh; height:96dvh; border-radius:16px; border:1px solid var(--workspace-line); box-shadow:0 24px 100px #0006; background:var(--workspace-bg); color:var(--workspace-ink); }
body[data-workspace-app=novel] #reader::backdrop { background:#10141cbf; backdrop-filter:blur(10px); }
body[data-workspace-app=novel] #reader .reader-head { background:var(--workspace-bg); }
body[data-workspace-app=novel] #reader .reader-quickbar { padding:10px 14px 8px; }
/* Candidates use the actual existing filter form as a persistent inspector. */
body[data-workspace-app=novel].candidate-page #candidate-content { display:grid; grid-template-columns:278px minmax(0,1fr); column-gap:28px; align-items:start; max-width:none; padding:0 32px 40px; }
body[data-workspace-app=novel].candidate-page .hero { padding:0 0 16px; border:0; }
body[data-workspace-app=novel].candidate-page .hero .eyebrow { display:none; }
body[data-workspace-app=novel].candidate-page .hero h1 { font:600 25px/1.4 var(--workspace-sans); margin:0 0 8px; }
body[data-workspace-app=novel].candidate-page .hero p { margin:4px 0; font-size:12px; }
body[data-workspace-app=novel].candidate-page .candidate-filters { grid-column:1; grid-row:3 / span 4; padding:18px; margin:0; background:var(--workspace-panel); border:1px solid var(--workspace-line); position:sticky; top:20px; max-height:calc(100dvh - 40px); overflow:auto; overscroll-behavior:contain; }
body[data-workspace-app=novel].candidate-page .compact-filter-grid { grid-template-columns:1fr; }
body[data-workspace-app=novel].candidate-page .tag-search-row { grid-template-columns:minmax(0,1fr); }
body[data-workspace-app=novel].candidate-page #items { grid-column:2; grid-row:3; display:grid; grid-template-columns:minmax(0,1fr); gap:14px; padding:0; }
body[data-workspace-app=novel].candidate-page #items .work-card { padding:22px; border-radius:14px; background:var(--workspace-panel); border-color:var(--workspace-line); }
body[data-workspace-app=novel].candidate-page :is(#pager,#candidate-notice) { grid-column:2; }

/* VOICE: listening notebook. Search and page navigation live beside, not above, the sample rows. */
body[data-workspace-app=voice] .atlas-shell { max-width:none; padding:0 32px 32px; font-family:var(--workspace-sans); }
body[data-workspace-app=voice] .voice-atlas-theme { color-scheme:light; --media-bg:var(--workspace-bg); --media-surface:var(--workspace-panel); --media-surface-raised:var(--workspace-soft); --media-border:var(--workspace-line); --media-text:var(--workspace-ink); --media-muted:var(--workspace-muted); --media-accent:var(--workspace-accent); --media-accent-ink:#fff; }
body[data-workspace-app=voice] .unified-grid { display:grid; grid-template-columns:232px minmax(0,1fr); column-gap:28px; align-items:start; }
body[data-workspace-app=voice] .unified-grid::before { display:none; }
body[data-workspace-app=voice] .inline-header { grid-column:1 / -1; min-height:94px; border:0; }
body[data-workspace-app=voice] .inline-brand { font-size:22px; font-weight:650; letter-spacing:-.035em; }
body[data-workspace-app=voice] .inline-brand small { font-size:9px; letter-spacing:.12em; }
body[data-workspace-app=voice] .inline-records > summary { min-height:40px; padding:0 16px; background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:9px; font-size:12px; }
body[data-workspace-app=voice] .inline-heading { grid-column:1 / -1; padding:0 0 24px; gap:16px; }
body[data-workspace-app=voice] .inline-heading h1 { font-size:30px; font-weight:650; letter-spacing:-.045em; }
body[data-workspace-app=voice] .inline-heading > span { font-size:12px; }
body[data-workspace-app=voice] .inline-dock { grid-column:1; grid-row:3 / span 5; top:20px; border:1px solid var(--workspace-line); border-radius:14px; padding:16px; background:var(--workspace-panel); box-shadow:var(--workspace-shadow); z-index:20; min-width:0; }
body[data-workspace-app=voice] .inline-search { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; }
body[data-workspace-app=voice] .inline-search > input { width:100%; background:var(--workspace-bg); font-size:13px; }
body[data-workspace-app=voice] .inline-filter-trigger { justify-content:flex-start; color:var(--workspace-accent); background:var(--workspace-tint); border-color:transparent; font-size:12px; }
body[data-workspace-app=voice] .inline-navigation { flex-direction:column; align-items:stretch; gap:10px; padding-top:16px; margin-top:16px; border-top:1px solid var(--workspace-line); }
body[data-workspace-app=voice] .inline-range { font-size:12px; }
body[data-workspace-app=voice] .inline-navigation > nav { justify-content:space-between; gap:0; }
body[data-workspace-app=voice] .inline-navigation button { padding:8px 2px; font-size:11px; min-width:36px; }
body[data-workspace-app=voice] .inline-navigation button svg { width:14px; }
body[data-workspace-app=voice] .inline-page { min-width:46px; font-size:12px; }
body[data-workspace-app=voice] .inline-filter-panel { position:relative; inset:auto; width:calc(100% + 32px); margin:16px -16px -16px; border:0; border-top:1px solid var(--workspace-line); border-radius:0 0 14px 14px; max-height:calc(100dvh - 310px); padding:6px 14px 14px; box-shadow:none; background:var(--workspace-panel); }
body[data-workspace-app=voice] .inline-filter-heading strong { font-size:12px; }
body[data-workspace-app=voice] .inline-filter-tabs { display:grid; grid-template-columns:1fr 1fr; gap:5px; }
body[data-workspace-app=voice] .inline-filter-tabs button { font-size:11px; padding:6px 5px; min-height:36px; }
body[data-workspace-app=voice] .inline-filter-options { grid-template-columns:1fr; max-height:200px; }
body[data-workspace-app=voice] .inline-filter-options label { font-size:12px; }
body[data-workspace-app=voice] .inline-filter-footer { gap:4px; }
body[data-workspace-app=voice] .inline-filter-footer button { font-size:11px; padding-inline:7px; }
body[data-workspace-app=voice] .inline-list { grid-column:2; grid-row:3; display:grid; gap:12px; scroll-margin-top:20px; min-width:0; }
body[data-workspace-app=voice] .inline-item { padding:20px 22px 14px; background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:14px; box-shadow:0 2px 8px #20203003; scroll-margin-top:20px; min-width:0; }
body[data-workspace-app=voice] .inline-identity { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 14px; align-items:baseline; }
body[data-workspace-app=voice] .inline-model { grid-column:1; font-size:16px; letter-spacing:-.025em; }
body[data-workspace-app=voice] .inline-scenario { grid-column:1 / -1; grid-row:2; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal; font-size:13px; line-height:1.65; color:var(--workspace-muted); }
body[data-workspace-app=voice] .inline-condition { grid-column:2; grid-row:1; max-width:220px; font-size:11px; border-radius:6px; background:var(--workspace-bg); padding:2px 7px; }
body[data-workspace-app=voice] .inline-item-actions { margin-top:12px; gap:4px; }
body[data-workspace-app=voice] .unified-grid .inline-item-action { font-size:11px; min-height:36px; padding:6px 9px; border-radius:7px; }
body[data-workspace-app=voice] .unified-grid .inline-item-action:first-child { margin-left:-9px; }
body[data-workspace-app=voice] .unified-grid .inline-item-action:last-of-type { color:var(--workspace-accent); background:var(--workspace-tint); margin-left:auto; padding-inline:14px; }
body[data-workspace-app=voice] .inline-rating-mark { margin-left:4px; padding-left:8px; }
body[data-workspace-app=voice] .inline-rating-mark:empty { display:none; }
body[data-workspace-app=voice] .inline-item.is-expanded { border-color:color-mix(in srgb,var(--workspace-accent) 50%,var(--workspace-line)); box-shadow:var(--workspace-shadow); }
body[data-workspace-app=voice] .inline-item.is-playing { border-left:3px solid var(--workspace-accent); padding-left:20px; }
body[data-workspace-app=voice] .inline-pane { background:var(--workspace-bg); border:0; border-top:1px solid var(--workspace-line); padding:8px 16px 16px; margin:14px -8px -2px; border-radius:10px; }
body[data-workspace-app=voice] .inline-pane-heading strong { font-size:13px; }
body[data-workspace-app=voice] .inline-score { max-width:440px; gap:10px; }
body[data-workspace-app=voice] .inline-score button { min-height:52px; background:var(--workspace-panel); border-radius:9px; }
body[data-workspace-app=voice] .inline-audio { padding-top:10px; }
body[data-workspace-app=voice] .inline-footer { grid-column:2; padding:20px 4px; border:0; }
body[data-workspace-app=voice] :is(.inline-import,.inline-alert) { grid-column:1 / -1; }
body[data-workspace-app=voice] :is(.inline-empty,.inline-message) { grid-column:2; }
/* Full legacy routes get the same material and room, while retaining native model and sentence controls. */
body[data-workspace-app=voice] .atlas-shell > .topbar { min-height:94px; border:0; }
body[data-workspace-app=voice] .atlas-shell .brand { font-family:var(--workspace-sans); font-size:18px; letter-spacing:-.02em; }
body[data-workspace-app=voice] .atlas-shell .brand-mark { border-radius:10px; border-color:var(--workspace-line); font:600 18px var(--workspace-sans); background:var(--workspace-panel); }
body[data-workspace-app=voice] .view-intro { padding:10px 0 24px; border-bottom:1px solid var(--workspace-line); }
body[data-workspace-app=voice] .view-intro h1 { font:650 30px/1.3 var(--workspace-sans); letter-spacing:-.04em; }
body[data-workspace-app=voice] .view-intro p { font-size:13px; }
body[data-workspace-app=voice] .atlas-shell .workspace { display:grid; grid-template-columns:250px minmax(0,1fr); gap:24px; padding-top:24px; }
body[data-workspace-app=voice] .atlas-shell .sentence-picker { grid-column:1; grid-row:1 / span 2; padding:18px; border:1px solid var(--workspace-line); border-radius:14px; background:var(--workspace-panel); }
body[data-workspace-app=voice] .atlas-shell .featured-tests { grid-template-columns:1fr; }
body[data-workspace-app=voice] .atlas-shell .test-list { grid-template-columns:1fr; }
body[data-workspace-app=voice] .atlas-shell .player-column { grid-column:2; grid-row:1; }
body[data-workspace-app=voice] .atlas-shell .sample-card { padding:28px; border-radius:16px; box-shadow:var(--workspace-shadow); }
body[data-workspace-app=voice] .atlas-shell .feedback { grid-column:2; grid-row:2; padding:20px; background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:14px; }
body[data-workspace-app=voice] .benchmark-workspace { grid-template-columns:290px minmax(0,1fr); gap:24px; align-items:start; }
body[data-workspace-app=voice] .benchmark-condition { grid-column:1; grid-row:1 / span 3; background:var(--workspace-panel); padding:20px; border:1px solid var(--workspace-line); border-radius:14px; }
body[data-workspace-app=voice] .benchmark-player { grid-column:2; padding:28px; border-radius:16px; box-shadow:var(--workspace-shadow); }
body[data-workspace-app=voice] .benchmark-review { grid-column:2; padding:24px; background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:14px; }
body[data-workspace-app=voice] .benchmark-ab { padding:18px; background:var(--workspace-bg); border:1px solid var(--workspace-line); border-radius:10px; }

/* At compact desktop widths collapse the tool columns before they crowd the actual work. */
@media (max-width:1100px) {
  body[data-workspace-app] { --workspace-rail:164px; }
  #workspace-rail { padding-inline:10px; }
  #workspace-rail .workspace-apps a { font-size:11px; gap:7px; }
  body[data-workspace-app=image] #atlas-gallery { padding-inline:24px; }
  body[data-workspace-app=image] #atlas-gallery:has(#ag-filters:not([hidden])) { grid-template-columns:minmax(0,1fr) 250px; gap:16px; }
  body[data-workspace-app=image] #atlas-gallery #ag-grid { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); gap:16px; }
  body[data-workspace-app=novel] #main-content { grid-template-columns:200px minmax(0,1fr); gap:18px; padding-inline:24px; }
  body[data-workspace-app=novel] #works.results { padding-inline:16px; }
  body[data-workspace-app=novel] #works .work-card.compact-entry { grid-template-columns:minmax(0,1fr) 88px; gap:0 8px; }
  body[data-workspace-app=voice] .atlas-shell { padding-inline:24px; }
  body[data-workspace-app=voice] .unified-grid { grid-template-columns:208px minmax(0,1fr); column-gap:18px; }
  body[data-workspace-app=voice] .inline-item { padding-inline:16px; }
  body[data-workspace-app=voice] .atlas-shell .workspace, body[data-workspace-app=voice] .benchmark-workspace { grid-template-columns:220px minmax(0,1fr); gap:18px; }
}

/* Tablet/phone: the same real controls become a horizontal work strip. No duplicated buttons. */
@media (max-width:900px) {
  body[data-workspace-app] { padding:0; }
  #workspace-rail { position:relative; inset:auto; width:100%; padding:10px 18px 0; display:grid; grid-template-columns:auto minmax(0,1fr); gap:4px 18px; overflow:visible; border-right:0; border-bottom:1px solid var(--workspace-line); }
  #workspace-rail .workspace-home { margin:0; min-height:44px; padding:0; font-size:13px; gap:8px; }
  #workspace-rail .workspace-home small { display:none; }
  #workspace-rail > .workspace-rail-label, #workspace-rail .workspace-local { display:none; }
  #workspace-rail .workspace-apps { display:flex; justify-content:flex-end; gap:4px; min-width:0; }
  #workspace-rail .workspace-apps a { padding:8px 12px; min-height:40px; }
  #workspace-rail .workspace-apps a > span:not(.workspace-short) { display:none; }
  #workspace-rail .workspace-short { display:inline; }
  #workspace-rail .workspace-routes { grid-column:1 / -1; display:flex; overflow-x:auto; margin:0; gap:6px; padding:4px 0 8px; }
  #workspace-rail .workspace-routes .workspace-rail-label { display:none; }
  #workspace-rail .workspace-routes a { min-height:36px; white-space:nowrap; padding:6px 12px; font-size:11px; }
  body[data-workspace-app=image] #atlas-gallery .ag-brand { height:80px; }
  body[data-workspace-app=image] #atlas-gallery .ag-brand > a { font-size:26px; }
  body[data-workspace-app=image] #atlas-gallery:not([hidden]):has(#ag-filters:not([hidden])) { display:block !important; }
  body[data-workspace-app=image] #atlas-gallery #ag-filters { position:relative; top:auto; margin:16px 0 0; max-height:60dvh; }
  body[data-workspace-app=image] #atlas-gallery #ag-grid { grid-template-columns:repeat(auto-fill,minmax(180px,1fr)); }
  body[data-workspace-app=novel] > .media-app-header { height:80px; padding-inline:24px; }
  body[data-workspace-app=novel] > .media-app-header .brand { font-size:26px; }
  body[data-workspace-app=novel] #main-content { display:block; padding-inline:24px; }
  body[data-workspace-app=novel] #browse-controls { position:sticky; top:0; padding:8px 12px; margin-bottom:16px; }
  body[data-workspace-app=novel] .browse-line { flex-wrap:nowrap; gap:10px; min-height:44px; }
  body[data-workspace-app=novel] .browse-line > #filters-toggle { width:auto; flex:none; }
  body[data-workspace-app=novel] .browse-line #status { flex-basis:auto; white-space:nowrap; }
  body[data-workspace-app=novel] #pagination { width:auto; border:0; padding:0; }
  body[data-workspace-app=novel] #draft-pending { display:grid; margin-top:6px; padding-top:8px; }
  body[data-workspace-app=novel] #listing > .library-memory { flex-direction:row; flex-wrap:wrap; margin:0 0 12px; }
  body[data-workspace-app=novel] .library-memory > details { flex:1 1 220px; padding:6px 14px; }
  body[data-workspace-app=novel] #filter-panel { max-height:60dvh; margin:0 0 16px; padding:18px; }
  body[data-workspace-app=novel] #filter-panel .category-tree { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-workspace-app=novel].candidate-page #candidate-content { display:block; padding-inline:24px; }
  body[data-workspace-app=novel].candidate-page .candidate-filters { position:relative; top:auto; max-height:58dvh; margin-bottom:20px; }
  body[data-workspace-app=novel].candidate-page .compact-filter-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-workspace-app=voice] .unified-grid { display:block; }
  body[data-workspace-app=voice] .inline-header { min-height:76px; }
  body[data-workspace-app=voice] .inline-heading { padding-bottom:18px; }
  body[data-workspace-app=voice] .inline-heading h1 { font-size:26px; }
  body[data-workspace-app=voice] .inline-dock { top:0; padding:12px; margin-bottom:18px; }
  body[data-workspace-app=voice] .inline-search { grid-template-columns:minmax(0,1fr) auto; }
  body[data-workspace-app=voice] .inline-navigation { flex-direction:row; align-items:center; border:0; margin:6px 0 0; padding:0; }
  body[data-workspace-app=voice] .inline-navigation > nav { gap:8px; }
  body[data-workspace-app=voice] .inline-filter-panel { position:absolute; top:100%; left:-1px; right:-1px; width:auto; margin:0; max-height:55dvh; border:1px solid var(--workspace-line); padding:8px 16px 14px; box-shadow:var(--workspace-shadow); }
  body[data-workspace-app=voice] .inline-filter-tabs { display:flex; flex-wrap:wrap; }
  body[data-workspace-app=voice] .inline-filter-options { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-workspace-app=voice] .inline-list, body[data-workspace-app=voice] .inline-item { scroll-margin-top:140px; }
  body[data-workspace-app=voice] .atlas-shell .workspace, body[data-workspace-app=voice] .benchmark-workspace { display:flex; flex-direction:column; gap:18px; }
  body[data-workspace-app=voice] .atlas-shell :is(.sentence-picker,.player-column,.feedback), body[data-workspace-app=voice] :is(.benchmark-condition,.benchmark-player,.benchmark-review) { width:100%; order:initial; }
  body[data-workspace-app=voice] .atlas-shell .featured-tests { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-workspace-app=voice] .benchmark-intro { flex-wrap:wrap; }
}
@media (max-width:560px) {
  #workspace-rail { padding:8px 14px 0; gap:4px 10px; }
  #workspace-rail .workspace-home { font-size:12px; }
  #workspace-rail .workspace-home svg { width:20px; height:20px; }
  #workspace-rail .workspace-apps a { padding:8px 10px; gap:6px; }
  #workspace-rail .workspace-apps svg { width:18px; height:18px; }
  #workspace-rail .workspace-short { display:none; }
  /* Icon-only mobile anchors retain the full app name as accessible text. */
  #workspace-rail .workspace-apps a > span:not(.workspace-short) { display:block; position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  body[data-workspace-app=image] #atlas-gallery { padding-inline:14px; }
  body[data-workspace-app=image] #atlas-gallery .ag-brand { height:74px; }
  body[data-workspace-app=image] #atlas-gallery .ag-brand > a { font-size:25px; }
  body[data-workspace-app=image] #atlas-gallery .ag-toolbar { gap:5px; flex-wrap:wrap; }
  body[data-workspace-app=image] #atlas-gallery .ag-toolbar > button { padding-inline:10px; font-size:11px; min-height:40px; }
  body[data-workspace-app=image] #atlas-gallery #ag-count { padding:0; font-size:11px; }
  body[data-workspace-app=image] #atlas-gallery .ag-pages button { min-width:36px; min-height:40px; }
  body[data-workspace-app=image] #atlas-gallery .ag-pages span { min-width:32px; font-size:11px; }
  body[data-workspace-app=image] #atlas-gallery #ag-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding-top:18px; }
  body[data-workspace-app=image] #atlas-gallery .ag-card { border-radius:12px; padding:5px 5px 0; }
  body[data-workspace-app=image] #atlas-gallery .ag-photo img { aspect-ratio:3 / 4; }
  body[data-workspace-app=image] #atlas-gallery .ag-card h2 { font-size:12px; margin:9px 5px 0; }
  body[data-workspace-app=image] #atlas-gallery .ag-card > .ag-chip { margin-inline:5px; font-size:10px; }
  body[data-workspace-app=image] .ag-archive { margin-inline:14px; }
  body[data-workspace-app=image] #ag-comparison { padding:10px; border-radius:12px; }
  body[data-workspace-app=image] #ag-comparison .ag-pair-bar { top:-10px; }
  body[data-workspace-app=image] #ag-comparison .ag-pair-grid { gap:8px; }
  body[data-workspace-app=image] #ag-comparison .ag-pair-grid > article { padding:6px; }
  body[data-workspace-app=novel] > .media-app-header { padding-inline:16px; height:74px; }
  body[data-workspace-app=novel] #main-content { padding-inline:14px; }
  body[data-workspace-app=novel] #browse-controls { padding:6px 8px; border-radius:12px; }
  body[data-workspace-app=novel] .browse-line { gap:6px; }
  body[data-workspace-app=novel] .browse-line #status { font-size:11px; }
  body[data-workspace-app=novel] #pagination button { min-width:36px; }
  body[data-workspace-app=novel] #works.results { padding-inline:14px; border-radius:13px; }
  body[data-workspace-app=novel] #works .work-card.compact-entry { min-height:108px; grid-template-columns:minmax(0,1fr) 76px; gap:0 5px; padding-top:14px; }
  body[data-workspace-app=novel] .compact-entry h2 { font-size:14px; }
  body[data-workspace-app=novel] .entry-title { gap:6px; flex-wrap:wrap; }
  body[data-workspace-app=novel] .entry-progress { font-size:10px; max-width:none; }
  body[data-workspace-app=novel] .entry-actions { gap:2px; }
  body[data-workspace-app=novel] .entry-actions button:first-child { padding-inline:7px; font-size:11px; }
  body[data-workspace-app=novel] .entry-actions button:last-child { min-width:36px; }
  body[data-workspace-app=novel] .entry-tags { gap:2px; }
  body[data-workspace-app=novel] .entry-tags .tag-chip { max-width:80px; padding:0 3px; font-size:10px; }
  body[data-workspace-app=novel] .entry-detail { margin-inline:-5px; padding:12px; }
  body[data-workspace-app=novel] #filter-panel .category-tree { grid-template-columns:1fr; }
  body[data-workspace-app=novel] #detail .detail-head { padding:22px; }
  body[data-workspace-app=novel] #episode-list { padding-inline:12px; }
  body[data-workspace-app=novel] #reader { width:100vw; height:100dvh; max-height:100dvh; max-width:100vw; border-radius:0; border:0; }
  body[data-workspace-app=novel] #reader .reader-quickbar { padding:6px; }
  body[data-workspace-app=novel].candidate-page #candidate-content { padding-inline:14px; }
  body[data-workspace-app=novel].candidate-page #items .work-card { padding:16px; }
  body[data-workspace-app=voice] .atlas-shell { padding-inline:14px; }
  body[data-workspace-app=voice] .inline-brand { font-size:18px; gap:8px; }
  body[data-workspace-app=voice] .inline-brand small { font-size:8px; }
  body[data-workspace-app=voice] .inline-heading { align-items:baseline; gap:10px; }
  body[data-workspace-app=voice] .inline-heading h1 { font-size:25px; }
  body[data-workspace-app=voice] .inline-heading > span { font-size:10px; }
  body[data-workspace-app=voice] .inline-dock { padding:10px; border-radius:12px; }
  body[data-workspace-app=voice] .inline-search > input { font-size:16px; }
  body[data-workspace-app=voice] .inline-filter-trigger { padding:8px 10px; font-size:11px; }
  body[data-workspace-app=voice] .inline-filter-options { grid-template-columns:1fr; }
  body[data-workspace-app=voice] .inline-item { padding:16px 14px 12px; border-radius:12px; }
  body[data-workspace-app=voice] .inline-model { font-size:14px; }
  body[data-workspace-app=voice] .inline-condition { max-width:115px; font-size:10px; }
  body[data-workspace-app=voice] .inline-scenario { font-size:12px; }
  body[data-workspace-app=voice] .inline-item.is-playing { padding-left:12px; }
  body[data-workspace-app=voice] .inline-pane { padding-inline:12px; }
  body[data-workspace-app=voice] .atlas-shell .topbar { gap:10px; flex-wrap:wrap; height:auto; padding-block:16px; }
  body[data-workspace-app=voice] .atlas-shell .topbar .header-nav-groups { width:100%; }
  body[data-workspace-app=voice] .atlas-shell .topbar .section-links { padding-left:0; border:0; }
  body[data-workspace-app=voice] .atlas-shell .sample-card, body[data-workspace-app=voice] .benchmark-player { padding:20px; }
}

/* Small, purposeful material transitions. No animation is tied to playback or simulated data. */
@media (prefers-reduced-motion:no-preference) {
  #workspace-rail a, body[data-workspace-app] button { transition:background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease; }
  body[data-workspace-app=image] .ag-card { transition:box-shadow 180ms ease, transform 180ms ease; }
  body[data-workspace-app=image] .ag-card:hover { transform:translateY(-2px); box-shadow:0 8px 24px #15264a12; }
  body[data-workspace-app=voice] .inline-pane, body[data-workspace-app=novel] .entry-detail { animation:workspace-reveal 180ms ease-out; }
  @keyframes workspace-reveal { from { opacity:.35; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
}
@media (prefers-reduced-motion:reduce) {
  body[data-workspace-app], body[data-workspace-app] * { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}

/* Common color preferences. Kept after app-specific light/dark tokens deliberately. */
body[data-workspace-app][data-workspace-resolved-theme] {
  --workspace-bg:#f5f5f7; --workspace-panel:#fff; --workspace-soft:#ededf1; --workspace-ink:#1d1d1f;
  --workspace-muted:#62626d; --workspace-line:#d6d6de; --workspace-accent:#0061c2; --workspace-tint:#e5effc;
  --workspace-accent-ink:#fff; --workspace-shadow:0 12px 36px #1b24440a,0 1px 3px #1b244406;
  --media-bg:var(--workspace-bg); --media-surface:var(--workspace-panel); --media-surface-raised:var(--workspace-soft);
  --media-text:var(--workspace-ink); --media-muted:var(--workspace-muted); --media-border:var(--workspace-line);
  --media-accent:var(--workspace-accent); --media-accent-ink:var(--workspace-accent-ink); --media-focus:2px solid var(--workspace-accent);
  --bg:var(--workspace-bg); --panel:var(--workspace-panel); --ink:var(--workspace-ink); --muted:var(--workspace-muted);
  --line:var(--workspace-line); --accent:var(--workspace-accent); --accent-ink:var(--workspace-accent-ink); --paper:var(--workspace-bg);
  --library-bg:var(--workspace-bg); --library-ink:var(--workspace-ink); --library-muted:var(--workspace-muted); --library-line:var(--workspace-line); --library-selected:var(--workspace-accent);
  color-scheme:light;
}
body[data-workspace-app][data-workspace-resolved-theme=dark] {
  --workspace-bg:#191a1e; --workspace-panel:#24262b; --workspace-soft:#202126; --workspace-ink:#f0f0f3;
  --workspace-muted:#b4b7c1; --workspace-line:#41454f; --workspace-accent:#a6c6ff; --workspace-tint:#2a3b56;
  --workspace-accent-ink:#152139; --workspace-shadow:0 12px 36px #0002; color-scheme:dark;
}
body[data-workspace-app][data-workspace-resolved-theme=sepia] {
  --workspace-bg:#f3eddf; --workspace-panel:#fffaf0; --workspace-soft:#e9e1d2; --workspace-ink:#342c23;
  --workspace-muted:#71614e; --workspace-line:#d2c4af; --workspace-accent:#80502b; --workspace-tint:#edddc8;
  --workspace-accent-ink:#fffaf0; --workspace-shadow:0 12px 36px #4d32150a; color-scheme:light;
}
body[data-workspace-app][data-workspace-resolved-theme=forest] {
  --workspace-bg:#17201c; --workspace-panel:#212e27; --workspace-soft:#1c2822; --workspace-ink:#eef3e8;
  --workspace-muted:#b2c3b5; --workspace-line:#41594b; --workspace-accent:#b6d8a3; --workspace-tint:#304b37;
  --workspace-accent-ink:#182c1b; --workspace-shadow:0 12px 36px #0002; color-scheme:dark;
}
body[data-workspace-app][data-workspace-resolved-theme] .voice-atlas-theme {
  --media-accent-ink:var(--workspace-accent-ink); color-scheme:inherit;
}
body[data-workspace-app=image][data-workspace-resolved-theme] #atlas-gallery .ag-primary,
body[data-workspace-app=novel][data-workspace-resolved-theme] #draft-apply { color:var(--workspace-accent-ink); }
body[data-workspace-app][data-workspace-resolved-theme] #workspace-theme-footer {
  position:static; display:flex !important; flex-wrap:wrap; align-items:center; gap:12px 16px;
  width:auto; height:auto; min-height:100px; margin:24px 32px 0;
  padding:24px 0 max(28px,env(safe-area-inset-bottom)); border:0; border-top:1px solid var(--workspace-line);
  background:transparent; color:var(--workspace-muted); font:400 12px/1.6 var(--workspace-sans);
}
#workspace-theme-footer .workspace-theme-caption { flex:1 1 220px; display:grid; gap:4px; }
#workspace-theme-footer .workspace-theme-caption strong { font-size:12px; font-weight:600; letter-spacing:0; color:var(--workspace-ink); }
#workspace-theme-footer .workspace-theme-caption span { font-size:11px; }
#workspace-theme-footer label { font-size:12px; }
#workspace-theme-footer select { min-height:44px; min-width:144px; max-width:100%; padding:8px 32px 8px 12px; border:1px solid var(--workspace-line); border-radius:9px; background:var(--workspace-panel); color:var(--workspace-ink); font:inherit; cursor:pointer; }
#workspace-theme-footer #workspace-theme-status { flex-basis:100%; margin:0; font-size:12px; color:var(--workspace-muted); }
#workspace-theme-footer #workspace-theme-status:empty { display:none; }

/* Latest Image Atlas areas: native navigation and panels, inside the same workspace. */
body[data-workspace-app=image] #atlas-gallery[hidden],
body[data-workspace-app=image] #atlas-benchmark[hidden],
body[data-workspace-app=image] #atlas-collection[hidden],
body[data-workspace-app=image] #gallery-archive[hidden] { display:none !important; }
body[data-workspace-app=image]:has(>.atlas-nav) > header.media-app-header { display:none !important; }
body[data-workspace-app=image] > .atlas-nav { width:auto; margin:0 32px 0; padding:20px 0 12px; min-height:84px; gap:6px; border-bottom:1px solid var(--workspace-line); }
body[data-workspace-app=image] > .atlas-nav button { min-height:44px; border-radius:9px; padding:10px 20px; font:600 13px/1.4 var(--workspace-sans); }
body[data-workspace-app=image] > .atlas-nav button[aria-pressed=true] { background:var(--workspace-tint); color:var(--workspace-accent); box-shadow:none; }
body[data-workspace-app=image] > #page-title { margin:24px 32px 6px; font:650 30px/1.35 var(--workspace-sans); letter-spacing:-.04em; white-space:normal; }
body[data-workspace-app=image] > #page-description { margin:0 32px 18px; color:var(--workspace-muted); font:400 12px/1.7 var(--workspace-sans); }
body[data-workspace-app=image]:has(>.atlas-nav) #atlas-gallery .ag-brand { display:none; }
body[data-workspace-app=image]:has(>.atlas-nav) #atlas-gallery #ag-filters { grid-row:2 / span 5; }
body[data-workspace-app=image] #atlas-gallery .ag-toolbar { flex-wrap:wrap; }
body[data-workspace-app=image] #atlas-gallery :is(#ag-view-albums,#ag-view-images)[aria-pressed=true] { color:var(--workspace-accent); background:var(--workspace-tint); border-color:var(--workspace-accent); }
body[data-workspace-app=image] #atlas-gallery .ag-album-card { min-width:0; padding:8px 8px 12px; border:1px solid var(--workspace-line); border-radius:15px; background:var(--workspace-panel); box-shadow:0 2px 8px #20203003; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card h2 { margin:12px 8px 4px; font:600 14px/1.5 var(--workspace-sans); overflow-wrap:anywhere; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card .ag-photo img { height:auto; aspect-ratio:4/3; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card > .ag-note { padding-inline:8px; font-size:11px; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card > button:not(.ag-photo) { min-height:40px; margin:4px 8px 0; background:var(--workspace-tint); color:var(--workspace-accent); font-size:11px; }
body[data-workspace-app=image] #atlas-gallery .ag-album-pages { grid-column:1 / -1; margin:4px 0 24px; padding:20px; border:1px solid var(--workspace-line); border-radius:14px; background:var(--workspace-panel); scroll-margin-top:120px; }
body[data-workspace-app=image] #atlas-gallery .ag-album-pages-head { height:auto; min-height:54px; padding:0 0 12px; margin:0; border-bottom:1px solid var(--workspace-line); background:transparent; }
body[data-workspace-app=image] #atlas-gallery .ag-album-pages-head h2 { white-space:normal; font:600 17px/1.5 var(--workspace-sans); color:var(--workspace-ink); }
body[data-workspace-app=image] #atlas-gallery .ag-album-page-grid { gap:16px; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); }
body[data-workspace-app=image] #atlas-gallery .ag-album-page-grid .ag-photo img { height:auto; aspect-ratio:3/4; }
body[data-workspace-app=image] #details .ag-album-viewer-context { background:#24292e; color:#eef1f4; border-color:#46515c; }
body[data-workspace-app=image] #details .ag-album-viewer-context button { background:#35404a; color:#eef1f4; }
body[data-workspace-app=image] :is(#atlas-benchmark,#atlas-collection) {
  --media-bg:var(--workspace-bg); --media-surface:var(--workspace-panel); --media-surface-raised:var(--workspace-soft); --media-text:var(--workspace-ink);
  --media-muted:var(--workspace-muted); --media-border:var(--workspace-line); --media-accent:var(--workspace-accent); --media-accent-ink:var(--workspace-accent-ink);
  max-width:none; width:auto; margin:0; padding:24px 32px 28px; color:var(--workspace-ink);
}
body[data-workspace-app=image] :is(#atlas-benchmark,#atlas-collection) > header { display:block; padding:0 0 20px; height:auto; min-height:0; border:0; background:transparent; }
body[data-workspace-app=image] :is(#atlas-benchmark,#atlas-collection) > header h1 { font:650 30px/1.35 var(--workspace-sans); letter-spacing:-.04em; white-space:normal; }
body[data-workspace-app=image] :is(#atlas-benchmark,#atlas-collection) > header p { font-size:12px; color:var(--workspace-muted); margin:8px 0 0; }
body[data-workspace-app=image] .atlas-tabs { gap:6px; border:0; margin:0 0 18px; }
body[data-workspace-app=image] .atlas-tabs button { border:1px solid var(--workspace-line); border-radius:9px; min-height:40px; padding:8px 15px; background:var(--workspace-panel); font:500 12px/1.5 var(--workspace-sans); }
body[data-workspace-app=image] .atlas-tabs button[aria-pressed=true] { color:var(--workspace-accent); border-color:var(--workspace-accent); background:var(--workspace-tint); box-shadow:none; }
body[data-workspace-app=image] .atlas-columns > section, body[data-workspace-app=image] #atlas-collection > section { padding:22px; border-radius:14px; box-shadow:var(--workspace-shadow); }
body[data-workspace-app=image] :is(.atlas-columns,#atlas-collection) h2 { font:600 17px/1.5 var(--workspace-sans); }
body[data-workspace-app=image] .atlas-columns p { font-size:12px; }
body[data-workspace-app=image] #atlas-catalog-browser { grid-template-columns:230px minmax(0,1fr); gap:20px; }
body[data-workspace-app=image] #atlas-catalog-scope { overflow:auto; }
body[data-workspace-app=image] #atlas-catalog-tree { background:var(--workspace-bg); border-color:var(--workspace-line); font-size:12px; }
body[data-workspace-app=image] :is(#atlas-catalog-search,#atlas-test-search,.atlas-selection select,.atlas-feedback input,.atlas-feedback select) { background:var(--workspace-bg); color:var(--workspace-ink); border-color:var(--workspace-line); font-size:14px; }
body[data-workspace-app=image] .atlas-entry { padding:8px 10px; border-radius:9px; }
body[data-workspace-app=image] .atlas-entry:has(input:checked), body[data-workspace-app=image] .atlas-row:has(input:checked) { background:var(--workspace-tint); }
body[data-workspace-app=image] .atlas-row { min-width:0; font-size:13px; }
body[data-workspace-app=image] .atlas-row input { min-height:20px; }
body[data-workspace-app=image] .atlas-row small { font-size:11px; line-height:1.7; }
body[data-workspace-app=image] #atlas-benchmark .atlas-selection { position:sticky; left:auto; right:auto; bottom:12px; transform:none; width:100%; margin:18px 0 0; padding:14px 18px; border-radius:12px; border:1px solid var(--workspace-line); background:var(--workspace-panel); color:var(--workspace-ink); box-shadow:0 8px 30px #0002; }
body[data-workspace-app=image] .atlas-selection .primary, body[data-workspace-app=image] .atlas-feedback .primary { background:var(--workspace-accent); color:var(--workspace-accent-ink); }
body[data-workspace-app=image] #atlas-selection-summary { font-size:12px; }
body[data-workspace-app=image] #atlas-selection-options > summary { font-size:12px; }
body[data-workspace-app=image] #atlas-sites { display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:14px; }
body[data-workspace-app=image] #atlas-sites .atlas-site { width:auto; display:block; margin:0; padding:20px; border-radius:14px; }
body[data-workspace-app=image] .atlas-site h3 { font:600 16px/1.5 var(--workspace-sans); }
body[data-workspace-app=image] .atlas-feedback-current { grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto auto; }

/* Latest Novel cards own their separate tag row and responsive +N counts. */
body[data-workspace-app=novel] #works .work-card.compact-entry {
  grid-template-areas:"heading actions" "tags tags"; grid-template-rows:auto auto;
  grid-template-columns:minmax(0,1fr) auto; align-items:start; gap:10px 16px;
  min-height:0; padding:18px 0;
}
body[data-workspace-app=novel] #works .compact-entry > .entry-text { grid-area:heading; align-self:center; }
body[data-workspace-app=novel] #works .compact-entry > .entry-actions { grid-area:actions; }
body[data-workspace-app=novel] #works .compact-entry > .entry-tags { grid-area:tags; gap:6px; margin:0; min-height:0; flex-wrap:nowrap; }
body[data-workspace-app=novel] #works .compact-entry .entry-title h2 { font:600 15px/1.5 var(--workspace-sans); letter-spacing:-.02em; }
body[data-workspace-app=novel] #works .compact-entry .entry-tags > .tag-chip { min-height:36px; min-width:36px; max-width:14rem; padding:6px 9px; border:1px solid var(--workspace-line); border-radius:7px; color:var(--workspace-muted); background:var(--workspace-bg); font:400 11px/1.5 var(--workspace-sans); text-decoration:none; }
body[data-workspace-app=novel] #works .compact-entry .entry-tags > .tag-chip[aria-pressed=true] { background:var(--workspace-tint); color:var(--workspace-accent); border-color:var(--workspace-accent); }
body[data-workspace-app=novel] #works .compact-entry .tag-overflow { min-width:36px; min-height:36px; font-size:11px; }
body[data-workspace-app=novel] #works .compact-entry > .entry-detail { grid-area:extra; margin:0; padding:18px; }
body[data-workspace-app=novel] #works .work-card.compact-entry.is-expanded { grid-template-areas:"heading actions" "tags tags" "extra extra"; grid-template-rows:auto auto auto; }
body[data-workspace-app=novel] #works .work-card.compact-entry:has(>.entry-tags[hidden]):not(.is-expanded) { grid-template-areas:"heading actions"; grid-template-rows:auto; }
body[data-workspace-app=novel] #works .compact-entry.is-expanded > .entry-tags { flex-wrap:wrap; }
body[data-workspace-app=novel] #works .compact-entry.is-expanded .entry-title h2 { white-space:normal; overflow:visible; }
/* Do not override display on tag chips or count labels: vendor's matching 5/4/3/2 bands own them. */

@media(max-width:1100px) {
  body[data-workspace-app=image] #atlas-catalog-browser { grid-template-columns:190px minmax(0,1fr); gap:14px; }
}
@media(max-width:900px) {
  body[data-workspace-app=image] #atlas-catalog-browser { display:block; height:auto; }
  body[data-workspace-app=image] #atlas-catalog-scope > summary { display:list-item; min-height:44px; padding:10px 4px; }
  body[data-workspace-app=image] #atlas-catalog-tree { max-height:240px !important; }
  body[data-workspace-app=image] :is(#atlas-catalog-list,#atlas-test-list) { max-height:52dvh; min-height:240px; }
  body[data-workspace-app=image] #atlas-benchmark .atlas-selection { bottom:8px; }
  body[data-workspace-app=image] .atlas-feedback-current { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-workspace-app=image] .atlas-feedback-current :is(label,span) { grid-column:1 / -1; }
}
@media(max-width:560px) {
  body[data-workspace-app][data-workspace-resolved-theme] #workspace-theme-footer { margin:20px 16px 0; padding-top:20px; gap:10px 12px; }
  #workspace-theme-footer .workspace-theme-caption { flex-basis:100%; }
  #workspace-theme-footer select { flex:1; font-size:16px; }
  body[data-workspace-app=image] > .atlas-nav { margin-inline:14px; padding-top:12px; min-height:68px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  body[data-workspace-app=image] > .atlas-nav button { padding-inline:8px; font-size:12px; }
  body[data-workspace-app=image] > #page-title { margin:20px 14px 6px; font-size:25px; }
  body[data-workspace-app=image] > #page-description { margin:0 14px 14px; }
  body[data-workspace-app=image] #atlas-gallery .ag-toolbar { gap:5px; }
  body[data-workspace-app=image] #atlas-gallery .ag-pages { flex-basis:auto; margin-left:auto; }
  body[data-workspace-app=image] #atlas-gallery .ag-album-card { padding:5px 5px 10px; border-radius:12px; }
  body[data-workspace-app=image] #atlas-gallery .ag-album-card .ag-photo img { aspect-ratio:3/4; }
  body[data-workspace-app=image] #atlas-gallery .ag-album-card h2 { font-size:12px; margin-inline:5px; }
  body[data-workspace-app=image] #atlas-gallery .ag-album-pages { padding:12px; }
  body[data-workspace-app=image] #atlas-gallery .ag-album-page-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
  body[data-workspace-app=image] :is(#atlas-benchmark,#atlas-collection) { padding:20px 14px; }
  body[data-workspace-app=image] :is(#atlas-benchmark,#atlas-collection) > header h1 { font-size:25px; }
  body[data-workspace-app=image] .atlas-columns > section, body[data-workspace-app=image] #atlas-collection > section { padding:16px; }
  body[data-workspace-app=image] #atlas-benchmark .atlas-selection { padding:12px; gap:6px; }
  body[data-workspace-app=image] #atlas-open-results { white-space:normal; max-width:132px; font-size:12px; }
  body[data-workspace-app=image] .atlas-feedback form { grid-template-columns:minmax(0,1fr); }
  body[data-workspace-app=novel] #works .work-card.compact-entry { gap:8px; padding:14px 0; }
  body[data-workspace-app=novel] #works .compact-entry .entry-title h2 { font-size:14px; }
  body[data-workspace-app=novel] #works .compact-entry > .entry-tags { gap:5px; }
  body[data-workspace-app=novel] #works .compact-entry .entry-tags > .tag-chip { padding-inline:7px; font-size:10px; }
  body[data-workspace-app=novel] #works .compact-entry > .entry-detail { padding:12px; }
}

/* Production chrome: one product, only its own routes. */
body[data-workspace-app] #workspace-rail .workspace-home { margin-bottom:24px; }
body[data-workspace-app] #workspace-rail .workspace-routes { margin-top:8px; }
body[data-workspace-app=novel].candidate-page #candidate-content > :is(.hero,.media-task-nav) { grid-column:1 / -1; }
@media(max-width:900px) {
  body[data-workspace-app] #workspace-rail { grid-template-columns:minmax(0,1fr); gap:4px; }
  body[data-workspace-app] #workspace-rail .workspace-home { margin:0; }
  body[data-workspace-app] #workspace-rail .workspace-routes { margin:0; }
}

/* Image Atlas / JOB-5060: compact navigation, stable full-composition contact sheet. */
body[data-workspace-app=image] > .atlas-nav { display:none; }
body[data-workspace-app=image] > #page-title { margin:24px 32px 14px; font-size:26px; line-height:1.25; }
body[data-workspace-app=image] > #page-description { display:none; }
body[data-workspace-app=image] #atlas-gallery .ag-brand { display:none; }
body[data-workspace-app=image] #atlas-gallery .ag-controls { position:relative; padding:0 0 8px; }
body[data-workspace-app=image] #atlas-gallery .ag-toolbar { gap:6px; flex-wrap:wrap; }
body[data-workspace-app=image] #atlas-gallery .ag-toolbar > button { min-height:44px; padding:0 12px; }
body[data-workspace-app=image] #atlas-gallery .ag-result-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px; }
body[data-workspace-app=image] #atlas-gallery #ag-count { margin:0; padding:0; text-align:left; font-size:12px; white-space:normal; }
body[data-workspace-app=image] #atlas-gallery .ag-pages { margin:0; flex:none; border:0; background:transparent; gap:3px; }
body[data-workspace-app=image] #atlas-gallery .ag-pages button { min-width:44px; min-height:44px; background:var(--workspace-panel); border:1px solid var(--workspace-line); }
body[data-workspace-app=image] #atlas-gallery #ag-page-jump { width:58px; height:40px; padding:4px; text-align:center; font-size:13px; appearance:textfield; }
body[data-workspace-app=image] #atlas-gallery #ag-page-jump::-webkit-inner-spin-button { appearance:none; }
body[data-workspace-app=image] #atlas-gallery .ag-display { position:relative; border:0; padding:0; margin-left:auto; }
body[data-workspace-app=image] #atlas-gallery .ag-display > summary { min-height:44px; padding:12px 10px; font-size:12px; color:var(--workspace-ink); cursor:pointer; }
body[data-workspace-app=image] #atlas-gallery .ag-display-body { position:absolute; right:0; top:48px; width:260px; z-index:25; padding:16px; display:grid; gap:12px; background:var(--workspace-panel); border:1px solid var(--workspace-line); border-radius:12px; box-shadow:var(--workspace-shadow); }
body[data-workspace-app=image] #atlas-gallery .ag-display-body label { display:grid; grid-template-columns:68px minmax(0,1fr); align-items:center; gap:8px; font-size:12px; }
body[data-workspace-app=image] #atlas-gallery select { min-width:0; max-width:100%; min-height:44px; border:1px solid var(--workspace-line); border-radius:7px; padding:6px; background:var(--workspace-bg); color:var(--workspace-ink); font:inherit; }
body[data-workspace-app=image] #atlas-gallery .ag-display-body button { background:var(--workspace-tint); color:var(--workspace-accent); }
body[data-workspace-app=image] #atlas-gallery #ag-filters { grid-row:2 / span 6; top:16px; margin-top:12px; max-height:calc(100dvh - 32px); }
body[data-workspace-app=image] #atlas-gallery #ag-filter-close { width:100%; background:var(--workspace-soft); }
body[data-workspace-app=image] #atlas-gallery #ag-album-filters label { white-space:normal; min-height:44px; padding:6px 8px; width:100%; border:1px solid var(--workspace-line); border-radius:8px; font-size:12px; cursor:pointer; }
body[data-workspace-app=image] #atlas-gallery #ag-album-filters input[type=checkbox] { width:20px; height:20px; min-height:20px; flex:none; accent-color:var(--workspace-accent); }
body[data-workspace-app=image] #atlas-gallery #ag-album-filters input[type=search] { width:100%; flex-basis:100%; }
body[data-workspace-app=image] #atlas-gallery #ag-grid { grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:20px 16px; padding:16px 0 24px; }
body[data-workspace-app=image] #atlas-gallery[data-density=spacious] #ag-grid { grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
body[data-workspace-app=image] #atlas-gallery :is(.ag-card,.ag-album-card) { padding:6px; border-radius:12px; align-self:start; }
body[data-workspace-app=image] #atlas-gallery .ag-photo { background:var(--workspace-soft); border-radius:8px; aspect-ratio:1; }
body[data-workspace-app=image] #atlas-gallery .ag-photo img { width:100%; height:100%; aspect-ratio:auto; object-fit:contain; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card .ag-photo { aspect-ratio:4/3; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card .ag-photo img { height:100%; aspect-ratio:auto; object-fit:contain; }
body[data-workspace-app=image] #atlas-gallery[data-frame=natural] .ag-card .ag-photo { aspect-ratio:var(--image-ratio,3/4); max-height:65dvh; }
body[data-workspace-app=image] #atlas-gallery .ag-card h2 { margin:10px 6px 2px; }
body[data-workspace-app=image] #atlas-gallery .ag-card > .ag-chip { margin:0 6px; width:calc(100% - 12px); font-size:11px; min-height:40px; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card h2 { margin:8px 6px 0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card > .ag-note { min-height:0; margin:2px 0; line-height:1.6; }
body[data-workspace-app=image] #atlas-gallery .ag-album-card > button:not(.ag-photo) { margin:4px 6px; min-height:40px; }
body[data-workspace-app=image] #atlas-gallery .ag-condition-summary { padding:8px 0 0; }
@media(max-width:900px) {
  body[data-workspace-app=image] #workspace-rail { padding:6px 14px; display:flex; flex-direction:row; align-items:center; gap:12px; }
  body[data-workspace-app=image] #workspace-rail .workspace-home { min-height:44px; font-size:12px; flex:none; }
  body[data-workspace-app=image] #workspace-rail .workspace-home svg { width:20px; }
  body[data-workspace-app=image] #workspace-rail .workspace-routes { padding:0; margin:0 0 0 auto; gap:2px; }
  body[data-workspace-app=image] #workspace-rail .workspace-routes a { min-height:44px; padding:8px 10px; font-size:12px; }
  body[data-workspace-app=image] > #page-title { margin:16px 20px 12px; font-size:23px; }
  body[data-workspace-app=image] #atlas-gallery:not([hidden]) { padding-inline:20px; }
  body[data-workspace-app=image] #atlas-gallery #ag-grid { grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:16px 12px; }
  body[data-workspace-app=image] #atlas-gallery #ag-filters { max-height:65dvh; margin:8px 0; }
}
@media(max-width:600px) {
  body[data-workspace-app=image] #workspace-rail { gap:4px; padding-inline:12px; }
  body[data-workspace-app=image] #workspace-rail .workspace-home { font-size:11px; gap:5px; }
  body[data-workspace-app=image] #workspace-rail .workspace-routes a { padding-inline:8px; font-size:11px; }
  body[data-workspace-app=image] > #page-title { margin:14px 14px 10px; font-size:22px; }
  body[data-workspace-app=image] #atlas-gallery:not([hidden]) { padding-inline:14px; }
  body[data-workspace-app=image] #atlas-gallery .ag-toolbar { gap:4px; }
  body[data-workspace-app=image] #atlas-gallery .ag-toolbar > button { padding-inline:8px; font-size:11px; }
  body[data-workspace-app=image] #atlas-gallery .ag-display { margin-left:0; }
  body[data-workspace-app=image] #atlas-gallery .ag-display > summary { padding-inline:6px; font-size:11px; }
  body[data-workspace-app=image] #atlas-gallery #ag-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 10px; padding-top:12px; }
  body[data-workspace-app=image] #atlas-gallery[data-density=spacious] #ag-grid { grid-template-columns:minmax(0,1fr); }
  body[data-workspace-app=image] #atlas-gallery .ag-photo img,body[data-workspace-app=image] #atlas-gallery .ag-album-card .ag-photo img { aspect-ratio:auto; }
}
@media(max-height:500px) and (min-width:601px) {
  body[data-workspace-app=image] > #page-title { margin:8px 20px 4px; font-size:20px; }
  body[data-workspace-app=image] #atlas-gallery .ag-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:4px 16px; padding-bottom:4px; }
  body[data-workspace-app=image] #atlas-gallery .ag-result-bar { flex:1; margin:0; }
  body[data-workspace-app=image] #atlas-gallery .ag-condition-summary,body[data-workspace-app=image] #atlas-gallery #ag-pending { flex:1 1 100%; }
  body[data-workspace-app=image] #atlas-gallery #ag-grid { padding-top:10px; }
}
body[data-workspace-app=image] #atlas-gallery #ag-page-jump { background:var(--workspace-panel); color:var(--workspace-ink); border-color:var(--workspace-line); }
body[data-workspace-app=image] #atlas-gallery .ag-card h2 { font:600 13px/1.5 var(--workspace-sans); }
body[data-workspace-app=image] #atlas-gallery .ag-selection-bar { display:flex; flex-wrap:wrap; align-items:center; gap:6px; padding:8px 0 0; }
body[data-workspace-app=image] #atlas-gallery .ag-selection-bar button { background:var(--workspace-tint); color:var(--workspace-accent); }
body[data-workspace-app=image] #atlas-gallery .ag-image-select { color:var(--workspace-accent); border-radius:6px; background:var(--workspace-tint); margin-bottom:6px; cursor:pointer; }
body[data-workspace-app=image] #atlas-gallery .ag-image-select input { accent-color:var(--workspace-accent); }

/* JOB-5760: explore tree facets (보기 조건) and level badges. Display-only; selection is unchanged. */
.benchmark-facet-bar{display:flex;flex-direction:column;gap:6px;margin:8px 0}
.benchmark-facet-group{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.benchmark-facet-name{font-size:12px;color:var(--muted,#6b7280);min-width:4.5em}
.benchmark-facet-chip{font:inherit;font-size:12px;min-height:32px;padding:4px 10px;border:1px solid var(--workspace-line,var(--line,#d1d5db));border-radius:999px;background:var(--surface,#fff);color:inherit;cursor:pointer}
.benchmark-facet-chip[aria-pressed="true"]{border:2px solid var(--workspace-accent,currentColor);background:var(--workspace-tint,#eef4ff);color:var(--workspace-accent,inherit);font-weight:600;padding:3px 9px}
.benchmark-facet-chip[aria-pressed="true"]::before{content:"✓ ";font-weight:700}
.benchmark-tree-badge{display:inline-block;grid-column:2;justify-self:start;padding:0 6px;font-size:11px;line-height:18px;border-radius:4px;background:var(--surface-muted,#f3f4f6);color:var(--muted,#4b5563);white-space:nowrap}