@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.kLGg_W_className{font-family:Inter,Inter Fallback;font-style:normal}.kLGg_W_variable{--hd-font:"Inter", "Inter Fallback"}
.hd{--bg:#16110d;--panel:#211a15;--panel-2:#2b221b;--border:#3b2e24;--border-hi:#5a4636;--text:#efe4d0;--text-dim:#a89880;--text-mute:#6d5f4d;--led-off:#3a2818;--led-on:#ff8b2a;--led-glow:#ff8b2a8c;--led-red:#e8391c;--led-red-glow:#e8391c8c;--led-ghost:#7a4816;--led-green:#6ecf5c;--led-green-glow:#6ecf5c73;--brand:#ff8b2a;--mono:"SF Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}.hd,.hd *{box-sizing:border-box}.hd{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 15% -10%, #ff8b2a0f, transparent 60%), radial-gradient(900px 600px at 90% 10%, #e8391c0a, transparent 60%), var(--bg);min-height:100vh;margin:0;padding:0;font-size:15px;line-height:1.5}.hd header{border-bottom:1px solid var(--border);background:linear-gradient(#ff8b2a08,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:22px 32px 20px;display:flex}.hd .brand{align-items:center;gap:14px;display:flex}.hd .brand-logo{background:radial-gradient(circle at 30% 30%,#ffa54d,#d4611a 60%,#6b2f0a 100%);border-radius:8px;width:42px;height:42px;position:relative;box-shadow:inset 0 0 0 1px #ffffff26,0 4px 14px #e85a1459}.hd .brand-logo:before,.hd .brand-logo:after{content:"";background:#00000059;border-radius:2px;width:22px;height:4px;position:absolute;left:10px}.hd .brand-logo:before{top:12px}.hd .brand-logo:after{top:22px}.hd .brand h1{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text);margin:0;font-size:15px;font-weight:600}.hd .brand h1 span{color:var(--brand)}.hd .brand .sub{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);margin-top:2px;font-size:11px}.hd .header-meta{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:20px;font-size:11px;display:flex}.hd .header-meta .pill{border:1px solid var(--border);background:var(--panel);border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.hd .header-meta .dot{background:var(--led-green);width:8px;height:8px;box-shadow:0 0 8px var(--led-green-glow);border-radius:50%}.hd main{grid-template-columns:260px minmax(0,1fr);min-height:calc(100vh - 84px);display:grid}.hd aside{border-right:1px solid var(--border);max-height:calc(100vh - 84px);padding:18px 0 60px;position:sticky;top:0;overflow-y:auto}.hd .filter-wrap{padding:0 18px 14px}.hd .filter-wrap input{background:var(--panel);border:1px solid var(--border);width:100%;color:var(--text);font-family:var(--mono);letter-spacing:.06em;border-radius:6px;outline:none;padding:8px 12px;font-size:12px}.hd .filter-wrap input:focus{border-color:var(--brand);box-shadow:0 0 0 2px #ff8b2a26}.hd .group-label{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text-mute);align-items:center;gap:10px;padding:12px 22px 6px;font-size:10px;display:flex}.hd .group-label:after{content:"";background:linear-gradient(90deg, var(--border), transparent);flex:1;height:1px}.hd .loop-btn{text-align:left;width:calc(100% - 24px);color:var(--text-dim);font-family:var(--mono);letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:10px;margin:0 12px 2px;padding:8px 12px;font-size:13px;transition:all .12s;display:flex}.hd .loop-btn:hover{background:var(--panel);color:var(--text);border-color:var(--border)}.hd .loop-btn .dot-off{background:var(--led-off);border-radius:50%;flex-shrink:0;width:6px;height:6px}.hd .loop-btn .id{flex:1}.hd .loop-btn .hits{color:var(--text-mute);letter-spacing:.04em;font-size:10px}.hd .loop-btn.active{background:var(--panel-2);color:var(--text);border-color:var(--border-hi)}.hd .loop-btn.active .dot-off{background:var(--led-on);box-shadow:0 0 8px var(--led-glow)}.hd .loop-btn.hidden{display:none}.hd section.stage{max-width:1200px;padding:32px 40px 80px}.hd .pattern-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;padding-bottom:22px;display:flex}.hd .pattern-title h2{letter-spacing:-.01em;font-size:34px;font-weight:800;line-height:1.05;font-family:var(--mono);margin:0 0 4px}.hd .pattern-title .subtitle{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin-bottom:8px;font-size:11px}.hd .nav-buttons{gap:8px;display:flex}.hd .nav-buttons button{background:var(--panel);border:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:6px;padding:8px 14px;font-size:11px;transition:all .12s}.hd .nav-buttons button:hover{color:var(--text);border-color:var(--border-hi);background:var(--panel-2)}.hd .meta-block{font-family:var(--mono);text-transform:uppercase;color:var(--text-dim);gap:22px;display:flex}.hd .meta-block .meta{text-align:right;flex-direction:column;gap:4px;display:flex}.hd .meta-block .meta-value{letter-spacing:.06em;color:var(--text);font-size:18px}.hd .meta-block .meta-label{letter-spacing:.2em;color:var(--text-mute);font-size:10px}.hd .grid-frame{border:1px solid var(--border-hi);background:linear-gradient(#241c15,#1c1610);border-radius:12px;padding:22px 20px 18px;box-shadow:inset 0 1px #ffffff08,0 24px 40px -20px #0009}.hd .bar-block{padding:10px 0 12px}.hd .bar-block+.bar-block{border-top:1px dashed var(--border);margin-top:4px}.hd .bar-label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--brand);align-items:center;gap:10px;padding:0 0 8px;font-size:10px;display:flex}.hd .bar-label .beat-strip{letter-spacing:.05em;color:var(--text-mute);text-align:center;flex:1;grid-template-columns:repeat(16,1fr);gap:3px;padding-left:78px;font-size:9px;display:grid}.hd .bar-label .beat-strip span:nth-child(4n+4){margin-right:6px}.hd .bar-label .beat-strip .beat{color:var(--brand)}.hd .grid-row{grid-template-columns:66px 1fr;align-items:center;gap:12px;padding:3px 0;display:grid}.hd .voice-label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);text-align:right;border-right:1px solid var(--border);padding:3px 8px 3px 0;font-size:10.5px}.hd .steps{grid-template-columns:repeat(16,1fr);gap:3px;display:grid}.hd .steps .step:nth-child(4n+4){margin-right:6px}.hd .step{background:var(--led-off);border:1px solid #ffffff08;border-radius:3px;height:20px;transition:background .1s}.hd .step.on{background:var(--led-on);box-shadow:0 0 6px var(--led-glow), inset 0 1px 0 #fff3}.hd .step.ghost{background:var(--led-ghost);box-shadow:inset 0 1px #ffffff0f}.hd .grid-row.voice-kick .voice-label{color:#ff6a5a}.hd .grid-row.voice-clap .voice-label{color:#ff8fbf}.hd .grid-row.voice-c-hat .voice-label{color:#ffd44a}.hd .grid-row.voice-o-hat .voice-label{color:#6dd9c9}.hd .grid-row.voice-snare .voice-label{color:#ff9040}.hd .grid-row.voice-perc-1 .voice-label{color:#a8d96d}.hd .grid-row.voice-perc-2 .voice-label{color:#7ab8ff}.hd .grid-row.voice-cymbal .voice-label{color:#c19aff}.hd .grid-row.voice-kick .step.on{background:#ff6a5a;box-shadow:0 0 6px #ff6a5a8c,inset 0 1px #fff3}.hd .grid-row.voice-clap .step.on{background:#ff8fbf;box-shadow:0 0 6px #ff8fbf80,inset 0 1px #fff3}.hd .grid-row.voice-c-hat .step.on{background:#ffd44a;box-shadow:0 0 6px #ffd44a80,inset 0 1px #fff3}.hd .grid-row.voice-o-hat .step.on{background:#6dd9c9;box-shadow:0 0 6px #6dd9c980,inset 0 1px #fff3}.hd .grid-row.voice-snare .step.on{background:#ff9040;box-shadow:0 0 6px #ff904080,inset 0 1px #fff3}.hd .grid-row.voice-perc-1 .step.on{background:#a8d96d;box-shadow:0 0 6px #a8d96d73,inset 0 1px #fff3}.hd .grid-row.voice-perc-2 .step.on{background:#7ab8ff;box-shadow:0 0 6px #7ab8ff73,inset 0 1px #fff3}.hd .grid-row.voice-cymbal .step.on{background:#c19aff;box-shadow:0 0 6px #c19aff73,inset 0 1px #fff3}.hd .grid-row.voice-kick .step.ghost{background:#6b2620}.hd .grid-row.voice-clap .step.ghost{background:#6b3b4c}.hd .grid-row.voice-c-hat .step.ghost{background:#6b551a}.hd .grid-row.voice-o-hat .step.ghost{background:#2a5852}.hd .grid-row.voice-snare .step.ghost{background:#6b3d1a}.hd .grid-row.voice-perc-1 .step.ghost{background:#445c2a}.hd .grid-row.voice-perc-2 .step.ghost{background:#33507a}.hd .grid-row.voice-cymbal .step.ghost{background:#504070}.hd .count-row.voice-kick .label{color:#ff6a5a}.hd .count-row.voice-clap .label{color:#ff8fbf}.hd .count-row.voice-c-hat .label{color:#ffd44a}.hd .count-row.voice-o-hat .label{color:#6dd9c9}.hd .count-row.voice-snare .label{color:#ff9040}.hd .count-row.voice-perc-1 .label{color:#a8d96d}.hd .count-row.voice-perc-2 .label{color:#7ab8ff}.hd .count-row.voice-cymbal .label{color:#c19aff}.hd .count-row.zero .label,.hd .count-row.zero .value{opacity:.35}.hd .info-grid{grid-template-columns:1.4fr 1fr;gap:22px;margin-top:26px;display:grid}.hd .info-grid.single{grid-template-columns:1fr}.hd .info-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px 22px}.hd .info-card h3{letter-spacing:.22em;text-transform:uppercase;color:var(--brand);font-size:11px;font-family:var(--mono);margin:0 0 12px;font-weight:700}.hd .features{flex-wrap:wrap;gap:6px;display:flex}.hd .feature{color:var(--text);font-family:var(--mono);letter-spacing:.06em;background:#ff8b2a14;border:1px solid #ff8b2a40;border-radius:4px;padding:5px 10px;font-size:11px;display:inline-block}.hd .counts{grid-template-columns:repeat(2,1fr);gap:6px 18px;display:grid}.hd .count-row{border-bottom:1px solid var(--border);font-family:var(--mono);letter-spacing:.06em;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.hd .count-row:last-child{border-bottom:none}.hd .count-row .label{color:var(--text-dim);letter-spacing:.1em}.hd .count-row .value{color:var(--text)}.hd .count-row.zero .label,.hd .count-row.zero .value{color:var(--text-mute)}.hd footer{color:var(--text-mute);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;text-align:center;border-top:1px solid var(--border);padding:30px 40px;font-size:11px}@media (max-width:1000px){.hd main{grid-template-columns:1fr}.hd aside{border-right:none;border-bottom:1px solid var(--border);max-height:none;padding-bottom:20px;position:relative}.hd section.stage{padding:24px 20px 60px}.hd .info-grid{grid-template-columns:1fr}.hd .voice-label{font-size:10px}.hd .grid-row{grid-template-columns:54px 1fr;gap:8px}.hd .bar-label .beat-strip{padding-left:62px}.hd .step{height:16px}}@media (max-width:640px){.hd .step{height:14px}.hd .pattern-title h2{font-size:24px}}body{background:#16110d;margin:0}.hd{--sans:var(--hd-font), -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}.hd footer a{color:var(--brand);text-decoration:none}.hd a.brand-logo{display:block}.hd .transport{border:1px solid var(--border);background:var(--panel);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:0 0 22px;padding:14px 16px;display:flex}.hd .transport .play{border:1px solid var(--border-hi);background:var(--panel-2);color:var(--text);font:600 13px/1 var(--sans);letter-spacing:.04em;cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:9px 18px 9px 14px;transition:background .15s,box-shadow .15s;display:inline-flex}.hd .transport .play svg{width:18px;height:18px;fill:var(--led-on);filter:drop-shadow(0 0 6px var(--led-glow))}.hd .transport .play:hover{background:#3a2c22}.hd .transport .play.is-on{border-color:var(--led-on);box-shadow:0 0 0 1px var(--led-on), 0 0 18px var(--led-glow)}.hd .knob{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-dim);align-items:center;gap:10px;font-size:11px;display:inline-flex}.hd .knob input{width:120px;accent-color:var(--led-on)}.hd .knob b{min-width:64px;color:var(--text);font-weight:500}.hd .transport__hint{color:var(--text-mute);margin-left:auto;font-size:11.5px}.hd button.voice-label{border:0;border-right:1px solid var(--border);font-family:var(--mono);cursor:pointer;background:0 0;width:100%}.hd button.voice-label:hover{text-underline-offset:3px;text-decoration:underline}.hd .grid-row.is-muted .voice-label{opacity:.35;text-decoration:line-through}.hd .grid-row.is-muted .step.on{opacity:.3;box-shadow:none}.hd .step.is-now{background:#5a3c22}.hd .step.is-hit{filter:brightness(1.45)saturate(1.2);transform:scaleY(1.12)}.hd .step{transition:background .1s,filter 80ms,transform 80ms}.hd .bar-block.is-playing .bar-label{color:var(--led-on)}@media (max-width:1000px){.hd .transport__hint{display:none}}