.metronome-studio .mt-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:100%;height:100%;min-height:0;padding:18px;box-sizing:border-box;overflow-y:auto;text-align:center}.metronome-studio .mt-bpm strong{display:block;font-size:clamp(64px,12vw,112px);line-height:1;font-weight:800;font-variant-numeric:tabular-nums;background:linear-gradient(115deg,#8b5cf6,#d946a6 60%,#f97362);-webkit-background-clip:text;background-clip:text;color:transparent}.metronome-studio .mt-bpm span{font-size:14px;color:#6b6577}.metronome-studio .mt-beats{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.metronome-studio .mt-beats span{width:28px;height:28px;border-radius:50%;border:2px solid #d8cdea;background:#fff;transition:background .05s,transform .05s}.metronome-studio .mt-beats span.is-accent{border-color:#b493ea}.metronome-studio .mt-beats span.is-on{background:#8b5cf6;border-color:#8b5cf6;transform:scale(1.18)}.metronome-studio .mt-beats span.is-on.is-accent{background:#d946a6;border-color:#d946a6}.metronome-studio .mt-tap{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 28px;border-radius:26px;font-size:16px;font-weight:700}.metronome-studio .mt-note{margin:0;max-width:460px;font-size:13px;color:#6b6577}.metronome-studio .mt-row,.metronome-studio .mt-strings{display:flex;flex-wrap:wrap;gap:8px}.metronome-studio .mt-strings button{display:inline-flex;align-items:center;gap:6px}.metronome-studio .mt-note-big strong{display:block;font-size:clamp(56px,11vw,96px);line-height:1.05;font-weight:800;color:#3b3150}.metronome-studio .mt-note-big.is-tune strong{color:#13795b}.metronome-studio .mt-note-big span{font-size:14px;color:#6b6577;font-variant-numeric:tabular-nums}.metronome-studio .mt-meter{position:relative;width:min(100%,460px);height:64px;border-radius:14px;background:linear-gradient(90deg,#fde3e7,#fff7e6 35%,#e6f6ee 46%,#e6f6ee 54%,#fff7e6 65%,#fde3e7)}.metronome-studio .mt-scale i{position:absolute;bottom:4px;transform:translateX(-50%);font-size:10px;font-style:normal;color:#8a8199}.metronome-studio .mt-needle{position:absolute;top:6px;width:4px;height:40px;margin-left:-2px;border-radius:2px;background:#3b3150;transition:left .08s linear}.metronome-studio .mt-target{display:flex;gap:8px}.metronome-studio .mt-target span{min-width:40px;padding:6px 8px;border-radius:10px;background:#f3eff9;font-weight:700;color:#6b6577}.metronome-studio .mt-target span.is-on{background:#8b5cf6;color:#fff}