.demo-section-controls{border:1px solid var(--vf-border);border-radius:12px;background:var(--bg-color);padding:14px;display:grid;gap:9px}
.demo-section-controls>label{font-size:.8rem;font-weight:700;color:var(--accent-cyan)}
.demo-control-row{display:flex;align-items:stretch;gap:8px;min-width:0;flex-wrap:wrap}
.demo-control-row select{flex:1 1 220px;min-width:0;max-width:100%;min-height:44px;background:var(--vp-panel);border:1px solid var(--vf-border);border-radius:8px;padding:10px;color:var(--text-light);font:500 .8rem/1.5 'Segoe UI',sans-serif}
.demo-control-row button{min-height:44px;padding:10px 12px;white-space:nowrap;font-size:.78rem;touch-action:manipulation}
.demo-control-row button:disabled{opacity:.55;cursor:default}
.demo-control-row button[aria-pressed=true]{border-color:var(--primary-yellow);color:var(--primary-yellow)}
.demo-control-row select:focus-visible,.demo-control-row button:focus-visible{outline:3px solid var(--primary-yellow);outline-offset:3px}
#demoPlaybackStatus{font-size:.75rem;line-height:1.6;color:var(--text-muted);margin:0;min-height:3.2em}
#digitek-simulator.demo-paused *,#digitek-simulator.demo-paused *::before,#digitek-simulator.demo-paused *::after{animation-play-state:paused!important}
@media(max-width:600px){.demo-control-row select{flex-basis:100%}.demo-control-row button{flex:1}.demo-section-controls{padding:12px}}

.demo-timing-note{font-size:.75rem;line-height:1.6;color:var(--accent-cyan);margin:0}.demo-timing-note[hidden]{display:none!important}