/* Works page only. Production, global dialogs and task progress keep their existing behavior. */
body[data-current-view="outputs"] { height:100dvh; min-height:0; overflow:hidden; grid-template-columns:max-content minmax(0,1fr); grid-template-rows:minmax(0,1fr); }
body[data-current-view="outputs"] > .rail { height:100dvh; min-height:0; }
[data-page="outputs"] { padding:0!important; overflow:hidden!important; }
[data-page="outputs"] #outputBoard.works-host { display:block; height:100%; padding:0; min-width:0; min-height:0; }
[data-page="outputs"] .works { display:flex; flex-direction:column; height:100%; min-height:0; box-sizing:border-box; padding:clamp(12px,3vh,30px) clamp(12px,2vw,32px); color:var(--ink); font-family:var(--font-sans); }
[data-page="outputs"] .works :where(h1,h2,p) { margin:0; }
[data-page="outputs"] .works :where(h1,h2,button,a,span,select) { font-weight:400!important; }
[data-page="outputs"] .works [hidden] { display:none!important; }
[data-page="outputs"] .works-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(260px,30%); gap:clamp(14px,1.4vw,24px); align-items:stretch; flex:1; min-height:0; }
[data-page="outputs"] .works-main, [data-page="outputs"] .works-side { min-width:0; min-height:0; }
[data-page="outputs"] .works-main { display:grid; grid-template-rows:minmax(0,1fr) auto; }
[data-page="outputs"] .works-screen { position:relative; min-height:0; max-height:100%; width:100%; aspect-ratio:16/9; align-self:start; background:#11161d; border:1px solid var(--line); border-radius:10px; overflow:hidden; }
[data-page="outputs"] .works-player { display:block; width:100%; height:100%; max-height:none; object-fit:contain; }
[data-page="outputs"] .works-info { padding-top:clamp(12px,3vh,30px); min-width:0; }
[data-page="outputs"] .works-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
[data-page="outputs"] .works-title { font-size:var(--ui-font-page)!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; flex:1; }
[data-page="outputs"] .works-actions { display:flex; align-items:center; gap:8px; flex:none; }
[data-page="outputs"] .works-icon { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:none; vertical-align:middle; }
[data-page="outputs"] .works-icon svg { display:block; width:100%; height:100%; }
body [data-page="outputs"] .works :is(.works-download,.works-share) { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:40px; padding:8px 16px; border:1px solid var(--line)!important; border-radius:8px; background:var(--panel)!important; color:var(--ink)!important; text-decoration:none; font-size:var(--ui-font-meta)!important; box-shadow:none; white-space:nowrap; }
[data-page="outputs"] .works-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px 20px; margin-top:14px; color:var(--muted); font-size:var(--ui-font-caption); }
[data-page="outputs"] .works-meta-item { display:inline-flex; align-items:center; gap:7px; min-width:0; white-space:nowrap; }
[data-page="outputs"] .works-meta > .works-meta-item { color:var(--ink); }
[data-page="outputs"] .works-status-row { display:flex; align-items:center; gap:12px; min-width:0; margin-top:7px; color:var(--muted); font-size:var(--ui-font-caption); }
[data-page="outputs"] .works-state { white-space:nowrap; }
body [data-page="outputs"] .works-back { height:auto!important; margin-left:auto; color:var(--muted)!important; font-size:var(--ui-font-caption)!important; min-height:24px; padding:0 2px; white-space:nowrap; }
[data-page="outputs"] .works-choice { display:flex; align-items:center; gap:8px; min-width:0; }
[data-page="outputs"] .works-content-choice { padding-left:18px; border-left:1px solid var(--line); }
[data-page="outputs"] .works-choice > span { white-space:nowrap; }
body [data-page="outputs"] .works-choice select { width:auto; max-width:min(210px,100%); min-width:0; padding:6px 28px 6px 10px; min-height:32px; border:1px solid var(--line)!important; border-radius:7px; background:var(--panel)!important; color:var(--ink); font-size:var(--ui-font-caption)!important; }
[data-page="outputs"] .works-side { display:grid; grid-template-rows:auto minmax(0,1fr); gap:12px; }
[data-page="outputs"] .works-section { border:1px solid var(--line); border-radius:10px; padding:14px; background:var(--panel); min-width:0; }
[data-page="outputs"] .works-episode-section { display:grid; grid-template-rows:auto minmax(0,1fr); min-height:0; }
[data-page="outputs"] .works-episodes { min-height:0; overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-gutter:stable; }
[data-page="outputs"] .works-section h2 { font-size:var(--ui-font-body)!important; margin:0; }
[data-page="outputs"] .works-list-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
[data-page="outputs"] .works-list-heading > span { color:var(--muted); font-size:var(--ui-font-caption); white-space:nowrap; }
body [data-page="outputs"] .works-details { height:auto!important; display:inline-flex; align-items:center; gap:2px; padding:0; min-height:20px; font-size:12px!important; color:var(--muted)!important; white-space:nowrap; }
[data-page="outputs"] .works-details .works-icon { width:13px; height:13px; }
[data-page="outputs"] .works-film-details { padding-top:8px; color:var(--muted); font-size:var(--ui-font-caption); line-height:1.5; }
body [data-page="outputs"] .works-card { height:auto!important; display:flex; justify-content:flex-start; align-items:center; width:100%; min-height:0; gap:10px; padding:6px; border:0!important; border-radius:8px; text-align:left; background:transparent!important; color:var(--ink); white-space:normal; box-shadow:none; }
body [data-page="outputs"] .works-card + .works-card { border-top:1px solid var(--line)!important; }
body [data-page="outputs"] .works-card.selected { background:#fff1ed!important; color:var(--ink)!important; }
[data-page="outputs"] .works-thumbnail { position:relative; display:flex; align-items:center; justify-content:center; width:29%; max-width:140px; aspect-ratio:16/9; flex:none; background:#edf0f4; color:#8a96ab; border-radius:6px; overflow:hidden; }
[data-page="outputs"] .works-thumbnail video { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; }
[data-page="outputs"] .works-thumbnail > .works-icon { width:28px; height:28px; }
[data-page="outputs"] .works-play { display:grid; place-items:center; width:28px; height:28px; flex:none; border-radius:50%; background:#e9ecf1; color:#26344c; margin-left:auto; }
[data-page="outputs"] .works-play .works-icon { width:13px; height:13px; }
[data-page="outputs"] .works-card:is(.selected,.works-film-card:not(:disabled)) .works-play { background:#ff5835; color:#fff; }
[data-page="outputs"] .works-card-copy { display:grid; gap:7px; min-width:0; flex:1; }
[data-page="outputs"] .works-card-title { display:flex; align-items:baseline; gap:10px; font-size:var(--ui-font-caption); min-width:0; }
[data-page="outputs"] .works-card-title > span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
[data-page="outputs"] .works-episode-id { flex:none; }
[data-page="outputs"] .works-card-meta { display:flex; flex-wrap:wrap; gap:5px 10px; color:var(--muted); font-size:12px; }
[data-page="outputs"] .works-card-meta .works-meta-item { gap:4px; }
[data-page="outputs"] .works-card-meta .works-icon { width:14px; height:14px; }
body [data-page="outputs"] .works-film-card { padding:0; gap:10px; border-radius:0; }
body [data-page="outputs"] .works-film-card.selected { background:transparent!important; }
[data-page="outputs"] .works-film-card .works-thumbnail { width:35%; }
[data-page="outputs"] .works-film-card .works-card-title { font-size:var(--ui-font-body); }
[data-page="outputs"] .works-duration-badge { position:absolute; bottom:3px; right:3px; background:#000a; color:#fff; border-radius:3px; padding:1px 4px; font-size:12px; }
[data-page="outputs"] .works-card-status { color:var(--muted); font-size:12px; }
[data-page="outputs"] .works-muted { color:var(--muted); font-size:var(--ui-font-caption); line-height:1.7; }
[data-page="outputs"] .works-empty { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:clamp(8px,2vh,18px); padding:16px; text-align:center; background:var(--panel); }
body [data-page="outputs"] .works-empty-play { display:grid; place-items:center; border:1px solid var(--line)!important; border-radius:50%; width:54px; height:54px; padding:0; flex:none; background:#f4f6f9!important; color:#8792a5!important; }
[data-page="outputs"] .works-empty-play .works-icon { width:24px; height:24px; }
[data-page="outputs"] .works :is([aria-disabled="true"],:disabled) { opacity:.5; cursor:not-allowed; }
[data-page="outputs"] .works-empty h1 { font-size:clamp(16px,2vw,var(--ui-font-section)); }
[data-page="outputs"] .works-empty p { color:var(--muted); line-height:1.7; font-size:var(--ui-font-meta); }
[data-page="outputs"] .works-notice { display:flex; align-items:center; gap:16px; padding:8px 12px; flex:none; border-radius:8px; margin-bottom:8px; background:#f3f6fa; font-size:var(--ui-font-body); }
[data-page="outputs"] .works :is(button,a,select):focus-visible { outline:2px solid #ff5835; outline-offset:2px; }
[data-ui-appearance="dark"] [data-page="outputs"] .works-notice { background:#242b35; color:#ddd; }
[data-ui-appearance="dark"] [data-page="outputs"] .works-card.selected { background:#3b2b28!important; color:#eee!important; }
@media(max-width:1150px) {
  [data-page="outputs"] .works-grid { grid-template-columns:minmax(0,1fr) 270px; gap:14px; }
  [data-page="outputs"] .works-section { padding:10px; }
  [data-page="outputs"] .works-meta { gap:6px 12px; }
  [data-page="outputs"] .works-card-title { gap:6px; }
  [data-page="outputs"] .works-film-card .works-card-meta { gap:3px 6px; }
}
@media(max-width:900px) {
  [data-page="outputs"] .works-grid { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,3fr) minmax(0,2fr); gap:12px; }
  [data-page="outputs"] .works-side { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:minmax(0,1fr); gap:12px; }
  [data-page="outputs"] .works-title { font-size:var(--ui-font-section)!important; }
  [data-page="outputs"] .works-info { padding-top:8px; }
  [data-page="outputs"] .works-meta { margin-top:6px; gap:4px 10px; }
  [data-page="outputs"] .works-choice select { padding:4px 24px 4px 8px; }
  [data-page="outputs"] .works-content-choice { padding-left:10px; }
}
@media(max-width:620px) {
  [data-page="outputs"] .works-heading { flex-wrap:wrap; gap:4px; }
  [data-page="outputs"] .works-title { flex-basis:100%; }
  [data-page="outputs"] .works-actions { gap:6px; }
  body [data-page="outputs"] .works :is(.works-download,.works-share) { padding:4px 10px; min-height:30px; }
  [data-page="outputs"] .works-card { flex-wrap:wrap; gap:4px; }
  [data-page="outputs"] .works-card-meta { gap:3px; }
  [data-page="outputs"] .works-choice > span { font-size:12px; }
  [data-page="outputs"] .works-choice select { max-width:150px; }
}
@media(max-height:720px) {
  [data-page="outputs"] .works { padding-block:12px; }
  [data-page="outputs"] .works-info { padding-top:8px; }
  [data-page="outputs"] .works-meta { margin-top:6px; gap:4px 10px; }
  body [data-page="outputs"] .works :is(.works-download,.works-share) { padding:6px 12px; min-height:34px; }
  [data-page="outputs"] .works-choice select { padding-block:4px; }
  [data-page="outputs"] .works-empty { gap:6px; }
  body [data-page="outputs"] .works-empty-play { width:40px; height:40px; }
}
body[data-current-view="outputs"] #globalRunStatus .topbar-progress-note { display:none; }