/* SUBA V4: finite framing, convergence and editorial unfolding. */
:root{--motion-ink:#2155ff;--motion-cyan:#25f4ee;--motion-pink:#fe2c55;--motion-corner:18px}
[data-motion-stage]{position:relative;isolation:isolate}
[data-motion-scene="frame"] [data-motion-part="live"]{display:inline-block}
.theme-blue [data-motion-stage]{--motion-ink:#fff}
.motion-stage-layer{position:absolute;inset:0;z-index:4;pointer-events:none;overflow:visible;color:var(--motion-ink)}
.motion-wires{position:absolute;inset:0;overflow:visible;pointer-events:none}
.motion-wire{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55}
.motion-tone-pink{color:var(--motion-pink)}
.motion-tone-cyan{color:var(--motion-cyan)}
.motion-focus-frame{position:absolute;pointer-events:none;opacity:.72;background:linear-gradient(currentColor,currentColor) left top/var(--motion-corner) 2px no-repeat,linear-gradient(currentColor,currentColor) left top/2px var(--motion-corner) no-repeat,linear-gradient(currentColor,currentColor) right top/var(--motion-corner) 2px no-repeat,linear-gradient(currentColor,currentColor) right top/2px var(--motion-corner) no-repeat,linear-gradient(currentColor,currentColor) left bottom/var(--motion-corner) 2px no-repeat,linear-gradient(currentColor,currentColor) left bottom/2px var(--motion-corner) no-repeat,linear-gradient(currentColor,currentColor) right bottom/var(--motion-corner) 2px no-repeat,linear-gradient(currentColor,currentColor) right bottom/2px var(--motion-corner) no-repeat}
.motion-await-reveal{visibility:hidden!important}
.motion-scan-cursor{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--motion-ink);opacity:0;pointer-events:none;z-index:2}
[data-motion-cut]{transform-origin:50% 50%}
[data-motion-controls]{position:relative;z-index:5;display:flex;align-items:center;gap:16px;margin-top:24px;min-height:32px}
[data-motion-replay]{font:inherit;font-size:12px;color:inherit;background:none;border:0;border-bottom:1px solid currentColor;padding:5px 0;cursor:pointer;white-space:nowrap}
[data-motion-replay]:disabled{opacity:.45;cursor:default}
[data-motion-replay]:focus-visible{outline:2px solid var(--motion-pink);outline-offset:5px}
[data-motion-status]{display:block;flex:1;min-width:100px;min-height:2.7em;font-size:11px;line-height:1.35;color:inherit}
#motion-toggle[aria-pressed="true"]{opacity:.65}
.motion-paused .motion-await-reveal{visibility:visible!important}
@media(max-width:760px){:root{--motion-corner:12px}.motion-wire{stroke-width:1.25}[data-motion-controls]{gap:12px;align-items:flex-start;margin-top:20px}[data-motion-status]{font-size:10px;max-width:190px}}
@media(prefers-reduced-motion:reduce){.motion-await-reveal{visibility:visible!important}[data-motion-stage] *{animation:none!important;transition:none!important}[data-motion-scan]{display:none!important}}
@media print{.motion-await-reveal{visibility:visible!important}[data-motion-controls],#motion-toggle,[data-motion-scan]{display:none!important}}