.transport{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.btn-play{border:none;background:var(--accent);color:#fff;font-weight:800;font-size:15px;padding:11px 22px;border-radius:10px;cursor:pointer;transition:filter .12s;min-width:104px}.btn-play:hover{filter:brightness(1.06)}.btn-play.on{background:#444}.transport .bpm{display:flex;flex-direction:column;gap:4px;min-width:180px}.transport .bpm label{font-size:12px;font-weight:700;color:var(--muted)}.transport .bpm label b{color:var(--accent);font-variant-numeric:tabular-nums}.transport .bpm input{width:100%;accent-color:var(--accent)}.t-actions{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:700;font-size:13px;padding:9px 14px;border-radius:9px;cursor:pointer;transition:all .12s}.btn:hover{border-color:var(--accent);color:var(--accent)}.transport .status{flex-basis:100%;min-height:16px;font-size:12px;font-weight:700;color:var(--accent)}.blk-card{padding:16px}.blk-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.blk-label{font-size:14px;font-weight:800;color:var(--ink)}.blk-hint{font-size:12px;color:var(--muted)}.blk-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.blk-list{display:flex;flex-wrap:wrap;gap:8px}.blk-item{position:relative;display:inline-flex}.blk-btn{width:38px;height:38px;border:1.5px solid var(--line);background:var(--bg);border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .1s;color:var(--muted)}.blk-btn:hover{border-color:var(--accent);color:var(--accent)}.blk-item.edit .blk-btn{border-color:var(--accent);color:var(--accent);background:#faf1ee}.blk-item.playing .blk-btn{background:var(--accent);color:#fff;border-color:var(--accent)}.blk-item.edit.playing .blk-btn{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 0 0 3px #c8472e40}.blk-copy,.blk-del{position:absolute;width:16px;height:16px;border-radius:50%;border:1px solid var(--line);background:var(--bg);font-size:9px;line-height:1;cursor:pointer;display:none;align-items:center;justify-content:center;color:var(--muted);padding:0}.blk-copy{top:-6px;left:-6px}.blk-del{top:-6px;right:-6px}.blk-item:hover .blk-copy,.blk-item:hover .blk-del{display:flex}.blk-copy:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.blk-del:hover{background:#c8251a;color:#fff;border-color:#c8251a}.btn-add-blk{font-size:13px;padding:9px 14px}.combined-card{padding-top:16px}.trk-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.trk-tabs{display:flex;gap:6px;flex-wrap:wrap}.trk-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid var(--line);border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;background:var(--bg);color:var(--muted);transition:all .12s}.trk-tab:hover:not(.active){border-color:var(--muted);color:var(--ink)}.trk-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.wave-sel,.vol{font-size:12px;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:8px}.wave-sel select{border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:13px;background:var(--bg);color:var(--ink);font-weight:700;cursor:pointer}.vol{margin-left:auto}.vol-range{width:120px;accent-color:var(--accent)}.roll{overflow:auto;max-height:640px;border:1px solid var(--line);border-radius:10px;background:var(--bg);user-select:none;-webkit-user-select:none}.roll-grid{display:grid;grid-template-columns:38px repeat(16,1fr);gap:0;min-width:560px}.row-label{font-size:10px;font-weight:700;color:var(--muted);font-family:var(--mono);display:flex;align-items:center;justify-content:flex-end;padding-right:6px;height:15px;border-bottom:1px solid rgba(0,0,0,.04);position:sticky;left:0;background:var(--bg);z-index:1}.row-label.acc{background:#f1ede4}.cell{height:15px;border:none;border-right:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);background:var(--bg);cursor:pointer;padding:0;transition:background .04s}.cell.acc{background:#f4f0e8}.cell.beat{border-left:1px solid rgba(0,0,0,.16)}.cell:hover:not(.on):not(.tie){background:#e7e0d2}.cell.on{border-right-color:transparent}.cell.tie{border-left:1px solid rgba(255,255,255,.35);border-right-color:transparent}.cell.cur{box-shadow:inset 0 0 0 9999px #0000001f}.cell.on.cur,.cell.tie.cur{box-shadow:inset 0 0 0 9999px #ffffff40}.rhythm-card{padding-top:16px}.track-head{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:12px}.track-name{font-size:14px;font-weight:800;color:var(--ink)}.rhythm-grid{display:grid;grid-template-columns:54px repeat(16,1fr);gap:3px;align-items:center}.drum-label{font-size:12px;font-weight:800;color:var(--ink);padding-right:6px}.cell.drum{height:30px;border-radius:6px;border:1px solid var(--line);background:var(--bg)}.cell.drum.beat{border-left:2px solid rgba(0,0,0,.18)}.cell.drum:hover{border-color:var(--accent)}.cell.drum.on{background:var(--accent);border-color:var(--accent)}.note{font-size:12px;color:var(--muted);line-height:1.8}.note h3{font-size:13px;color:var(--ink);margin-bottom:6px}.note ul{padding-left:18px;margin-top:4px}.note b{color:var(--ink)}@media(max-width:560px){.t-actions,.vol{margin-left:0}.blk-hint{display:none}.trk-tab{font-size:12px;padding:5px 10px}}