.motions{--bg:var(--paper);--stroke:var(--iso-stroke);--stroke-soft:#b9b1a9;--p-top:var(--iso-paper-top);--p-left:var(--iso-paper-left);--p-right:var(--iso-paper-right);--g-top:rgba(255,255,255,.2);--g-left:rgba(255,255,255,.12);--g-right:rgba(240,234,228,.16);--g-stroke:var(--iso-glass-stroke);--label:var(--iso-label);--floor:var(--iso-floor);--screen:var(--iso-screen);--tray:#f1ece6;--base-top:#f8f5f1;--led-off:#ddd6ce;--danger:#dc2626;--f-mono:var(--font-mono),ui-monospace,Menlo,monospace}:root[data-theme=dark] .motions{--muted:#bdb7b0;--label:#f0ebe5;--stroke-soft:#55514d;--g-top:rgba(255,255,255,.035);--g-left:rgba(255,255,255,.02);--g-right:rgba(255,255,255,.03);--tray:#262422;--base-top:#1c1b1a;--led-off:#2f2c2a;--danger:#f87171;--screen:#0b0b0b}.motions-stage{border:1px solid var(--line);background:var(--paper);position:relative;overflow:hidden}.motions-stage svg{width:100%;height:auto;display:block}.motions-bar{left:0;right:0;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:11px;display:flex;position:absolute;bottom:0}.motions-beat:before{content:"";vertical-align:1px;background:var(--accent);width:7px;height:7px;margin-right:9px;display:inline-block}.motions-bar button{pointer-events:auto;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);cursor:pointer;flex:none;padding:6px 10px}.motions-bar button:hover{border-color:var(--accent)}.motions-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:820px){.motions-bar{padding:8px 10px;font-size:9.5px}}.motions-stage[data-variant=bare]{background:0 0;border:0}