.editor-assembly{margin:42px 0 64px;color:#eee8fa;min-width:0}
.assembly-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.assembly-heading h3{font-size:clamp(24px,3vw,36px);line-height:1.15;letter-spacing:-.025em;margin:0 0 10px}
.assembly-heading p{color:#b5b8c7;font-size:15px;line-height:1.6;margin:0;max-width:620px}
.assembly-kicker{display:block;margin-bottom:12px;color:#c6b2f2;font:600 11px/1.5 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em}
.assembly-controls{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.assembly-controls button,.assembly-controls a{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid #655277;border-radius:7px;color:#e2d6fc;background:#181324;font-family:inherit;font-size:13px;font-weight:600;line-height:1.4;text-decoration:none;cursor:pointer}
.assembly-controls button:hover,.assembly-controls a:hover{border-color:#bca0f3;background:#251b37;color:white}
.assembly-controls button:focus-visible,.assembly-controls a:focus-visible{outline:2px solid #c9eca0;outline-offset:4px}
.assembly-controls button:disabled{opacity:.45;cursor:wait}
.assembly-stage{position:relative;width:100%;aspect-ratio:3600/2188;overflow:hidden;isolation:isolate;background:#070911;border:0;border-radius:1.25% / 2.05%;clip-path:inset(0 round 1.25% / 2.05%);contain:layout paint}
.assembly-stage .assembly-reference{display:block;width:100%;height:100%;position:absolute;inset:0;margin:0;object-fit:contain}
.assembly-stage[data-state="loading"] .assembly-reference{opacity:0}
.assembly-stage[data-state="ready"] .assembly-reference,.assembly-stage[data-state="playing"] .assembly-reference,.assembly-stage[data-state="complete"] .assembly-reference{visibility:hidden}
.assembly-stage .assembly-layer{position:absolute;display:block;max-width:none!important;max-height:none;margin:0;padding:0;border:0;opacity:0;pointer-events:none;user-select:none;object-fit:fill;transform-origin:center}
.assembly-stage[data-state="complete"] .assembly-layer{opacity:1;transform:none}
.assembly-caption{display:flex;justify-content:space-between;gap:18px;margin-top:12px;color:#a5a0b5;font-size:12px;line-height:1.6}
.assembly-status{color:#c6b2f2}
@media(max-width:760px){.editor-assembly{margin:30px 0 44px}.assembly-heading{display:block}.assembly-controls{margin-top:18px}.assembly-controls button,.assembly-controls a{font-size:12px;padding:10px 12px}.assembly-caption{display:block}.assembly-status{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.assembly-stage[data-state="loading"] .assembly-reference{opacity:1}.assembly-layer{animation:none!important;transition:none!important}}
/* The existing three-mode tab panels host the real captured workspaces. */
#workspace .workspace-panel[hidden]{display:none}
#workspace .workspace-assembly{width:100%;margin:0;min-width:0}
#workspace .workspace-assembly .workspace-copy{border-top:1px solid #302c40}
#workspace .workspace-assembly .assembly-controls{grid-column:3;grid-row:1/3;align-self:center;justify-self:end}
#workspace .workspace-assembly .assembly-caption{padding:0 24px 18px;margin:0}
#workspace .workspace-assembly .assembly-stage{width:100%;max-width:none}
@media(max-width:1000px){#workspace .workspace-assembly .workspace-copy{display:flex;flex-wrap:wrap}#workspace .workspace-assembly .workspace-copy p{flex-basis:100%;order:2}#workspace .workspace-assembly .assembly-controls{flex-basis:100%;order:3;justify-self:start;margin-top:4px}}
@media(max-width:760px){#workspace .workspace-assembly .assembly-caption{padding:0 20px 18px}#workspace .workspace-assembly .assembly-controls{margin-top:8px;gap:8px}}