.metro-workspace[data-v-6cdc4d03]{background:var(--input);padding:1rem}.metro-shell[data-v-6cdc4d03]{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:1rem;overflow:hidden}.metro-stage[data-v-6cdc4d03]{border-bottom:1px solid var(--border);background:radial-gradient(circle at 82% 35%, var(--tint-accent), transparent 38%), var(--subtle);grid-template-columns:minmax(0,.8fr) minmax(16rem,1.2fr);align-items:center;gap:2rem;min-height:13rem;padding:2rem;display:grid}.metro-tempo-copy[data-v-6cdc4d03]{flex-direction:column;align-items:flex-start;display:flex}.metro-eyebrow[data-v-6cdc4d03],.metro-field-label>span[data-v-6cdc4d03]{color:var(--faint);letter-spacing:.08em;text-transform:uppercase;font-size:.8125rem;font-weight:700;line-height:1rem}.metro-readout[data-v-6cdc4d03]{align-items:baseline;gap:.55rem;display:flex}.metro-bpm-input[data-v-6cdc4d03]{appearance:textfield;width:4.7ch;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.07em;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;outline:none;font-size:clamp(3.6rem,9vw,6.4rem);font-weight:780;line-height:1}.metro-bpm-input[data-v-6cdc4d03]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.metro-bpm-input[data-v-6cdc4d03]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.metro-bpm-input[data-v-6cdc4d03]:focus-visible{border-color:var(--accent)}.metro-unit[data-v-6cdc4d03]{color:var(--muted);letter-spacing:.08em;font-size:.9rem;font-weight:750}.metro-marking[data-v-6cdc4d03]{color:var(--muted);margin-top:.6rem;font-size:.95rem}.metro-beat-zone[data-v-6cdc4d03]{min-width:0}.metro-pulse[data-v-6cdc4d03]{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.metro-pulse--dense[data-v-6cdc4d03]{grid-template-columns:repeat(6,2.6rem);display:grid}.metro-beat[data-v-6cdc4d03]{border:1px solid var(--border);background:var(--surface);width:2.6rem;height:2.6rem;color:var(--muted);border-radius:999px;place-items:center;font-size:.85rem;font-weight:750;transition:transform 80ms,background 80ms,border-color 80ms,color 80ms;display:grid}.metro-beat--down[data-v-6cdc4d03]{border-width:2px;border-color:var(--accent)}.metro-beat--active[data-v-6cdc4d03]{border-color:var(--accent);background:var(--accent);color:var(--accent-fg);box-shadow:0 0 0 .35rem var(--tint-accent);transform:scale(1.13)}.metro-beat-label[data-v-6cdc4d03]{color:var(--muted);text-align:center;margin-top:.9rem;font-size:.85rem;display:block}.metro-alert[data-v-6cdc4d03]{border:1px solid var(--badge-fail);background:var(--tint-fail);color:var(--badge-fail);border-radius:.65rem;margin:1rem 1.25rem 0;padding:.75rem .9rem;font-size:.9rem}.metro-controls[data-v-6cdc4d03]{padding:1.35rem 1.5rem 1.1rem}.metro-nudge-row[data-v-6cdc4d03]{grid-template-columns:2.8rem minmax(0,1fr) 2.8rem;align-items:center;gap:.8rem;display:grid}.metro-icon-button[data-v-6cdc4d03],.metro-secondary[data-v-6cdc4d03],.metro-chip[data-v-6cdc4d03]{border:1px solid var(--border);background:var(--surface);min-height:2.75rem;color:var(--text);cursor:pointer;font:inherit;touch-action:manipulation;border-radius:.65rem}.metro-icon-button[data-v-6cdc4d03]{font-size:1.25rem;font-weight:700}.metro-icon-button[data-v-6cdc4d03]:hover,.metro-secondary[data-v-6cdc4d03]:hover,.metro-chip[data-v-6cdc4d03]:hover{border-color:var(--accent)}.metro-range[data-v-6cdc4d03]{width:100%;accent-color:var(--accent);cursor:pointer}.metro-range[data-v-6cdc4d03]:focus-visible,button[data-v-6cdc4d03]:focus-visible,select[data-v-6cdc4d03]:focus-visible,input[data-v-6cdc4d03]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.metro-presets[data-v-6cdc4d03]{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin-top:1rem;display:grid}.metro-chip[data-v-6cdc4d03]{color:var(--muted);padding:.55rem .75rem;font-size:.82rem}.metro-chip--active[data-v-6cdc4d03]{border-color:var(--accent);color:var(--text);box-shadow:inset 0 -2px 0 var(--accent)}.metro-settings[data-v-6cdc4d03]{border-block:1px solid var(--border);background:var(--subtle);grid-template-columns:1fr 1.25fr 1.25fr 1.2fr;gap:.9rem;padding:1.2rem 1.5rem;display:grid}.metro-field-label[data-v-6cdc4d03]{flex-direction:column;gap:.5rem;min-width:0;display:flex}.metro-select[data-v-6cdc4d03]{border:1px solid var(--border-strong);border-radius:var(--radius-input);background-color:var(--surface);width:100%;min-width:0;min-height:2.8rem;color:var(--text);font:inherit;padding-block:.6rem;padding-inline-start:.75rem;line-height:1.25rem}.metro-volume[data-v-6cdc4d03]{justify-content:space-between}.metro-volume strong[data-v-6cdc4d03]{color:var(--text);font-variant-numeric:tabular-nums}.metro-switch-row[data-v-6cdc4d03]{min-height:2.8rem;color:var(--muted);cursor:pointer;justify-content:space-between;align-self:end;align-items:center;gap:.75rem;font-size:.88rem;display:flex}.metro-switch-control[data-v-6cdc4d03]{flex:none;width:2.75rem;height:1.55rem;position:relative}.metro-switch-input[data-v-6cdc4d03]{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.metro-switch[data-v-6cdc4d03]{border:1px solid var(--border);background:var(--surface);border-radius:999px;width:100%;height:100%;transition:background .12s;display:block;position:relative}.metro-switch[data-v-6cdc4d03]:after{background:var(--muted);content:"";border-radius:50%;width:1rem;height:1rem;transition:transform .12s,background .12s;position:absolute;top:.2rem;left:.2rem}.metro-switch-input:checked+.metro-switch[data-v-6cdc4d03]{border-color:var(--accent);background:var(--accent)}.metro-switch-input:checked+.metro-switch[data-v-6cdc4d03]:after{background:var(--accent-fg);transform:translate(1.15rem)}.metro-switch-input:focus-visible+.metro-switch[data-v-6cdc4d03]{outline:2px solid var(--accent);outline-offset:2px}.metro-actions[data-v-6cdc4d03]{grid-template-columns:1.55fr 1fr;gap:.8rem;padding:1.5rem;display:grid}.metro-primary[data-v-6cdc4d03],.metro-tap[data-v-6cdc4d03]{cursor:pointer;min-height:4.2rem;font:inherit;touch-action:manipulation;border-radius:.8rem;font-weight:750}.metro-primary[data-v-6cdc4d03]{border:1px solid var(--accent);background:var(--accent);color:var(--accent-fg)}.metro-primary[data-v-6cdc4d03]:hover{background:var(--accent);color:var(--accent-fg);filter:brightness(1.06)}.metro-primary-icon[data-v-6cdc4d03]{min-width:1.4rem;margin-right:.45rem;display:inline-block}.metro-tap[data-v-6cdc4d03]{border:1px solid var(--border);background:var(--surface);color:var(--text);flex-direction:column;justify-content:center;align-items:center;display:flex}.metro-tap[data-v-6cdc4d03]:hover{border-color:var(--accent)}.metro-tap small[data-v-6cdc4d03]{color:var(--faint);margin-top:.15rem;font-size:.72rem;font-weight:500}.metro-footer[data-v-6cdc4d03]{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.metro-status[data-v-6cdc4d03]{color:var(--text);margin:0;font-size:.88rem;font-weight:650}.metro-hint[data-v-6cdc4d03]{color:var(--faint);margin:.2rem 0 0;font-size:.75rem}.metro-secondary-actions[data-v-6cdc4d03]{gap:.55rem;display:flex}.metro-secondary[data-v-6cdc4d03]{padding:.45rem .75rem;font-size:.8rem}@media (width<=760px){.metro-stage[data-v-6cdc4d03]{text-align:center;grid-template-columns:1fr;gap:1.5rem;min-height:0;padding:1.5rem 1.1rem}.metro-tempo-copy[data-v-6cdc4d03]{align-items:center}.metro-settings[data-v-6cdc4d03]{grid-template-columns:1fr 1fr}.metro-actions[data-v-6cdc4d03]{grid-template-columns:1fr}}@media (width<=520px){.metro-workspace[data-v-6cdc4d03]{padding:.75rem}.metro-bpm-input[data-v-6cdc4d03]{font-size:4rem}.metro-controls[data-v-6cdc4d03],.metro-settings[data-v-6cdc4d03],.metro-actions[data-v-6cdc4d03],.metro-footer[data-v-6cdc4d03]{padding-inline:1rem}.metro-presets[data-v-6cdc4d03]{grid-template-columns:1fr 1fr}.metro-settings[data-v-6cdc4d03]{grid-template-columns:1fr}.metro-switch-row[data-v-6cdc4d03]{align-self:stretch}.metro-footer[data-v-6cdc4d03]{flex-direction:column;align-items:flex-start}.metro-secondary-actions[data-v-6cdc4d03]{width:100%}.metro-secondary[data-v-6cdc4d03]{flex:1}}@media (prefers-reduced-motion:reduce){.metro-beat[data-v-6cdc4d03],.metro-switch[data-v-6cdc4d03],.metro-switch[data-v-6cdc4d03]:after{transition:none}}
