.scene-stage{border:1px solid var(--line-bright);background:var(--surface);height:10.5rem;position:relative;overflow:hidden}@media (scripting:enabled){.scene-stage:not([data-playing]) .scene-from{opacity:1;transform:none}.scene-stage:not([data-playing]) .scene-to{opacity:0;transform:translateY(8px)}.scene-stage:not([data-playing]) .scene-wire{transform:scaleX(0)}.scene-stage:not([data-playing]) .scene-row{opacity:0;transform:translate(-6px)}}.scene-stage[data-playing] .scene-from{opacity:0;transform:translateY(-8px)}.scene-stage[data-playing] .scene-to{opacity:1;transform:none}.scene-stage[data-playing] .scene-wire{transform:scaleX(1)}.scene-stage[data-playing] .scene-row{opacity:1;transform:none}.scene-from,.scene-to,.scene-wire,.scene-row{transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.scene-stage[data-playing] .scene-row:first-child{transition-delay:80ms}.scene-stage[data-playing] .scene-row:nth-child(2){transition-delay:.2s}.scene-stage[data-playing] .scene-row:nth-child(3){transition-delay:.34s}.scene-from,.scene-to{position:absolute;inset:0}.scene-chip{border:1px solid var(--line-bright);background:var(--surface-2);color:var(--text-dim);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:.35rem .5rem;font-size:.62rem;display:inline-flex}.scene-row{border-bottom:1px solid var(--line);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.04em;color:var(--text-dim);justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .7rem;font-size:.68rem;display:flex}.scene-row strong{color:var(--text);font-weight:500}.scene-row .ok{color:var(--cedar)}.scene-row .hold{color:var(--rust)}.scene-pad{flex-direction:column;justify-content:center;gap:.45rem;height:100%;padding:.85rem;display:flex}.scene-notes{flex-wrap:wrap;align-content:center;gap:.4rem;height:100%;padding:.85rem;display:flex}.scene-notes .scene-chip:nth-child(2){transform:rotate(-3deg)}.scene-notes .scene-chip:nth-child(3){transform:rotate(2deg)}.scene-app{border:1px solid var(--line-bright);background:var(--surface-2);flex-direction:column;height:calc(100% - 1.7rem);margin:.85rem;display:flex}.scene-app header{border-bottom:1px solid var(--line);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cedar);padding:.4rem .6rem;font-size:.62rem}.scene-app .bars{flex-direction:column;gap:.35rem;padding:.7rem;display:flex}.scene-app .bar{background:var(--line-bright);height:.45rem}.scene-nodes{grid-template-columns:1fr 1fr 1fr;align-items:center;gap:.35rem;height:100%;padding:.9rem .7rem;display:grid}.scene-node{text-align:center;border:1px solid var(--line-bright);background:var(--surface-2);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text);z-index:1;padding:.55rem .2rem;font-size:.58rem;position:relative}.scene-wires{pointer-events:none;justify-content:space-between;height:1px;display:flex;position:absolute;inset:42% 12% auto}.scene-wire{background:var(--cedar);transform-origin:0;width:28%;height:1px}.scene-gap{border:1px dashed var(--line-bright);height:100%;color:var(--text-faint);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;justify-content:center;align-items:center;margin:.85rem;font-size:.62rem;display:flex}@media (prefers-reduced-motion:reduce){.scene-from,.scene-to,.scene-wire,.scene-row{transition:none}}