.studio-workspace {position:fixed;inset:0;margin:0;padding:0;border:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;background:var(--bg);color:var(--text);overflow:hidden;isolation:isolate}
.studio-workspace::backdrop {background:var(--bg)}
.studio-eyeline {position:absolute;z-index:2;max-width:100%;padding:0;contain:layout}
.studio-capture-panel {position:relative;width:100%;background:#080706;isolation:isolate;overflow:auto;border-radius:0 0 14px 14px;box-shadow:0 12px 40px #0005}
.studio-capture-panel>div {width:100%;height:100%;min-height:200px}
.studio-capture-panel iframe {display:block;width:100%;height:100%;min-height:200px;border:0}
.studio-item-caption {margin:0 auto;padding:12px 16px;text-align:center;background:#171411f5;border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}
.studio-item-caption h2 {margin:0 0 4px;font-size:clamp(1rem,2vw,1.4rem);line-height:1.25;letter-spacing:-.015em;overflow-wrap:anywhere}
.studio-item-caption a {color:var(--orange);font-size:.85rem}
.studio-item-caption p {margin:6px 0;font-size:.8rem}
.studio-panel-actions {display:flex;gap:6px;justify-content:center;flex-wrap:wrap}
.studio-panel-actions .btn {min-height:44px}
.studio-drag {cursor:grab;touch-action:none}
.studio-drag:active {cursor:grabbing}
.studio-panel-resize {position:absolute;right:0;bottom:-22px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#302116;color:#fff;cursor:ew-resize;touch-action:none;box-shadow:0 3px 10px #0006}
.studio-eyeline.locked .studio-panel-resize {display:none}
.studio-preload {position:fixed;left:-2000px;top:0;width:640px;height:360px;opacity:0;pointer-events:none;overflow:hidden}
.studio-preload>div {width:640px;height:360px}
.studio-article-summary {display:flex;align-items:center;justify-content:center;min-height:200px;height:100%;margin:0;padding:2rem;white-space:pre-line;text-align:center;font-size:clamp(1.1rem,2vw,1.7rem);line-height:1.5;overflow:auto;overflow-wrap:anywhere}
.studio-workspace-toolbar {position:absolute;z-index:3;bottom:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px 16px;border:1px solid var(--line);border-radius:18px;background:#171411ed;backdrop-filter:blur(18px);box-shadow:0 8px 35px #0004}
.studio-workspace-toolbar [data-status] {width:100%;text-align:center;margin:0;font-size:.85rem}
.studio-device-notice {font-size:.8rem;color:var(--muted);white-space:nowrap}
.studio-light-controls {position:absolute;z-index:4;right:16px;bottom:125px;width:min(330px,calc(100% - 32px));max-height:70dvh;overflow:auto;background:#211b15f5;border:1px solid var(--line);border-radius:18px;padding:20px;backdrop-filter:blur(20px);box-shadow:0 8px 35px #0006}
.studio-light-controls[hidden] {display:none}
.studio-light-controls h3 {margin:0 0 16px}
.studio-light-controls label {display:flex;flex-direction:column;gap:6px;margin:12px 0;font-size:.9rem}
.studio-light-controls label.row {flex-direction:row;align-items:center}
.studio-light-controls input[type=checkbox] {width:20px;height:20px;accent-color:var(--orange)}
.studio-light-controls input[type=range] {width:100%;min-height:44px;padding:0;accent-color:var(--orange);cursor:pointer}
.studio-light-controls [data-display-list] {display:grid;gap:8px;margin:10px 0}
.studio-light-surface {position:absolute;inset:0;z-index:0;pointer-events:none;display:flex;overflow:hidden}
.studio-light-surface>div {width:50%;height:100%;background:var(--studio-light-color);opacity:0;transition:opacity 180ms linear,background-color 180ms linear}
.studio-light-surface[data-shape=sides]>div {width:25%;position:absolute;top:0;bottom:0}
.studio-light-surface[data-shape=sides]>.studio-light-left {left:0}
.studio-light-surface[data-shape=sides]>.studio-light-right {right:0}
.studio-light-window {margin:0;min-height:100dvh;background:var(--bg);color:var(--text)}
.studio-light-window #light {position:fixed;inset:0;isolation:isolate}
.studio-light-window-controls {position:absolute;z-index:1;left:16px;bottom:16px;background:#171411e6;border-radius:16px;padding:16px;max-width:calc(100% - 32px)}
.studio-light-window-controls h1 {font-size:1rem;margin:0}
.studio-light-window-controls p {font-size:.85rem}
.studio-workspace button:active {transform:scale(.98)}
.studio-workspace :focus-visible,.studio-light-window :focus-visible {outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:720px) {.studio-workspace-toolbar {left:8px;right:8px;bottom:8px;padding:8px}.studio-workspace-toolbar .eyebrow {display:none}.studio-workspace-toolbar .btn {font-size:.8rem;padding:8px}.studio-item-caption {padding:8px}.studio-panel-actions .btn {font-size:.75rem;padding:6px}.studio-light-controls {bottom:145px}}
@media(prefers-reduced-motion:reduce) {.studio-workspace button:active {transform:none}.studio-light-surface>div {transition:none}}
@media(prefers-reduced-transparency:reduce) {.studio-workspace-toolbar,.studio-light-controls,.studio-light-window-controls {background:#211b15;backdrop-filter:none}}
@media(prefers-contrast:more) {.studio-item-caption,.studio-workspace-toolbar,.studio-light-controls {border-color:var(--cream);background:var(--bg)}}
.studio-recorder-controls {display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.studio-recording-badge {color:var(--text);background:rgba(170,40,20,.8);border-radius:99px;padding:.45rem .75rem;font-weight:650}
.studio-preflight {position:fixed;bottom:5rem;right:1rem;max-height:calc(100vh - 6rem);overflow:auto;width:min(540px,calc(100vw - 2rem));background:rgba(23,20,17,.97);backdrop-filter:blur(24px);border:1px solid rgba(242,233,216,.18);border-radius:24px;padding:1.1rem;box-shadow:0 24px 90px rgba(0,0,0,.4);z-index:15}
.studio-preflight[hidden],.studio-recording-badge[hidden] {display:none}
.studio-preflight header {display:flex;align-items:center;justify-content:space-between;gap:1rem}
.studio-preflight h3 {margin:0;letter-spacing:-.015em}
.studio-preflight label {display:grid;gap:.35rem;margin:.7rem 0}
.studio-preflight .row {gap:.4rem;flex-wrap:wrap;margin:.6rem 0}
.studio-preflight p {margin:.5rem 0;font-size:.9rem}
.studio-preflight code {overflow-wrap:anywhere}
.studio-camera-guide {position:relative;aspect-ratio:16/9;background:var(--bg);border-radius:16px;overflow:hidden;margin:.8rem 0}
.studio-camera-guide video {width:100%;height:100%;object-fit:contain;transform:scaleX(-1)}
.studio-framing-guide {position:absolute;left:30%;top:20%;width:40%;height:60%;border:1px dashed rgba(242,233,216,.8);border-radius:50%;pointer-events:none}
.studio-sync-flash {position:absolute;inset:0;background:#fff;z-index:8;pointer-events:none}
@media (prefers-reduced-transparency:reduce),(prefers-contrast:more) {.studio-preflight {background:var(--bg);backdrop-filter:none}}

.studio-controls-hidden .studio-panel-actions,.studio-controls-hidden .studio-panel-resize,.studio-controls-hidden .studio-workspace-toolbar > :not(.studio-recorder-controls):not(.studio-device-notice),.studio-controls-hidden [data-preflight-open] {opacity:0;pointer-events:none}
.studio-workspace-toolbar,.studio-panel-actions {transition:opacity 120ms ease}
@media (prefers-reduced-motion:reduce) {.studio-workspace-toolbar,.studio-panel-actions {transition:none}}

.studio-camera-placeholder {position:absolute;inset:0;display:grid;place-items:center;padding:1.5rem;text-align:center;color:var(--muted)}
.studio-camera-placeholder[hidden],.studio-camera-guide video[hidden] {display:none}

.studio-stop {position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:30;box-shadow:0 6px 25px #0006}
.studio-stop[hidden],.studio-recorder-controls [hidden] {display:none}
.studio-preflight header {position:sticky;top:0;background:var(--bg);z-index:2;border-radius:12px;padding:.3rem}