/* Local design iteration: progressive disclosure; processing code stays unchanged. */
html.embedded .shell { max-width: none; padding: 0 0 8px; }
.workspace { grid-template-columns: minmax(0, 3fr) minmax(260px, 1fr); box-shadow: none; }
.workspace:not(:has(#video:not([hidden]))) { grid-template-columns: 1fr; }
.workspace:not(:has(#video:not([hidden]))) aside,
.workspace:not(:has(#video:not([hidden]))) .stage-top { display: none; }
.workspace:not(:has(#video:not([hidden]))) .stage { padding: 0; min-height: 0; border: 0; gap: 0; }
.workspace:not(:has(#video:not([hidden]))) .viewport { height: clamp(340px, 34vw, 460px); }
.empty { background: radial-gradient(ellipse at center, #1b2432, #0d1118 75%); }
.empty .glyph { width: 58px; height: 58px; margin-bottom: 22px; border-radius: 18px; font-size: 26px; }
.empty h2 { font-size: clamp(24px, 3vw, 32px); letter-spacing: -.04em; }
.empty p { max-width: 560px; margin: 6px 0 24px; font-size: 13px; }
.empty .choose { min-width: 164px; min-height: 48px; border-radius: 12px; }
.workspace:has(#video:not([hidden])) .viewport { height: clamp(300px, 36vw, 540px); }
aside { padding: 24px 20px; }
.steps { margin-bottom: 22px; }
.panel-label { font-size: 16px; }
.selection-prompt { font-size: 13px; color: var(--muted); margin: 0 0 14px; }
.editor-help { margin: 12px 0 20px; font-size: 12px; color: var(--muted); }
.editor-help summary { cursor: pointer; padding: 8px 0; }
.editor-help summary:focus-visible { outline: 2px solid var(--lime); outline-offset: 3px; }
.editor-help p { margin: 8px 0; }
.editor-help .privacy { margin-top: 8px; padding-top: 8px; }
.secondary-actions { margin-block: 16px; }
.secondary-actions .small-button { font-size: 12px; padding: 8px 10px; }
.run { margin-top: 16px; }
.note { font-size: 12px; }
.processing-details { border-top: 1px solid var(--line); padding-top: 8px; margin-top: 20px; }
@media (max-width: 760px) {
 .workspace { grid-template-columns: 1fr; }
 .workspace:not(:has(#video:not([hidden]))) .viewport { height: 350px; }
 .empty { padding: 24px; }
 .empty p { max-width: 280px; font-size: 12px; }
 .workspace:has(#video:not([hidden])) .viewport { height: 300px; }
 aside { padding: 20px; }
}