/* Film contact sheet + large preview. Tokens follow the existing six skins. */
.direct-sequence-stages { display:flex;gap:8px;overflow-x:auto;padding:8px 0;flex-shrink:0; }
.direct-sequence-stages button { flex-shrink:0; }
.direct-sequence-stages [aria-pressed=true] { border-color:var(--page-accent,var(--blue));background:var(--page-glass-strong,var(--panel)); }
.direct-sequence-reason { color:var(--muted);font-size:12px;line-height:1.6; }
.direct-stage-footer>div { display:flex;gap:8px;flex-wrap:wrap; }
.direct-plan-form { padding:20px;overflow:auto; }
.direct-plan-form fieldset { border:1px solid var(--line);margin:12px 0;border-radius:10px; }
.direct-plan-form label { display:flex;flex-direction:column;gap:4px;min-width:0; }
.direct-actor-edit { display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:14px 0;align-items:end; }
.direct-plan-form input { width:100%;min-width:0; }
#page-blocking.dt-ui {
  --dt-panel:var(--page-glass-strong,var(--panel)); --dt-soft:var(--page-glass-soft,var(--panel2));
  --dt-line:var(--page-glass-line,var(--line)); --dt-accent:var(--page-accent,var(--blue));
  --dt-text:var(--text); --dt-canvas:var(--page-control,var(--bg));
  color:var(--dt-text); font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;
}
#page-blocking.dt-ui .blocking-toolbar { display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px;margin:0;border:0;border-bottom:1px solid var(--dt-line);border-radius:0;box-shadow:none; }
#page-blocking.dt-ui .blocking-heading { display:block;flex:1 1 170px;min-width:0; }
#page-blocking.dt-ui .blocking-heading h3 { font-size:20px;letter-spacing:.04em; }
#page-blocking.dt-ui .blocking-heading small { font-size:12px;color:var(--muted); }
#page-blocking.dt-ui .blocking-search-control { width:570px;max-width:100%;margin:0 auto;justify-self:center; }
#page-blocking.dt-ui .blocking-actions { display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0; }
#page-blocking.dt-ui .blocking-actions .btn { white-space:nowrap; }
#page-blocking.dt-ui .blocking-filters { display:block;min-width:0; }
#page-blocking.dt-ui .blocking-filters select { max-width:200px;min-width:110px; }
#page-blocking.dt-ui #blockingGrid { display:grid;grid-template-columns:212px minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-auto-rows:auto;gap:0;align-items:stretch;min-height:0;height:auto;overflow:hidden;padding:0; }
#page-blocking.dt-ui .direct-rail { display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--dt-soft);border-right:1px solid var(--dt-line); }
#page-blocking.dt-ui .direct-rail>header { display:flex;align-items:center;justify-content:space-between;padding:20px 16px 14px;font-size:14px; }
#page-blocking.dt-ui .direct-rail>header>span { font-size:12px;color:var(--muted); }
#page-blocking.dt-ui .direct-filters { display:flex;gap:4px;padding:0 12px 12px; }
#page-blocking.dt-ui .direct-filters button { flex:1;padding:7px 3px;min-height:34px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:12px;cursor:pointer; }
#page-blocking.dt-ui .direct-filters button[aria-pressed=true] { color:var(--text);background:var(--dt-panel);border-color:var(--dt-line);box-shadow:inset 0 1px var(--page-glass-highlight,transparent); }
#page-blocking.dt-ui .direct-shot-list { overflow-y:auto;min-height:0;padding:0 10px 14px;scrollbar-width:thin; }
#page-blocking.dt-ui .direct-shot { display:flex;align-items:center;justify-content:flex-start!important;width:100%;gap:10px;padding:10px 8px;margin:0 0 7px;min-width:0;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text);text-align:left!important;cursor:pointer;font:inherit;transition:background .15s,border-color .15s; }
#page-blocking.dt-ui .direct-shot:hover { background:var(--dt-panel); }
#page-blocking.dt-ui .direct-shot[aria-current=true] { border-color:var(--dt-accent);background:var(--dt-panel);box-shadow:inset 3px 0 var(--dt-accent); }
#page-blocking.dt-ui .direct-shot-thumb { display:grid;place-items:center;flex:0 0 56px;height:52px;overflow:hidden;background:var(--dt-canvas);border:1px solid var(--dt-line);border-radius:6px;color:var(--muted); }
#page-blocking.dt-ui .direct-shot-thumb img { width:100%;height:100%;object-fit:cover; }
#page-blocking.dt-ui svg { width:18px;height:18px;flex:none;vertical-align:middle; }
#page-blocking.dt-ui .direct-shot-thumb svg { width:25px;height:25px;opacity:.7; }
#page-blocking.dt-ui .direct-shot-info { display:flex;align-items:flex-start;flex-direction:column;gap:3px;min-width:0; }
#page-blocking.dt-ui .direct-shot-info b { font:650 15px/1.3 "Cascadia Code",Consolas,monospace;font-variant-numeric:tabular-nums; }
#page-blocking.dt-ui .direct-shot-info>span { max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px; }
#page-blocking.dt-ui .direct-shot-info small { color:var(--muted);font-size:11px; }
#page-blocking.dt-ui .direct-rail>footer { margin-top:auto;padding:14px 12px;border-top:1px solid var(--dt-line);color:var(--muted);font-size:11px; }
#page-blocking.dt-ui .direct-unit { display:grid;grid-template-columns:minmax(0,1fr) 300px;min-width:0;min-height:0; }
#page-blocking.dt-ui .direct-stage { display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;padding:22px;overflow-y:auto;background:var(--dt-panel); }
#page-blocking.dt-ui .direct-stage-heading { display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0; }
#page-blocking.dt-ui .direct-stage-heading>div { min-width:0; }
#page-blocking.dt-ui .direct-eyebrow { display:block;color:var(--muted);font-size:11px;letter-spacing:.1em;margin-bottom:6px; }
#page-blocking.dt-ui .direct-stage-heading h3 { display:flex;gap:12px;align-items:baseline;margin:0;font-size:16px;line-height:1.6; }
#page-blocking.dt-ui .direct-stage-heading h3 b { font:600 23px/1.3 "Cascadia Code",Consolas,monospace;white-space:nowrap; }
#page-blocking.dt-ui .direct-stage-heading h3 span { overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
#page-blocking.dt-ui .direct-status { flex:none;font-size:12px;padding:5px 9px;border:1px solid var(--dt-line);border-radius:7px;background:var(--dt-soft); }
#page-blocking.dt-ui [data-state=adopted] { color:var(--success,#55d6a0); }
#page-blocking.dt-ui [data-state=failed] { color:var(--danger,#ed879e); }
#page-blocking.dt-ui [data-state=warning],#page-blocking.dt-ui [data-state=draft] { color:var(--amber,#e6b960); }
html[data-theme=light] #page-blocking.dt-ui [data-state=adopted] { color:#137657; }
html[data-theme=light] #page-blocking.dt-ui [data-state=failed] { color:#9b2741; }
html[data-theme=light] #page-blocking.dt-ui [data-state=warning],html[data-theme=light] #page-blocking.dt-ui [data-state=draft] { color:#805a09; }
#page-blocking.dt-ui .direct-canvas { position:relative;display:grid;place-items:center;min-height:200px;flex:1;overflow:hidden;border:1px solid var(--dt-line);border-radius:12px;background:var(--dt-canvas); }
#page-blocking.dt-ui .direct-canvas::before,#page-blocking.dt-ui .direct-canvas::after { content:"";position:absolute;width:22px;height:22px;pointer-events:none;border:solid color-mix(in srgb,var(--muted) 35%,transparent);z-index:1; }
#page-blocking.dt-ui .direct-canvas::before { top:14px;left:14px;border-width:1px 0 0 1px; }
#page-blocking.dt-ui .direct-canvas::after { right:14px;bottom:14px;border-width:0 1px 1px 0; }
#page-blocking.dt-ui .direct-image-button { position:absolute;inset:0;width:100%;height:100%;padding:16px;border:0;background:transparent;cursor:zoom-in; }
#page-blocking.dt-ui .direct-image-button>img { display:block;width:100%;height:100%;object-fit:contain; }
#page-blocking.dt-ui .direct-expand { position:absolute;right:24px;bottom:24px;display:flex;align-items:center;gap:6px;background:var(--dt-panel);border:1px solid var(--dt-line);padding:7px 10px;border-radius:7px;color:var(--text);font-size:12px; }
#page-blocking.dt-ui .direct-canvas-empty { text-align:center;max-width:300px;padding:32px 22px;color:var(--muted); }
#page-blocking.dt-ui .direct-canvas-empty>svg { width:52px;height:52px;margin-bottom:16px;stroke-width:1; }
#page-blocking.dt-ui .direct-canvas-empty h4 { font-size:16px;font-weight:500;color:var(--text);margin:0 0 10px; }
#page-blocking.dt-ui .direct-canvas-empty p { font-size:13px;line-height:1.8;margin:0 0 22px; }
#page-blocking.dt-ui .direct-canvas-empty>span { font:12px/1.4 "Cascadia Code",Consolas,monospace; }
#page-blocking.dt-ui .direct-stage-meta { display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted); }
#page-blocking.dt-ui .direct-stage-meta select { width:auto;max-width:150px;padding:4px 8px;min-height:30px;font-size:12px; }
#page-blocking.dt-ui .direct-stage-footer { margin-top:auto;border-top:1px solid var(--dt-line);padding-top:14px; }
#page-blocking.dt-ui .direct-stage-footer p { font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 12px; }
#page-blocking.dt-ui .direct-stage-footer>div { display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap; }
#page-blocking.dt-ui .direct-stage-footer .btn { min-height:42px;display:inline-flex;align-items:center;gap:7px; }
#page-blocking.dt-ui .direct-inspector { background:var(--dt-soft);border-left:1px solid var(--dt-line);overflow-y:auto;min-height:0;scrollbar-width:thin; }
#page-blocking.dt-ui .direct-detail-section { padding:20px 18px;border-bottom:1px solid var(--dt-line); }
#page-blocking.dt-ui .direct-detail-section>header { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px; }
#page-blocking.dt-ui .direct-detail-section h4 { margin:0;font-size:14px;font-weight:650; }
#page-blocking.dt-ui .direct-detail-section h4>span { color:var(--muted);font-size:12px;margin-left:5px; }
#page-blocking.dt-ui .direct-detail-section>header>span { font-size:11px;color:var(--muted); }
#page-blocking.dt-ui .direct-shot-description { font-size:13px;line-height:1.85;margin:0;white-space:pre-wrap;overflow-wrap:anywhere; }
#page-blocking.dt-ui .direct-dialogue { font-size:12px;line-height:1.7;padding-left:10px;border-left:2px solid var(--dt-line);color:var(--muted); }
#page-blocking.dt-ui .direct-shot-tags { display:flex;gap:6px;flex-wrap:wrap;margin-top:10px; }
#page-blocking.dt-ui .direct-shot-tags span { font-size:11px;color:var(--muted);padding:3px 7px;border:1px solid var(--dt-line);border-radius:5px; }
#page-blocking.dt-ui .direct-reference-strip,#page-blocking.dt-ui .direct-asset-picker { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px; }
#page-blocking.dt-ui .direct-reference { display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden; }
#page-blocking.dt-ui .direct-reference img { display:block;width:100%;height:78px;object-fit:contain;background:var(--dt-canvas);border:1px solid var(--dt-line);border-radius:7px; }
#page-blocking.dt-ui .direct-reference>span { font-size:11px;line-height:1.5;overflow-wrap:anywhere; }
#page-blocking.dt-ui .direct-reference b { font-weight:500; }
#page-blocking.dt-ui .direct-reference small { display:block;font-size:10px;color:var(--muted); }
#page-blocking.dt-ui .direct-reference input { width:15px;height:15px;accent-color:var(--dt-accent);vertical-align:middle;margin:0 4px 0 0; }
#page-blocking.dt-ui .direct-asset-picker { max-height:320px;overflow:auto;padding:2px; }
#page-blocking.dt-ui .direct-asset-picker label { cursor:pointer; }
#page-blocking.dt-ui .direct-asset-picker label:has(input:checked) img { border-color:var(--dt-accent); }
#page-blocking.dt-ui .direct-material-editor { margin-top:14px; }
#page-blocking.dt-ui summary { cursor:pointer;font-size:12px;line-height:1.8; }
#page-blocking.dt-ui .direct-muted { font-size:12px;line-height:1.7;color:var(--muted);grid-column:1/-1; }
#page-blocking.dt-ui .direct-warning { font-size:12px;line-height:1.7;border-left:2px solid var(--amber);padding:8px 10px;background:var(--dt-panel); }
#page-blocking.dt-ui .direct-controls>label { display:flex;flex-direction:column;gap:8px;font-size:12px;margin-bottom:14px; }
#page-blocking.dt-ui .direct-controls>label.direct-ratio-label { flex-direction:row;align-items:center;justify-content:space-between; }
#page-blocking.dt-ui .direct-controls select { width:115px;font-size:12px;min-height:36px; }
#page-blocking.dt-ui textarea { box-sizing:border-box;display:block;width:100%;min-width:0;min-height:100px;padding:10px;resize:vertical;font:13px/1.8 "Microsoft YaHei UI",system-ui,sans-serif;border:1px solid var(--dt-line);border-radius:8px;background:var(--dt-canvas);color:var(--text); }
#page-blocking.dt-ui .direct-save-actions { display:flex;gap:6px;flex-wrap:wrap; }
#page-blocking.dt-ui .direct-save-actions .btn { min-height:36px;font-size:12px;padding:7px 10px; }
#page-blocking.dt-ui .direct-body-panel { margin:0;padding:11px 20px;border-bottom:1px solid var(--dt-line);background:var(--dt-soft); }
#page-blocking.dt-ui .direct-body-panel summary { font-size:12px; }
#page-blocking.dt-ui .direct-body-panel summary>span { margin-left:12px;color:var(--muted);font-size:11px; }
#page-blocking.dt-ui #directEpisodeBody { min-height:180px;margin:12px 0; }
#page-blocking.dt-ui .direct-empty-workspace { display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;text-align:center;min-width:0; }
#page-blocking.dt-ui .direct-empty-workspace>svg { width:48px;height:48px;color:var(--muted); }
#page-blocking.dt-ui .direct-empty-workspace p { color:var(--muted);font-size:14px;line-height:1.8; }
#page-blocking.dt-ui .direct-empty-list { font-size:12px;padding:16px;color:var(--muted); }
#page-blocking.dt-ui .direct-loading { display:grid;grid-column:1/-1;grid-template-columns:212px 1fr 300px;gap:18px;padding:20px; }
#page-blocking.dt-ui .direct-loading>div { border-radius:10px;background:linear-gradient(100deg,var(--dt-soft),var(--dt-line),var(--dt-soft));background-size:220% 100%;animation:direct-loading 1.8s ease-in-out infinite; }
#page-blocking.dt-ui .direct-loading-canvas { display:grid;place-items:center;font-size:14px;color:var(--muted); }
#page-blocking.dt-ui .direct-image-error { display:block;font-size:12px;color:var(--muted);padding:10px;text-align:center; }
#page-blocking.dt-ui .direct-canvas-progress { position:absolute;bottom:12px;left:12px;right:12px;background:var(--dt-panel);padding:10px;font-size:12px;text-align:center; }
#page-blocking.dt-ui .is-generating { border-color:var(--dt-accent); }
#page-blocking.dt-ui :is(button,select,input,textarea,summary):focus-visible { outline:2px solid var(--dt-accent);outline-offset:3px; }
#page-blocking.dt-ui .hidden { display:none!important; }
#page-blocking.dt-ui #blockingGenerationSettingsPopover { color:var(--text);max-width:calc(100vw - 40px); }
#page-blocking.dt-ui #blockingGenerationSettingsPopover select { width:100%;min-width:0;font:inherit; }
.direct-preview { width:min(1200px,92vw);max-height:92dvh;padding:18px;border:1px solid var(--page-glass-line,var(--line));border-radius:16px;background:var(--page-glass-strong,var(--panel));color:var(--text); }
.direct-preview::backdrop { background:rgba(0,0,0,.75); }
.direct-preview>header { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px; }
.direct-preview>img { display:block;max-width:100%;max-height:76dvh;object-fit:contain;margin:auto; }
@keyframes direct-loading { to {background-position:220% 0;} }
@container (max-width:1050px) {
  #page-blocking.dt-ui #blockingGrid { grid-template-columns:170px minmax(0,1fr);height:auto;min-height:620px; }
  #page-blocking.dt-ui .direct-unit { grid-template-columns:minmax(0,1fr); }
  #page-blocking.dt-ui .direct-stage { min-height:530px;padding:18px; }
  #page-blocking.dt-ui .direct-inspector { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-left:0;border-top:1px solid var(--dt-line); }
  #page-blocking.dt-ui .direct-inspector .direct-detail-section:last-child { grid-column:1/-1; }
  #page-blocking.dt-ui .direct-shot { gap:8px;padding:8px 5px; }
  #page-blocking.dt-ui .direct-shot-thumb { flex-basis:42px;height:44px; }
  #page-blocking.dt-ui .direct-rail { max-height:1100px; }
  #page-blocking.dt-ui .direct-loading { grid-template-columns:150px 1fr; }
  #page-blocking.dt-ui .direct-loading-inspector { display:none; }
}
@container (max-width:620px) {
  #page-blocking.dt-ui #blockingGrid { display:flex;flex-direction:column; }
  #page-blocking.dt-ui .blocking-toolbar { padding:14px; }
  #page-blocking.dt-ui .blocking-search-control { flex:1 1 150px; }
  #page-blocking.dt-ui .blocking-actions { width:100%; }
  #page-blocking.dt-ui .blocking-actions .btn { font-size:12px;padding:8px 10px;min-height:40px; }
  #page-blocking.dt-ui .direct-rail { border-right:0;border-bottom:1px solid var(--dt-line); }
  #page-blocking.dt-ui .direct-rail>header { padding:14px 14px 10px; }
  #page-blocking.dt-ui .direct-shot-list { display:flex;overflow-x:auto;padding:0 12px 10px; }
  #page-blocking.dt-ui .direct-shot { flex:0 0 150px;margin:0 6px 0 0;min-height:68px; }
  #page-blocking.dt-ui .direct-rail>footer { display:none; }
  #page-blocking.dt-ui .direct-stage { min-height:520px;padding:14px; }
  #page-blocking.dt-ui .direct-stage-heading h3 { font-size:14px;gap:8px; }
  #page-blocking.dt-ui .direct-stage-heading h3 b { font-size:20px; }
  #page-blocking.dt-ui .direct-inspector { display:block; }
  #page-blocking.dt-ui .direct-stage-footer>div .btn { flex:1;justify-content:center;font-size:12px;padding:8px; }
  #page-blocking.dt-ui .direct-reference img { height:100px; }
  #page-blocking.dt-ui .direct-loading { display:block;min-height:480px; }
  #page-blocking.dt-ui .direct-loading-canvas { height:360px; }
}
@media(prefers-reduced-motion:reduce) { #page-blocking.dt-ui *,#page-blocking.dt-ui *::before { animation:none!important;transition:none!important; } }

html[data-theme=light] #page-blocking.dt-ui { --dt-canvas:var(--dt-panel); }
#page-blocking.dt-ui .direct-image-button>img[hidden] { display:none; }

/* One centered search and a compact inspector; long screenplay text has its own dialog. */
#page-blocking.dt-ui .blocking-toolbar { display:grid;grid-template-columns:minmax(150px,1fr) minmax(260px,570px) minmax(150px,1fr);align-items:center; }
#page-blocking.dt-ui .blocking-search-control { grid-column:2;grid-row:1;width:100%; }
#page-blocking.dt-ui .blocking-actions { justify-self:end;flex-wrap:nowrap; }
#page-blocking.dt-ui .direct-inspector { overflow:auto; }
#page-blocking.dt-ui .direct-story-card { box-sizing:border-box;width:100%;height:clamp(140px,20dvh,210px);margin:0;padding:12px;overflow:hidden;border:1px solid var(--dt-line);border-radius:10px;background:var(--dt-panel);cursor:zoom-in;position:relative; }
#page-blocking.dt-ui .direct-story-card::after { content:'双击或按 Enter 查看全文';position:absolute;bottom:0;left:0;right:0;padding:6px;background:var(--dt-panel);text-align:center;font-size:10px;color:var(--muted); }
#page-blocking.dt-ui .direct-story-card:focus-visible { outline:2px solid var(--dt-accent);outline-offset:2px; }
#page-blocking.dt-ui .direct-shot-description { font-size:12px;line-height:1.7; }
.direct-story-preview { width:min(900px,90vw); }
.direct-story-full { white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.9;max-height:74dvh;overflow:auto;padding:8px 16px; }
@media(min-width:1100px) {
  #page-blocking.dt-ui #blockingGrid { height:auto;min-height:0;grid-template-columns:200px minmax(0,1fr); }
  #page-blocking.dt-ui .direct-unit { grid-template-columns:minmax(0,1fr) clamp(340px,26vw,420px); }
  #page-blocking.dt-ui .direct-inspector { display:block;border-left:1px solid var(--dt-line);border-top:0; }
  #page-blocking.dt-ui .direct-stage { min-height:0;padding:16px;gap:10px; }
  #page-blocking.dt-ui .direct-detail-section { padding:10px 14px; }
  #page-blocking.dt-ui .direct-detail-section>header { margin-bottom:8px; }
  #page-blocking.dt-ui .direct-shot-tags { margin-top:5px; }
  #page-blocking.dt-ui .direct-reference-strip { grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
  #page-blocking.dt-ui .direct-reference img { height:clamp(38px,5.5dvh,64px); }
  #page-blocking.dt-ui .direct-reference { gap:3px; }
  #page-blocking.dt-ui .direct-material-editor { margin-top:6px; }
  #page-blocking.dt-ui .direct-controls>label { margin-bottom:7px;gap:4px; }
  #page-blocking.dt-ui .direct-controls textarea { min-height:52px;height:52px;resize:vertical; }
  #page-blocking.dt-ui .direct-controls select { min-height:30px;height:30px; }
  #page-blocking.dt-ui .direct-save-actions .btn { min-height:30px;padding:5px 10px;font-size:12px; }
}
@container (max-width:1850px) {
  #page-blocking.dt-ui .blocking-toolbar { grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px; }
  #page-blocking.dt-ui .blocking-heading { grid-column:1;grid-row:1; }
  #page-blocking.dt-ui .blocking-actions { grid-column:2;grid-row:1; }
  #page-blocking.dt-ui .blocking-search-control { grid-column:1/-1;grid-row:2;width:min(570px,100%); }
}
@media(min-width:1100px) and (max-height:1050px) {
  #page-blocking.dt-ui .direct-unit { grid-template-columns:minmax(0,1fr) 380px; }
  #page-blocking.dt-ui .direct-inspector { display:grid;grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto 1fr;align-content:start; }
  #page-blocking.dt-ui .direct-story-section { grid-column:1;grid-row:1;padding:8px; }
  #page-blocking.dt-ui .direct-story-section>header { flex-wrap:wrap;gap:2px; }
  #page-blocking.dt-ui .direct-story-card { width:100%;height:136px; }
  #page-blocking.dt-ui .direct-story-section .direct-shot-tags { display:none; }
  #page-blocking.dt-ui .direct-inspector>.direct-controls { grid-column:2;grid-row:1;padding:8px; }
  #page-blocking.dt-ui .direct-inspector>.direct-detail-section:nth-child(2) { grid-column:1/-1;grid-row:2;padding-top:6px;padding-bottom:6px; }
  #page-blocking.dt-ui .direct-save-actions { flex-wrap:wrap;gap:4px; }
  #page-blocking.dt-ui .direct-save-actions .btn { height:30px!important;min-height:30px!important;padding:4px 8px!important; }
  #page-blocking.dt-ui .direct-reference-strip .direct-reference img { height:36px; }
  #page-blocking.dt-ui .direct-reference-strip .direct-reference>span { font-size:10px;line-height:1.3; }
}
@media(max-width:760px) {
  #page-blocking.dt-ui .blocking-toolbar { grid-template-columns:minmax(0,1fr); }
  #page-blocking.dt-ui .blocking-actions { grid-column:1;grid-row:3;justify-self:stretch;flex-wrap:wrap; }
  #page-blocking.dt-ui .blocking-search-control { grid-column:1; }
}

/* 803: stacked screenplay / shot previews, material contact sheet and compact controls. */
#page-blocking.dt-ui #directBodyPanel[hidden],#page-blocking.dt-ui [data-action=adopt][hidden] { display:none!important; }
#page-blocking.dt-ui .direct-reference img[role=button] { cursor:zoom-in; }
#page-blocking.dt-ui .direct-reference img:focus-visible { outline:2px solid var(--dt-accent);outline-offset:2px; }
.direct-episode-editor { display:block;width:100%;height:65dvh;min-height:200px;resize:vertical;padding:16px;font:16px/1.9 "Microsoft YaHei UI",sans-serif;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:10px; }
@media(min-width:1100px) {
  #page-blocking.dt-ui .direct-inspector { display:flex;flex-direction:column;overflow:auto; }
  #page-blocking.dt-ui .direct-detail-section { padding:6px 12px;min-height:0;flex:none; }
  #page-blocking.dt-ui .direct-detail-section>header { margin-bottom:4px; }
  #page-blocking.dt-ui .direct-episode-section,#page-blocking.dt-ui .direct-story-section { display:flex;flex-direction:column;flex:1 1 110px;min-height:85px; }
  #page-blocking.dt-ui .direct-story-card { width:100%;height:auto;min-height:40px;flex:1;padding:8px 10px 22px; }
  #page-blocking.dt-ui .direct-shot-tags { display:none; }
  #page-blocking.dt-ui .direct-controls>label { margin-bottom:4px; }
  #page-blocking.dt-ui .direct-controls textarea { min-height:38px;height:38px; }
  #page-blocking.dt-ui .direct-controls .direct-ratio-label { flex-direction:row;align-items:center;justify-content:space-between; }
  #page-blocking.dt-ui .direct-controls .direct-ratio-label select { width:120px; }
  #page-blocking.dt-ui .direct-save-actions { flex-wrap:nowrap; }
  #page-blocking.dt-ui .direct-reference-strip .direct-reference img { height:clamp(30px,4.5dvh,54px); }
  #page-blocking.dt-ui .direct-reference-strip .direct-reference>span { font-size:10px;line-height:1.3; }
}
/* An opaque base beneath skin-specific glass prevents the workbench showing through. */
html[data-theme] body #page-blocking #blockingGenerationSettingsPopover { isolation:isolate;opacity:1!important; }
html[data-theme] body #page-blocking #blockingGenerationSettingsPopover::before { content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#17152a; }
html[data-theme=light] body #page-blocking #blockingGenerationSettingsPopover::before { background:#fffaf9; }

@media(min-width:1100px) and (max-height:850px) {
  #page-blocking.dt-ui .direct-episode-section,#page-blocking.dt-ui .direct-story-section { min-height:72px;flex-basis:80px; }
  #page-blocking.dt-ui .direct-detail-section { padding:4px 10px; }
  #page-blocking.dt-ui .direct-reference b,#page-blocking.dt-ui .direct-reference small { display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
  #page-blocking.dt-ui .direct-reference-strip { gap:4px; }
  #page-blocking.dt-ui .direct-controls>label { display:flex;flex-direction:row;align-items:center;gap:8px;font-size:11px; }
  #page-blocking.dt-ui .direct-controls textarea { flex:1;width:0;min-width:0;min-height:34px!important;height:34px!important; }
  #page-blocking.dt-ui .direct-controls select { min-height:28px!important;height:28px!important; }
  #page-blocking.dt-ui .direct-controls .btn { min-height:27px!important;height:27px!important; }
}