.rhythm-studio .rs-grid-zones{grid-template-columns:3fr 2fr;align-items:start;gap:22px;margin-top:36px;display:grid}.rhythm-studio .rs-left,.rhythm-studio .rs-right{flex-direction:column;gap:18px;min-width:0;display:flex}@media (min-width:1001px){.rhythm-studio .rs-left{align-self:start;position:sticky;top:72px}}.rhythm-studio .rs-timeline{--voice:var(--accent);background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:16px;padding:16px 18px 18px;transition:opacity .25s,filter .25s}.rhythm-studio .rs-tl-bass{--voice:#63a5db}@supports (color:lab(0% 0 0)){.rhythm-studio .rs-tl-bass{--voice:lab(65.0195% -9.9546 -34.6411)}}.rhythm-studio .rs-timeline.off{filter:grayscale();opacity:.55}.rhythm-studio .rs-tl-top{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px;display:flex}.rhythm-studio .rs-tl-id{flex-direction:column;align-items:center;gap:3px;display:flex}.rhythm-studio .rs-clef{border:1px solid var(--line-input);width:48px;height:48px;color:var(--ink-subtle);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;font-size:28px;line-height:1;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.rhythm-studio .rs-clef.on{background:color-mix(in oklab, var(--voice) 18%, transparent);border-color:color-mix(in oklab, var(--voice) 45%, transparent);color:var(--voice)}.rhythm-studio .rs-sig-label{font-family:var(--font-mono);color:var(--ink-subtle);font-size:12px;font-weight:600}.rhythm-studio .rs-palette{flex-wrap:wrap;gap:6px;margin-left:auto;display:flex}.rhythm-studio .rs-pal-btn{border:1px solid var(--line);background:var(--bg-sunken);width:38px;height:38px;color:var(--ink-muted);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;font-size:19px;line-height:1;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.rhythm-studio .rs-pal-btn:hover{border-color:var(--line-input);color:var(--ink)}.rhythm-studio .rs-pal-btn.sel{background:color-mix(in oklab, var(--voice) 18%, transparent);border-color:color-mix(in oklab, var(--voice) 55%, transparent);color:var(--voice)}.rhythm-studio .rs-clear{border:1px solid var(--line);width:38px;height:38px;color:var(--ink-faint);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;font-size:14px;transition:color .15s,border-color .15s;display:inline-flex}.rhythm-studio .rs-clear:hover{color:var(--bad,#f4514c);border-color:color-mix(in oklab, var(--bad,#f4514c) 40%, transparent)}@supports (color:lab(0% 0 0)){.rhythm-studio .rs-clear:hover{color:var(--bad,lab(58.5799% 62.8553 39.5492));border-color:color-mix(in oklab, var(--bad,lab(58.5799% 62.8553 39.5492)) 40%, transparent)}}.rhythm-studio .rs-preview-badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;padding:4px 10px;font-size:10px}.rhythm-studio .rs-tl-body{position:relative}.rhythm-studio .rs-beats{gap:3px;margin-bottom:5px;display:grid}.rhythm-studio .rs-beat-label{font-family:var(--font-mono);color:var(--ink-faint);border-left:2px solid color-mix(in oklab, var(--ink) 16%, transparent);padding-left:7px;font-size:10px;line-height:1.4}.rhythm-studio .rs-cells{gap:3px;display:grid;position:relative}.rhythm-studio .rs-cell{border:1px solid var(--line);background:var(--bg-sunken);cursor:pointer;border-radius:7px;grid-row:1;height:62px;padding:0;transition:background .15s,border-color .15s}.rhythm-studio .rs-cell:hover{border-color:color-mix(in oklab, var(--voice) 45%, transparent);background:color-mix(in oklab, var(--voice) 7%, var(--bg-sunken))}.rhythm-studio .rs-cell.beat-start,.rhythm-studio .rs-note.beat-start{border-left:2px solid color-mix(in oklab, var(--ink) 22%, transparent)}.rhythm-studio .rs-cell.lit{background:color-mix(in oklab, var(--voice) 12%, var(--bg-sunken))}@keyframes rs-shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.rhythm-studio .rs-cell.bad{border-color:var(--bad,#f4514c);animation:.3s rs-shake}@supports (color:lab(0% 0 0)){.rhythm-studio .rs-cell.bad{border-color:var(--bad,lab(58.5799% 62.8553 39.5492))}}.rhythm-studio .rs-note{border:1px solid color-mix(in oklab, var(--voice) 48%, transparent);background:color-mix(in oklab, var(--voice) 20%, var(--bg-elevated));height:62px;color:var(--ink);cursor:pointer;z-index:1;border-radius:8px;grid-row:1;justify-content:center;align-items:center;padding:0;font-size:24px;line-height:1;transition:background .12s,box-shadow .12s;display:inline-flex}.rhythm-studio .rs-note:hover{background:color-mix(in oklab, var(--voice) 28%, var(--bg-elevated))}.rhythm-studio .rs-note.hit{background:color-mix(in oklab, var(--voice) 38%, var(--bg-elevated));box-shadow:0 0 16px -2px var(--voice)}.rhythm-studio .rs-ph{background:var(--voice);width:2px;box-shadow:0 0 10px var(--voice);pointer-events:none;z-index:3;border-radius:2px;transition:left 70ms linear;position:absolute;top:-6px;bottom:-6px}.rhythm-studio .rs-controls{background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:16px;flex-wrap:wrap;align-items:center;gap:22px;padding:18px 20px;display:flex}.rhythm-studio .rs-play{background:var(--accent);color:#1b150b;color:lab(7.25373% 1.57871 6.11279);cursor:pointer;width:64px;height:64px;box-shadow:0 12px 32px -12px var(--accent);border:none;border-radius:50%;flex-shrink:0;font-size:20px;line-height:1;transition:background .2s,box-shadow .2s}.rhythm-studio .rs-play:hover{background:color-mix(in oklab, var(--accent) 88%, white)}.rhythm-studio .rs-play.on{background:color-mix(in oklab, var(--accent) 80%, #f4514c)}@supports (color:lab(0% 0 0)){.rhythm-studio .rs-play.on{background:color-mix(in oklab, var(--accent) 80%, lab(58.5799% 62.8553 39.5492))}}.rhythm-studio .rs-bpm{flex-direction:column;flex:1;gap:10px;min-width:220px;display:flex}.rhythm-studio .rs-bpm.locked input{opacity:.5;pointer-events:none}.rhythm-studio .rs-bpm input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.rhythm-studio .rs-bpm input[type=range]::-webkit-slider-runnable-track{background:color-mix(in oklab, var(--ink) 14%, transparent);border-radius:3px;height:5px}.rhythm-studio .rs-bpm input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:18px;height:18px;box-shadow:0 0 0 1px var(--accent), 0 4px 12px -4px var(--accent);border:2px solid #1b150b;border:2px solid lab(7.25373% 1.57871 6.11279);border-radius:50%;margin-top:-6.5px}.rhythm-studio .rs-bpm input[type=range]::-moz-range-track{background:color-mix(in oklab, var(--ink) 14%, transparent);border-radius:3px;height:5px}.rhythm-studio .rs-bpm input[type=range]::-moz-range-thumb{background:var(--accent);width:16px;height:16px;box-shadow:0 0 0 1px var(--accent);border:2px solid #1b150b;border:2px solid lab(7.25373% 1.57871 6.11279);border-radius:50%}.rhythm-studio .rs-bpm-read{align-items:baseline;gap:10px;display:flex}.rhythm-studio .rs-bpm-read b{font-family:var(--font-mono);color:var(--ink);font-size:22px;font-weight:600}.rhythm-studio .rs-bpm-read .tname{font-family:var(--font-display);color:var(--accent);font-size:16px;font-style:italic}.rhythm-studio .rs-sigs{flex-wrap:wrap;gap:6px;display:flex}.rhythm-studio .rs-sig-chip{border:1px solid var(--line);background:var(--bg-sunken);color:var(--ink-muted);font-family:var(--font-mono);cursor:pointer;border-radius:9px;padding:9px 13px;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.rhythm-studio .rs-sig-chip:hover{color:var(--ink);border-color:var(--line-input)}.rhythm-studio .rs-sig-chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent)}.rhythm-studio .rs-card{background:var(--bg-elevated);border:1px solid var(--line-strong);border-radius:16px;padding:18px 20px}.rhythm-studio .rs-card h3{color:var(--ink);margin:6px 0 14px;font-size:17px;font-weight:600}.rhythm-studio .rs-card-note{color:var(--ink-subtle);margin:12px 0 0;font-size:12px;line-height:1.55}.rhythm-studio .rs-dur-row{border-bottom:1px dashed var(--line);grid-template-columns:34px 1fr auto 32px;align-items:center;gap:10px;padding:7px 0;display:grid}.rhythm-studio .rs-dur-row:last-child{border-bottom:none}.rhythm-studio .rs-dur-row .glyph{color:var(--ink);justify-content:center;align-items:center;display:flex}.rhythm-studio .rs-dur-row .nm{color:var(--ink);font-size:14px}.rhythm-studio .rs-dur-row .frac{font-family:var(--font-mono);color:var(--accent);font-size:14px;font-weight:600}.rhythm-studio .rs-mini-play{border:1px solid var(--accent-line);background:var(--accent-soft);width:30px;height:30px;color:var(--accent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:10px;transition:background .15s;display:inline-flex}.rhythm-studio .rs-mini-play:hover{background:color-mix(in oklab, var(--accent) 24%, transparent)}.rhythm-studio .rs-meter-list{flex-direction:column;gap:8px;display:flex}.rhythm-studio .rs-meter-row{border:1px solid var(--line);background:var(--bg-sunken);cursor:pointer;text-align:left;border-radius:12px;grid-template-columns:42px auto 1fr;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s,background .15s;display:grid}.rhythm-studio .rs-meter-row:hover{border-color:var(--line-input)}.rhythm-studio .rs-meter-row.on{border-color:var(--accent-line);background:color-mix(in oklab, var(--accent) 8%, var(--bg-sunken))}.rhythm-studio .rs-meter-row .msig{font-family:var(--font-mono);color:var(--ink);font-size:14px;font-weight:700}.rhythm-studio .rs-meter-row .bars{align-items:flex-end;gap:3px;height:28px;display:flex}.rhythm-studio .rs-meter-row .bar{background:var(--accent);border-radius:2px;width:7px}.rhythm-studio .rs-meter-row .mdesc{color:var(--ink-subtle);font-size:11px;line-height:1.35}.rhythm-studio .rs-examples{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rhythm-studio .rs-example{border:1px solid var(--line-input);background:var(--bg-sunken);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:14px;transition:border-color .15s,background .15s;display:flex}.rhythm-studio .rs-example:hover{border-color:var(--accent-line);background:color-mix(in oklab, var(--accent) 6%, var(--bg-sunken))}.rhythm-studio .rs-example b{color:var(--ink);font-size:14px;font-weight:600}.rhythm-studio .rs-example span{color:var(--ink-subtle);font-size:11.5px}@media (max-width:1000px){.rhythm-studio .rs-grid-zones{grid-template-columns:1fr}}@media (max-width:560px){.rhythm-studio .rs-timeline{padding:14px}.rhythm-studio .rs-cell,.rhythm-studio .rs-note{height:48px}.rhythm-studio .rs-note{font-size:18px}.rhythm-studio .rs-clef{width:42px;height:42px;font-size:24px}.rhythm-studio .rs-pal-btn,.rhythm-studio .rs-clear{width:34px;height:34px;font-size:17px}.rhythm-studio .rs-palette{margin-left:0}.rhythm-studio .rs-play{width:56px;height:56px}.rhythm-studio .rs-controls{gap:14px}}@media (prefers-reduced-motion:reduce){.rhythm-studio .rs-ph{box-shadow:none;transition:none}}