.playback-controls{border-top:1px solid var(--line);margin-top:21px;padding-top:20px}.playback-steps{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.playback-step{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);color:var(--muted);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:8px 10px;font-size:12px;display:inline-flex}.playback-step span{font-variant-numeric:tabular-nums}.playback-step[aria-current=step]{background:var(--surface-soft);border-color:var(--diagram-first);color:var(--ink);font-weight:650}.playback-buttons button:disabled{opacity:.45;cursor:default}.playback-buttons{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.playback-buttons label{color:var(--muted);margin-left:4px;font-size:12px}.playback-buttons select{border:1px solid var(--line);border-radius:var(--radius-small);background:var(--surface);min-height:40px;color:var(--ink);font:inherit;padding:6px 9px;font-size:13px}.playback-progress{margin-top:18px;display:block}.playback-progress>span{color:var(--muted);justify-content:space-between;gap:12px;font-size:12px;display:flex}.playback-progress output{font-variant-numeric:tabular-nums}.playback-progress input[type=range]{width:100%;height:32px;accent-color:var(--diagram-first);cursor:pointer;margin:5px 0 0}