/* Complete static edit by default; native chapter progress assembles the artwork. */
.as-content-composition{min-width:0;width:100%;margin:0;position:relative;justify-self:end}
.as-content-art{position:relative;background:radial-gradient(ellipse at 50% 49%,#5a273530,transparent 68%)}
.as-content-art svg{display:block;width:100%;height:auto;overflow:visible}
.as-content-mono{font-family:var(--mono)}
.as-content-grid{opacity:.3}
.as-content-readout{display:flex;justify-content:space-between;gap:15px;font:9px/1.7 var(--mono);letter-spacing:.06em;color:#cdb4c0;padding:0 0 12px;border-bottom:1px solid #60404e}
.as-content-readout>span:last-child{color:var(--pink)}
.as-content-preview{opacity:var(--content-preview,1);transform-origin:505px 185px;transform:scale(var(--content-preview-scale,1))}
.as-content-preview-frame{opacity:0}
.as-content-preview-2{opacity:1}
[data-content-frame="0"] .as-content-preview-frame,[data-content-frame="1"] .as-content-preview-frame{opacity:0}
[data-content-frame="0"] .as-content-preview-0,[data-content-frame="1"] .as-content-preview-1{opacity:1}
.as-content-timeline{opacity:var(--content-timeline,1);transform:translateY(var(--content-timeline-y,0px))}
.as-content-clip{transform-box:fill-box;transform-origin:center}
.as-content-clip-0{transform:translate(var(--content-clip-0-x,0px),var(--content-clip-0-y,0px)) rotate(var(--content-clip-0-turn,0deg))}
.as-content-clip-1{transform:translate(var(--content-clip-1-x,0px),var(--content-clip-1-y,0px)) rotate(var(--content-clip-1-turn,0deg))}
.as-content-clip-2{transform:translate(var(--content-clip-2-x,0px),var(--content-clip-2-y,0px)) rotate(var(--content-clip-2-turn,0deg))}
.as-content-title-track{opacity:var(--content-title,1);transform:translateY(var(--content-title-y,0px))}
.as-content-audio-track{opacity:var(--content-audio,1);transform:translateY(var(--content-audio-y,0px))}
.as-content-playhead{transform:translateX(var(--content-playhead-x,765px));opacity:var(--content-playhead,1)}
.as-content-composition figcaption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #704555;padding:15px 0;font:8px/1.7 var(--mono);color:#d4bdc8;letter-spacing:.03em}
.as-content-composition figcaption>span:first-child{color:var(--pink)}
.as-motion .as-content-composition{max-width:940px;max-height:100%}
.as-motion .as-content-art svg{max-height:calc(100svh - 330px)}
@media(max-width:1100px){.as-content-composition figcaption{font-size:7px;display:block;padding-top:11px}.as-content-composition figcaption>span{display:block}.as-content-composition figcaption>span+span{margin-top:4px}.as-content-readout{font-size:8px}}
@media(max-width:760px){.as-content-composition{justify-self:center;max-width:530px}.as-motion .as-content-composition{max-width:450px}.as-motion .as-content-art svg{max-height:250px}.as-content-composition figcaption{font-size:6px;padding:8px 0;line-height:1.7}.as-content-composition figcaption>span+span{margin-top:3px}.as-content-readout{font-size:6px;padding-bottom:7px}}
@media(max-width:380px){.as-motion .as-content-art svg{max-height:230px}.as-content-composition figcaption{font-size:5px}.as-content-readout{font-size:5px}}