.rt220{margin-top:20px}.rt220-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}.rt220-settings{display:flex;flex-wrap:wrap;gap:8px}.rt220-settings label{display:flex;gap:6px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:var(--card)}.rt220-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.rt220-tabs button,.rt220-chip{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:8px 12px;font-weight:760}.rt220-tabs button.active,.rt220-chip.active{outline:2px solid var(--ink)}.rt220-stage{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;margin-top:12px}.rt220-board{border:1px solid var(--line);border-radius:18px;background:var(--card);padding:16px;display:grid;gap:12px;align-content:start}.rt220-context{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:800}.rt220-score{border:1px solid var(--line);border-radius:14px;background:var(--soft);overflow:auto;padding:8px}.rt220-score svg{display:block;width:100%;min-width:620px;height:150px}.rt220-counts{display:grid;gap:3px;margin-top:4px}.rt220-countbar{display:grid;grid-template-columns:repeat(var(--slots),minmax(22px,1fr));gap:2px;overflow:auto}.rt220-countbar span{font-size:.66rem;text-align:center;color:var(--muted);padding:3px 0;border-left:1px solid transparent}.rt220-countbar span.beat{font-weight:900;color:var(--ink);border-left-color:var(--line)}.rt220-pad{min-height:118px;width:100%;border:2px solid var(--ink);border-radius:22px;background:var(--card);font:900 clamp(1.3rem,4vw,2rem)/1 system-ui;touch-action:manipulation;user-select:none}.rt220-pad.active{transform:scale(.994);background:var(--soft)}.rt220-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.rt220-status{padding:10px 12px;border-radius:12px;background:var(--soft);min-height:44px;line-height:1.45}.rt220-side{display:grid;gap:10px;align-content:start}.rt220-card{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--card)}.rt220-card h3{font-size:.92rem;margin:0 0 6px}.rt220-card p{margin:0;color:var(--muted);line-height:1.45}.rt220-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:14px 0}.rt220-metrics>div{border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:10px}.rt220-metrics small{display:block;color:var(--muted);font-size:.7rem}.rt220-metrics strong{font-size:.98rem}.rt220-family{display:grid;grid-template-columns:minmax(130px,1fr) repeat(4,minmax(70px,.6fr));gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:.82rem}.rt220-family strong{font-size:.86rem}.rt220-path{display:grid;grid-template-columns:repeat(10,minmax(46px,1fr));gap:6px}.rt220-path button{min-height:54px;border:1px solid var(--line);border-radius:10px;background:var(--card);font-weight:850}.rt220-path button.done{background:var(--soft)}.rt220-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.rt220-form label{display:grid;gap:5px;font-size:.8rem;font-weight:700}.rt220-form input,.rt220-form select{width:100%;min-height:40px}.rt220-review{overflow:auto}.rt220-review table{width:100%;border-collapse:collapse;font-size:.78rem}.rt220-review th,.rt220-review td{padding:6px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.rt220-setup{word-break:break-all;font-size:.77rem}.rt220-high{filter:contrast(1.25)}.rt220-large .rt220-pad{min-height:150px;font-size:2.2rem}.rt220-large .rt220-tabs button,.rt220-large .rt220-actions button{min-height:54px;font-size:1rem}.rt220-live-off [data-live-metric]{visibility:hidden}.rt220-hidden{display:none!important}.rt220-note{fill:var(--ink)}.rt220-staff{stroke:var(--line);stroke-width:1}.rt220-beatline{stroke:var(--muted);stroke-opacity:.3;stroke-width:1}.rt220-barline{stroke:var(--ink);stroke-width:1.5}.rt220-event{fill:var(--ink)}.rt220-stem{stroke:var(--ink);stroke-width:1.5}.rt220-playhead{stroke:var(--ink);stroke-width:2;stroke-dasharray:4 3}.rt220-pill{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:5px 8px;background:var(--soft);font-size:.76rem;font-weight:760}@media(max-width:900px){.rt220-stage{grid-template-columns:1fr}.rt220-side{grid-template-columns:repeat(2,1fr)}.rt220-metrics{grid-template-columns:repeat(2,1fr)}.rt220-path{grid-template-columns:repeat(5,1fr)}.rt220-form{grid-template-columns:1fr 1fr}}@media(max-width:520px){.rt220-side,.rt220-form{grid-template-columns:1fr}.rt220-path{grid-template-columns:repeat(5,1fr)}.rt220-board{padding:12px}.rt220-score svg{min-width:560px}.rt220-family{grid-template-columns:1fr 1fr}.rt220-family strong{grid-column:1/-1}.rt220-pad{min-height:104px}.rt220-tabs button{padding:8px 9px;font-size:.84rem}}@media(prefers-reduced-motion:reduce){.rt220-pad.active{transform:none}}