@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-vietnamese-400-normal-Dpl4UHAZ.woff2)format("woff2"),url(/assets/barlow-vietnamese-400-normal-BFeobeCK.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-ext-400-normal-HxX4XjxC.woff2)format("woff2"),url(/assets/barlow-latin-ext-400-normal-CvBsJvxq.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/barlow-latin-400-normal-qiz4-Cze.woff2)format("woff2"),url(/assets/barlow-latin-400-normal-fsAxiSwU.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-vietnamese-600-normal-DcjprdFV.woff2)format("woff2"),url(/assets/barlow-vietnamese-600-normal-CA_GiK2e.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-ext-600-normal-B8NK_A3D.woff2)format("woff2"),url(/assets/barlow-latin-ext-600-normal-DMVRjfRT.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-latin-600-normal-DILqtrty.woff2)format("woff2"),url(/assets/barlow-latin-600-normal-CNwfPWQD.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-vietnamese-700-normal-D6euyNzi.woff2)format("woff2"),url(/assets/barlow-vietnamese-700-normal-4Jt4k04K.woff)format("woff");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:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-ext-700-normal-BLuWmldJ.woff2)format("woff2"),url(/assets/barlow-latin-ext-700-normal-CctuGmmz.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-latin-700-normal-A9pxMQ4z.woff2)format("woff2"),url(/assets/barlow-latin-700-normal-__SGTsZ1.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-vietnamese-600-normal-A5AYRdjN.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-600-normal-CNlPk46_.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-ext-600-normal-18ESti3H.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-600-normal-Clv9cIcR.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/barlow-condensed-latin-600-normal-DepVgxBB.woff2)format("woff2"),url(/assets/barlow-condensed-latin-600-normal-BFJEwTuo.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-vietnamese-700-normal-DYeBwlKR.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-700-normal-DhIzd8Tb.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-ext-700-normal-CwuXbfVR.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-700-normal-BIHFfxf0.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/barlow-condensed-latin-700-normal-v1xN8_Wq.woff2)format("woff2"),url(/assets/barlow-condensed-latin-700-normal-Dmwat-ge.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-vietnamese-800-normal-CpjukuLw.woff2)format("woff2"),url(/assets/barlow-condensed-vietnamese-800-normal-BZxKbt5V.woff)format("woff");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:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-ext-800-normal-DGNyg4u8.woff2)format("woff2"),url(/assets/barlow-condensed-latin-ext-800-normal-gY_0Gifi.woff)format("woff");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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/barlow-condensed-latin-800-normal-BKzMuPgK.woff2)format("woff2"),url(/assets/barlow-condensed-latin-800-normal-e9GbPXiK.woff)format("woff");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}:root{font-family:var(--font-body);color:var(--bone);background:var(--ink);font-synthesis:none;--ink:#171916;--panel:#1e211c;--panel-2:#1b1e19;--panel-3:#191c17;--panel-hover:#24281f;--panel-selected:#262b1d;--field:#141711;--line:#363a32;--line-faint:#2c3028;--line-strong:#727868;--bone:#efeee7;--text-2:#c6c9be;--muted:#989c90;--acid:#d9ff43;--orange:#ff6846;--step-empty:#242820;--step-inset:#30352b;--step-hit:#a5b868;--step-hit-border:#6d7949;--snare-hit:#d1d6bc;--china-hit:#e6a958;--hats-hit:#87947b;--bass-hit:#abcb48;--guitar-hit:#c9d3a8;--density-empty:#42473c;--density-filled:#9daa69;--error-bg:#3b251f;--error-fg:#ffb19f;--error-line:#814333;--modal-bg:#22261e;--modal-line:#69734f;--backdrop:#090b09cc;--button-alt:#2c3225;--button-alt-line:#596145;--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--t-fast:80ms;--glow-live:0 0 10px #d9ff4355;--glow-hit:0 0 15px #d9ff4340;--shadow-dialog:0 24px 80px #0008;--t-hover:.15s}html,body{overflow-x:clip}html{scroll-behavior:auto}section[id]{scroll-margin-top:24px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible,input:focus{outline:2px solid var(--acid);outline-offset:2px}input[type=range]:focus-visible,input[type=range]:focus{outline-offset:4px}.tempo-control:focus-within{outline:2px solid var(--acid);outline-offset:4px}input:disabled,select:disabled{border-color:var(--line-strong);background:var(--field)}.play-button:focus-visible,.export-button:focus-visible,.preset.selected:focus-visible,.segmented button.active:focus-visible,.modal-play:focus-visible,.dashcam-save:focus-visible{outline-color:var(--bone)}button:disabled{color:var(--muted);border-color:var(--line);cursor:not-allowed;background:0 0}::selection{background:var(--acid);color:var(--ink)}input[type=range]{accent-color:var(--acid);cursor:pointer}input,select{border-radius:0}.app-shell{max-width:1600px;margin:0 auto;padding:0 40px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:80px;display:flex}.topbar-nav{gap:4px;display:flex}.topbar-nav a{color:var(--muted);transition:color var(--t-hover), background-color var(--t-hover);border-radius:2px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none}.topbar-nav a:hover{color:var(--bone);background:var(--panel-hover)}.topbar-nav a.active{color:var(--acid)}.brand{color:var(--bone);font-family:var(--font-display);letter-spacing:-.02em;align-items:center;gap:12px;font-size:28px;font-weight:800;text-decoration:none;display:flex}.brand>span:last-child>span{color:var(--acid)}.brand-mark{background:var(--acid);width:40px;height:40px;color:var(--ink);place-items:center;display:grid;transform:rotate(-3deg)}.brand-mark svg{transform:rotate(3deg)}.topbar-center,.help-button{font-size:12px;font-weight:400}.topbar-center{color:var(--muted);align-items:center;gap:8px;display:flex}.live-dot,.engine-status i{background:var(--acid);width:6px;height:6px;box-shadow:var(--glow-live);border-radius:50%;display:inline-block}.help-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;padding:12px 0;display:flex}.help-button:hover{color:var(--acid)}main{padding:24px 0 0}.panel{border:1px solid var(--line);background:var(--panel);color:var(--bone)}.panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:4px 16px;min-height:52px;padding:12px 20px;display:flex}.panel-head h2,.panel-head-inline h2{font-family:var(--font-display);letter-spacing:.01em;text-wrap:balance;margin:0;font-size:20px;font-weight:700;line-height:1.1}.panel-meta{color:var(--muted);margin-left:auto;font-size:12px}.section-label{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.section-label h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700}.section-label span:last-child,.section-label>span{color:var(--muted);font-size:12px}.subhead{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.subhead h3{font-family:var(--font-display);margin:0;font-size:16px;font-weight:700}.subhead span{color:var(--muted);font-size:12px}.preset-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.preset{text-align:left;background:var(--panel);border:1px solid var(--line);min-height:88px;transition:border-color var(--t-hover), background var(--t-hover);border-radius:3px;grid-template-rows:1fr auto;grid-template-columns:36px 1fr auto;column-gap:12px;padding:16px;display:grid;position:relative}.preset:hover{border-color:var(--line-strong);background:var(--panel-hover)}.preset.selected{border-color:var(--acid);background:var(--panel-selected)}.preset.selected:before{content:"";background:var(--acid);height:3px;position:absolute;top:-1px;left:-1px;right:-1px}.preset-icon{color:var(--muted);grid-row:1/3;place-items:start center;padding-top:4px;display:grid}.preset.selected .preset-icon{color:var(--acid)}.preset-icon svg{width:24px;height:24px}.preset-copy{flex-direction:column;gap:4px;display:flex}.preset-copy strong{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1}.preset-copy>span{color:var(--muted);font-size:12px}.preset-tag{color:var(--muted);font-size:11px}.preset-check{color:var(--muted);grid-column:2/4;margin-top:8px;font-size:11px;font-weight:600}.preset.selected .preset-check{color:var(--acid)}.transport{border:1px solid var(--line);background:var(--panel);grid-template-columns:168px 236px minmax(192px,1fr) 156px 176px;align-items:stretch;gap:0;min-height:108px;margin-top:24px;display:grid}.tempo-control{border-right:1px solid var(--line);padding:12px 20px}.control-label{color:var(--muted);font-size:11px;font-weight:600}.tempo-value{align-items:baseline;gap:8px;margin-top:4px;display:flex}.tempo-value input{border:0;border-bottom:1px solid var(--line-strong);width:88px;color:var(--bone);font-family:var(--font-display);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;padding:0;font-size:48px;font-weight:700;line-height:1}.tempo-value input::-webkit-inner-spin-button{-webkit-appearance:none}.tempo-value span{color:var(--acid);font-size:12px;font-weight:600}.tempo-slider{width:100%;height:2px;margin:8px 0 0;display:block}.play-button{background:var(--acid);color:var(--ink);text-align:left;transition:filter var(--t-hover), transform var(--t-hover);border:0;border-radius:2px;align-items:center;gap:16px;margin:12px;padding:0 16px;display:flex}.play-button:hover{filter:brightness(1.08);transform:translateY(-1px)}.play-button.is-playing{background:var(--orange)}.play-icon{place-items:center;display:grid}.play-icon svg{width:24px;height:24px}.play-button>span:last-child,.regenerate>span,.export-button>span{flex-direction:column;gap:4px;display:flex}.play-button strong{font-family:var(--font-display);font-size:21px;font-weight:700;line-height:1}.play-button small,.regenerate small,.export-button small{opacity:.72;font-size:11px;font-weight:600}.take-status{border-left:1px solid var(--line);grid-template-columns:1fr 96px;align-items:center;padding:12px 20px;display:grid}.take-label{color:var(--muted);flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.take-label strong{color:var(--bone);font-variant-numeric:tabular-nums;font-size:15px}.bar-readout{flex-direction:column;grid-area:1/2/3;display:flex}.bar-readout strong{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:36px;font-weight:700;line-height:1.1}.bar-readout small{color:var(--muted);font-size:20px}.bar-pips{gap:4px;margin-top:4px;display:flex}.bar-pips i{background:var(--density-empty);width:16px;height:3px}.bar-pips i.active{background:var(--acid)}.bar-pips i.past{background:var(--step-hit-border)}.take-status.downbeat{background:var(--panel-selected)}.take-status.downbeat .bar-readout strong{color:var(--acid)}.regenerate,.export-button{border:0;border-left:1px solid var(--line);font-family:var(--font-display);letter-spacing:.03em;background:0 0;justify-content:center;align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.regenerate small,.export-button small{font-family:var(--font-body);font-size:11px}.regenerate:hover{background:var(--panel-hover);color:var(--acid)}.export-button{background:var(--bone);color:var(--ink);border:0;border-radius:2px;margin:12px}.export-button:hover,.export-button.exported{background:var(--acid)}.audio-error{background:var(--error-bg);color:var(--error-fg);border:1px solid var(--error-line);margin:12px 0 0;padding:12px 16px;font-size:13px}.sequencer{margin-top:16px}.sequencer-head{border-bottom:1px solid var(--line);align-items:center;gap:24px;min-height:64px;padding:8px 20px;display:flex}.sequencer-head>div:first-child{align-items:baseline;gap:16px;margin-right:auto;display:flex}.sequencer-head h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700}.sequencer-head>div:first-child>span{color:var(--muted);font-size:12px}.matrix-meta{gap:8px;display:flex}.matrix-meta span{border:1px solid var(--line);color:var(--text-2);font-variant-numeric:tabular-nums;padding:4px 8px;font-size:11px;font-weight:600}.reset-button{color:var(--muted);background:0 0;border:0;align-items:center;gap:8px;font-size:11px;display:flex}.reset-button:hover{color:var(--acid)}.grid-scroll{scrollbar-color:var(--button-alt-line) var(--panel);overflow-x:auto}.sequencer-grid{min-width:950px;padding:12px 18px 8px;position:relative}.grid-corner,.step-numbers,.track-row{grid-template-columns:250px 1fr;display:grid}.grid-corner,.step-numbers{height:24px}.grid-corner{height:24px;color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.step-numbers{grid-template-columns:repeat(16,1fr);gap:5px;display:grid;position:absolute;left:286px;right:18px}.step-numbers span{text-align:center;color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.step-numbers span.beat{color:var(--text-2)}.grid-corner,.track-row{grid-template-columns:250px 1fr;display:grid}.track-row{border-top:1px solid var(--line-faint);min-height:62px}.track-control{grid-template-columns:78px minmax(0,1fr) 48px;align-items:center;padding-right:8px;display:grid}.track-name{flex-direction:column;gap:2px;display:flex}.track-name strong{font-family:var(--font-display);font-size:16px;font-weight:700}.track-name span{font-family:var(--font-mono);color:var(--muted);font-size:11px}.track-edit-controls{flex-direction:column;gap:4px;display:flex}.density-control{align-items:center;gap:8px;display:flex}.density-control button,.track-switches button,.geometry-control button{color:var(--muted);background:0 0;border:0;place-items:center;padding:4px;display:grid}.density-control button:hover,.geometry-control button:hover{color:var(--acid)}.density-bars{align-items:end;gap:2px;height:12px;display:flex}.density-bars i{background:var(--density-empty);width:3px;height:8px}.density-bars i:nth-child(2n){height:12px}.density-bars i.filled{background:var(--density-filled)}.geometry-control{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:flex}.geometry-control button{border:1px solid var(--line-strong);min-width:20px;min-height:20px}.geometry-control span{font-variant-numeric:tabular-nums}.sample-slot{border:1px dashed var(--density-empty);width:100%;min-height:20px;color:var(--muted);background:var(--panel-2);align-items:center;display:flex;position:relative}.sample-slot.has-sample{border-style:solid;border-color:var(--step-hit-border);color:var(--acid)}.sample-drop{cursor:pointer;flex:1;align-items:center;gap:4px;min-width:0;padding:2px 8px;font-size:11px;display:flex}.sample-drop span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sample-drop input{opacity:0;width:1px;height:1px;position:absolute}.sample-drop:focus-within{outline:2px solid var(--acid);outline-offset:2px}.sample-restore{border:0;border-left:1px solid var(--density-empty);width:24px;color:var(--muted);cursor:pointer;background:0 0;align-self:stretch;place-items:center;display:grid}.sample-restore:hover{color:var(--acid)}.sample-error{z-index:5;border:1px solid var(--orange);background:var(--panel);width:212px;color:var(--china-hit);padding:8px;font-size:11px;line-height:1.4;position:absolute;top:calc(100% + 4px);left:0}.track-switches{gap:4px;display:flex}.track-switches button{border:1px solid var(--line-strong);width:20px;height:20px;font-size:11px}.track-switches button.on{background:var(--orange);border-color:var(--orange);color:var(--ink)}.track-switches button.on.solo{background:var(--acid);border-color:var(--acid)}.step-lane{grid-template-columns:repeat(16,1fr);align-items:center;gap:5px;display:grid}.step{border:1px solid var(--line-faint);background:var(--step-empty);height:34px;transition:background var(--t-fast), border-color var(--t-fast);border-radius:2px;padding:4px;position:relative;overflow:hidden}.step:hover{border-color:var(--line-strong)}.step.downbeat{border-color:var(--line)}.step .step-fill{background:var(--step-inset);border-radius:1px;width:100%;height:100%;display:block}.step.hit .step-fill{background:var(--step-hit)}.step.hit{background:var(--panel-selected);border-color:var(--step-hit-border)}.step.playhead{border-color:var(--bone)}.step.playhead:after{content:"";background:var(--bone);height:2px;position:absolute;bottom:-7px;left:2px;right:2px}.step.hit.playhead .step-fill{background:var(--acid);box-shadow:var(--glow-hit)}.step .step-note{width:100%;height:100%;color:var(--ink);font-family:var(--font-mono);white-space:nowrap;pointer-events:none;background:0 0;justify-content:center;align-items:center;padding:0 2px;font-size:8px;font-weight:600;line-height:1;display:flex;position:absolute;inset:0}.track-row.snare .step.hit .step-fill{background:var(--snare-hit)}.track-row.china .step.hit .step-fill{background:var(--china-hit)}.track-row.hats .step.hit .step-fill{background:var(--hats-hit)}.track-row.bass .step.hit .step-fill{background:var(--bass-hit)}.track-row.muted .step-lane{opacity:.3}.sequencer-foot{border-top:1px solid var(--line);min-height:36px;color:var(--muted);align-items:center;gap:20px;padding:0 20px;font-size:11px;display:flex}.sequencer-foot>span{align-items:center;gap:8px;display:flex}.sequencer-foot i{width:8px;height:8px;display:inline-block}.legend-hit{background:var(--step-hit)}.legend-playhead{border:1px solid var(--bone)}.sequencer-foot .rotation-note{margin-left:auto}.rotation-note button{color:var(--acid);background:0 0;border:0;align-items:center;gap:4px;padding:4px;font-size:11px;display:flex}.arp-controls{border-top:1px solid var(--line);background:var(--panel-3);overflow-x:auto}.arp-settings{grid-template-columns:1.6fr repeat(9,minmax(72px,1fr));align-items:stretch;min-width:1040px;display:grid}.arp-title{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:4px;padding:8px 16px;display:flex}.arp-title strong{color:var(--acid);font-family:var(--font-display);font-size:15px;font-weight:700}.arp-title span{color:var(--muted);font-size:11px}.arp-settings label{border-right:1px solid var(--line);min-width:0;color:var(--muted);flex-direction:column;justify-content:center;gap:8px;padding:8px 12px;font-size:11px;font-weight:600;display:flex}.arp-settings select,.arp-settings input[type=number]{border:0;border-bottom:1px solid var(--line-strong);background:var(--panel-3);width:100%;min-width:0;height:28px;color:var(--bone);font-size:12px}.arp-settings input[type=range]{width:100%}.arp-pads{grid-template-columns:repeat(16,minmax(44px,1fr));gap:4px;min-width:850px;padding:0 12px 12px;display:grid}.arp-pad{border:1px solid var(--line-faint);background:var(--step-empty);min-width:0;min-height:44px;color:var(--muted);text-align:left;border-radius:2px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;padding:4px 8px;display:flex}.arp-pad span{font-family:var(--font-mono);font-size:11px}.arp-pad strong{max-width:100%;color:var(--bone);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.arp-pad.active{border-color:var(--step-hit-border);background:var(--panel-selected)}.arp-pad.active span,.arp-pad.active strong{color:var(--acid)}.arp-pad:hover{border-color:var(--acid)}.polyrings{transition:background var(--t-hover), border-color var(--t-hover);grid-template-columns:minmax(232px,332px) 1fr;align-items:center;gap:20px;margin-top:16px;padding:12px 20px;display:grid}.polyrings.resolved{background:var(--panel-selected);border-color:var(--step-hit-border)}.polyrings-head{flex-direction:column;gap:12px;display:flex}.polyrings-head h2{font-family:var(--font-display);letter-spacing:.01em;margin:0;font-size:20px;font-weight:700}.polyrings.resolved .polyrings-head h2{color:var(--acid)}.resolution-readout{flex-direction:column;gap:4px;margin:0;display:flex}.resolution-readout span{color:var(--muted);font-size:11px;font-weight:600}.resolution-readout strong{font-family:var(--font-display);color:var(--bone);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.05}.polyrings.resolved .resolution-readout strong{color:var(--acid)}.polyrings-hint{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.polyrings svg{justify-self:center;width:min(260px,100%);height:auto}.polyring .ring-outline{fill:none;stroke:var(--line);stroke-width:1.5px}.polyrings.resolved .polyring .ring-outline{stroke:var(--line)}.polyring .ring-dot{fill:var(--ring)}.polyring .ring-cursor{stroke:var(--bone);stroke-width:2.5px;stroke-linecap:round}.polyrings.resolved .polyring .ring-cursor{stroke:var(--acid)}.polyring.lane-kick{--ring:var(--step-hit)}.polyring.lane-snare{--ring:var(--snare-hit)}.polyring.lane-china{--ring:var(--china-hit)}.polyring.lane-hats{--ring:var(--hats-hit)}.polyring.lane-bass{--ring:var(--bass-hit)}.polyring.lane-guitar{--ring:var(--guitar-hit)}.polyring.lane-arp{--ring:var(--acid)}.sound-group{margin-top:16px}.sound-group .pitch-controls,.sound-group .performance-controls,.sound-group .sound-rack{border:0;border-bottom:1px solid var(--line);background:0 0}.sound-rack{grid-template-columns:1.5fr 1fr;display:grid}.mutation-control{flex-wrap:wrap;align-items:center;gap:16px 24px;padding:12px 20px;display:flex}.mutation-control .control-label{margin-left:0}.volume-control{border-left:1px solid var(--line);align-items:center;gap:12px;padding:12px 20px;display:flex}.volume-control input{width:100%;min-width:48px;height:2px}.volume-control span{font-variant-numeric:tabular-nums;color:var(--muted);width:24px;font-size:12px}.pitch-controls{grid-template-columns:220px 1fr;display:grid}.pitch-heading{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:8px;padding:12px 20px;display:flex}.pitch-heading h2{font-family:var(--font-display);margin:0;font-size:20px;font-weight:700;line-height:1}.pitch-heading>p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.pitch-add{white-space:nowrap;border:1px solid var(--button-alt-line);min-height:28px;color:var(--acid);background:0 0;align-self:flex-start;padding:0 12px;font-size:12px;font-weight:600}.pitch-add:hover{background:var(--button-alt)}.pitch-grid{grid-template-columns:.7fr 1.3fr repeat(4,1fr);display:grid}.pitch-grid label{border-right:1px solid var(--line);min-width:0;color:var(--muted);flex-direction:column;justify-content:center;gap:8px;padding:12px;font-size:11px;font-weight:600;display:flex}.pitch-grid label:last-child{border-right:0}.pitch-grid select{border:0;border-bottom:1px solid var(--line-strong);width:100%;min-width:0;color:var(--bone);background:0 0;padding:4px 0;font-size:12px}.performance-controls{grid-template-columns:repeat(4,1fr);align-items:stretch;display:grid}.performance-controls>label,.performance-controls>div{border-right:1px solid var(--line);min-width:0;min-height:64px;color:var(--muted);flex-direction:column;justify-content:center;gap:8px;padding:12px 16px;font-size:11px;font-weight:600;display:flex}.performance-controls>label:nth-child(4n),.performance-controls>div:nth-child(4n),.performance-controls>div:last-child,.performance-controls>label:last-child{border-right:0}.performance-controls select{border:0;border-bottom:1px solid var(--line-strong);width:100%;color:var(--bone);background:0 0;padding:4px 0;font-size:12px}.performance-controls input[type=range]{width:100%;height:2px}.performance-controls .click-toggle{color:var(--bone);flex-direction:row;align-items:center;gap:8px}.click-toggle{cursor:pointer}.click-toggle input{accent-color:var(--acid)}.density-control .segmented{align-self:flex-start}.segmented{border:1px solid var(--line-strong);padding:4px;display:flex}.segmented button{white-space:nowrap;background:0 0;border:0;padding:8px 12px;font-size:12px;font-weight:600}.segmented button.active{background:var(--acid);color:var(--ink)}.practice-group{margin-top:16px}.practice-group .timing-scorer{border:0;border-bottom:1px solid var(--line);background:0 0}.practice-group .practice-controls{background:0 0;border:0}.timing-scorer{gap:12px;padding:16px 20px;display:grid}.scorer-controls{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.scorer-toggle{border:1px solid var(--line);background:var(--panel);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.scorer-toggle:disabled{cursor:not-allowed}.scorer-toggle:not(:disabled):hover{border-color:var(--acid)}.scorer-controls label{color:var(--muted);align-items:center;gap:8px;font-size:11px;font-weight:600;display:inline-flex}.scorer-controls input[type=number]{background:var(--field);border:1px solid var(--line-strong);width:76px;color:var(--bone);padding:8px 12px}.scorer-thresholds{color:var(--muted);margin:0 0 0 auto;font-size:11px}.scorer-alert{color:var(--orange);margin:0;font-size:12px}.scorer-hint{color:var(--muted);margin:0;font-size:12px}.timing-strip{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.timing-cell{border:1px solid var(--line);background:var(--panel);font-family:var(--font-display);justify-items:center;gap:2px;padding:8px 4px;display:grid}.timing-cell span{color:var(--muted);font-size:11px}.timing-cell strong{color:var(--bone);font-variant-numeric:tabular-nums;font-size:15px}.timing-cell small{color:var(--muted);font-size:11px}.timing-cell.pocket{border-color:var(--acid)}.timing-cell.pocket strong,.timing-cell.pocket small{color:var(--acid)}.timing-cell.rush strong,.timing-cell.drag strong,.timing-cell.rush small,.timing-cell.drag small{color:var(--orange)}.timing-cell.missed{opacity:.5}.scorer-stats{color:var(--bone);margin:0;font-size:12px}.scorer-stats strong{color:var(--orange);margin-left:12px}.scorer-stats strong.pocket{color:var(--acid)}.practice-controls{color:var(--muted);flex-direction:column;gap:16px;padding:16px 20px;display:flex}.practice-ramp,.practice-mutate{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.practice-sub{color:var(--muted);flex-basis:100%;font-size:11px;font-weight:600}.practice-controls label{min-width:0;color:var(--muted);flex-direction:column;justify-content:center;gap:8px;font-size:11px;font-weight:600;display:flex}.practice-controls input[type=number]{border:1px solid var(--line-strong);background:var(--field);width:56px;height:28px;color:var(--bone);text-align:center;font-size:12px}.practice-controls input[type=number]:disabled{border-color:var(--line-strong)}.practice-controls .click-toggle{color:var(--bone);flex-direction:row;align-items:center;gap:8px}.practice-controls .practice-state{min-width:172px;color:var(--bone);font-variant-numeric:tabular-nums;font-weight:600}.practice-controls .practice-reset{border:1px solid var(--line-strong);color:var(--bone);background:0 0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.practice-controls .practice-reset:disabled{cursor:not-allowed}.arrangement-builder{color:var(--muted);margin-top:16px}.arrangement-row{border-bottom:1px solid var(--line-faint);flex-wrap:wrap;align-items:center;gap:12px;padding:8px 20px;font-size:12px;display:flex}.arrangement-row:last-child{border-bottom:0}.arrangement-name{border:1px solid var(--line-strong);background:var(--field);width:120px;height:28px;color:var(--bone);padding:0 8px;font-size:12px}.arrangement-row label{align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.arrangement-row input[type=number]{border:1px solid var(--line-strong);background:var(--field);width:56px;height:28px;color:var(--bone);text-align:center;font-size:12px}.arrangement-row .click-toggle{color:var(--bone);flex-direction:row;gap:8px}.arrangement-tempo{min-width:60px;color:var(--bone);font-variant-numeric:tabular-nums;font-weight:600}.arrangement-row button{border:1px solid var(--line-strong);width:28px;height:28px;color:var(--bone);background:0 0;place-items:center;display:grid}.arrangement-row button:disabled{cursor:not-allowed}.arrangement-row button:hover:not(:disabled){border-color:var(--acid);color:var(--acid)}.arrangement-add,.arrangement-export{align-items:center;gap:8px;min-height:32px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.arrangement-add{border:1px solid var(--button-alt-line);color:var(--acid);background:0 0}.arrangement-export{border:1px solid var(--acid);background:var(--acid);color:var(--ink);margin-left:auto}.arrangement-export:disabled{border-color:var(--line);cursor:not-allowed}.export-group{margin-top:16px}.export-group .share-controls,.export-group .export-range,.export-group .export-center{border:0;border-bottom:1px solid var(--line);background:0 0}.export-group .export-center{border-bottom:0}.share-controls{grid-template-columns:1fr auto minmax(260px,1fr);align-items:center;gap:16px;min-height:60px;padding:8px 20px;display:grid}.share-identity{color:var(--acid);align-items:center;gap:12px;display:flex}.share-identity>span{flex-direction:column;gap:2px;display:flex}.share-identity strong{color:var(--bone);font-family:var(--font-display);font-size:15px;font-weight:700}.share-identity small{color:var(--muted);font-size:11px}.share-copy,.share-controls form button{border:1px solid var(--button-alt-line);background:var(--button-alt);min-height:36px;color:var(--acid);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:12px;font-weight:600;display:flex}.share-controls form{min-width:0;display:flex}.share-controls form input{border:1px solid var(--line-strong);background:var(--field);width:100%;min-width:0;height:36px;color:var(--bone);border-right:0;padding:0 12px;font-size:12px}.share-controls form input::placeholder{color:var(--muted)}.share-controls form button{background:var(--acid);color:var(--ink);border-color:var(--acid)}.share-controls form button:disabled{border-color:var(--line);cursor:not-allowed}.share-status{min-height:0;color:var(--muted);grid-column:1/-1;font-size:11px}.share-status:empty{display:none}.export-range{min-height:48px;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 20px;font-size:11px;display:flex}.export-range>span{color:var(--bone);font-size:12px;font-weight:600}.export-range label{align-items:center;gap:8px;display:flex}.export-range input{border:1px solid var(--line-strong);background:var(--field);width:56px;height:28px;color:var(--acid);text-align:center;font-size:12px}.export-range small{margin-left:auto;font-size:11px}.export-center-head,.export-center-dashcam{flex-wrap:wrap;align-items:center;gap:12px;padding:8px 20px;font-size:12px;display:flex}.export-center-head{border-bottom:1px solid var(--line-faint)}.export-center-dashcam>span:first-child{color:var(--muted);display:flex}.export-center small{color:var(--muted);font-size:11px}.export-center-button{border:1px solid var(--button-alt-line);background:var(--button-alt);min-height:32px;color:var(--acid);align-items:center;gap:8px;margin-left:auto;padding:0 12px;font-size:12px;font-weight:600;display:flex}.export-center-button:disabled{cursor:not-allowed}.dashcam-buffer{color:var(--bone);font-variant-numeric:tabular-nums;font-weight:600}.dashcam-save{background:var(--acid);color:var(--ink);border-color:var(--acid)}.dashcam-save:disabled{background:0 0}.control-settings{margin-top:16px}.control-settings-grid{color:var(--muted);flex-wrap:wrap;align-items:flex-start;gap:16px 24px;padding:12px 20px 16px;display:flex}.tap-button{white-space:nowrap;border:1px solid var(--line);background:var(--panel);color:var(--bone);align-items:center;gap:12px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.tap-button:hover{border-color:var(--acid);color:var(--acid)}.tap-button small{color:var(--muted);font-size:11px;font-weight:400;display:block}.midi-control{flex-direction:column;gap:12px;min-width:252px;display:flex}.midi-status{color:var(--bone);font-size:12px}.midi-enable{border:1px solid var(--line);background:var(--panel);color:var(--bone);align-self:flex-start;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex}.midi-enable:disabled{cursor:not-allowed}.midi-control label{flex-direction:column;gap:8px;font-size:11px;font-weight:600;display:flex}.midi-control select{border:1px solid var(--line-strong);background:var(--field);color:var(--bone);font-size:12px}.midi-mappings{flex-wrap:wrap;gap:8px;display:flex}.midi-mapping{border:1px solid var(--line);background:var(--panel);color:var(--bone);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.midi-mapping small{color:var(--muted);font-size:11px;font-weight:400}.midi-mapping.learning{border-color:var(--acid);color:var(--acid)}.midi-mapping.bound small{color:var(--acid)}.sync-control{flex-direction:column;gap:8px;display:flex}.sync-state{color:var(--bone);font-size:12px}.sync-state .link-state.connected{color:var(--acid)}.sync-state .link-state.error{color:var(--orange)}.sync-hint{color:var(--muted);font-size:11px}.sync-hint code{color:var(--bone);font-family:var(--font-mono)}footer{min-height:64px;color:var(--muted);justify-content:space-between;align-items:center;font-size:11px;display:flex}footer b{color:var(--acid);margin:0 8px}.engine-status{align-items:center;gap:8px;display:flex}.modal-backdrop{z-index:20;background:var(--backdrop);place-items:center;padding:20px;animation:.18s ease-out appear;display:grid;position:fixed;inset:0}.help-modal{background:var(--modal-bg);border:1px solid var(--modal-line);width:min(520px,100%);box-shadow:var(--shadow-dialog);padding:36px;position:relative}.modal-close{color:var(--muted);background:0 0;border:0;position:absolute;top:16px;right:16px}.help-modal h2{font-family:var(--font-display);color:var(--acid);text-wrap:balance;margin:0 0 24px;font-size:44px;font-weight:700;line-height:.95}.help-modal p,.help-modal li{color:var(--text-2);font-size:14px;line-height:1.6}.help-modal ol{margin:20px 0;padding-left:20px}.help-modal li{margin-bottom:12px;padding-left:4px}.help-modal li strong{color:var(--bone)}.shortcut-row{color:var(--muted);gap:20px;margin:24px 0;font-size:11px;display:flex}.shortcut-row span{align-items:center;gap:8px;display:flex}kbd{background:var(--step-inset);border:1px solid var(--line-strong);color:var(--bone);font-family:var(--font-mono);margin-right:4px;padding:4px 8px;font-size:11px}.modal-play{background:var(--acid);width:100%;color:var(--ink);font-family:var(--font-display);border:0;justify-content:space-between;align-items:center;padding:16px;font-size:18px;font-weight:700;display:flex}@keyframes appear{0%{opacity:0}to{opacity:1}}@media (width>=1450px){.app-shell{padding:0 48px}.track-row{min-height:68px}.step{height:39px}}@media (width<=1100px){.app-shell{padding:0 24px}.transport{grid-template-rows:100px 56px;grid-template-columns:148px 212px 1fr 148px}.take-status{grid-column:3/5;padding:12px 16px}.regenerate{border-top:1px solid var(--line);grid-area:2/3;min-height:44px}.export-button{grid-area:2/4;margin:8px}.preset-copy>span{max-width:190px}.preset-tag{display:none}.share-controls{grid-template-columns:1fr auto}.share-controls form{grid-column:1/-1}.sound-rack{grid-template-columns:1fr}.volume-control{border-left:0;border-top:1px solid var(--line)}.performance-controls{grid-template-columns:repeat(2,1fr)}.performance-controls>label,.performance-controls>div{border-bottom:1px solid var(--line-faint)}.pitch-controls{grid-template-columns:1fr}.pitch-heading{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center}.pitch-grid{grid-template-columns:repeat(3,1fr)}.pitch-grid label{border-bottom:1px solid var(--line)}}@media (width<=760px){.app-shell{padding:0 16px}.topbar{height:64px}.topbar-nav{display:none}.brand{font-size:24px}.brand-mark{width:32px;height:32px}.topbar-center{display:none}.help-button{font-size:11px}main{padding-top:20px}.preset-grid{grid-template-columns:1fr;gap:8px}.preset{grid-template-rows:1fr;grid-template-columns:32px 1fr auto;align-items:center;min-height:68px;padding:12px}.preset-icon{grid-row:auto;padding-top:0}.preset-copy>span{max-width:none}.preset-check{grid-area:1/3;margin:0}.transport{grid-template-rows:88px 72px 56px;grid-template-columns:1fr 1.25fr;margin-top:16px}.tempo-control{padding:12px 16px}.tempo-value input{font-size:40px}.play-button{gap:12px;margin:8px;padding:0 12px}.play-button strong{font-size:18px}.take-status{border-left:0;border-top:1px solid var(--line);grid-area:2/1/auto/3;padding:8px 16px}.take-label{flex-direction:row;align-items:center;gap:12px}.regenerate{grid-area:3/1}.export-button{grid-area:3/2;margin:8px}.share-controls{grid-template-columns:1fr;gap:12px}.share-controls form,.share-status{grid-column:1}.export-range small{width:100%;margin-left:0}.pitch-heading{align-items:flex-start;gap:12px}.pitch-grid{grid-template-columns:1fr 1fr}.sequencer-head{flex-wrap:wrap;gap:12px;padding:12px 16px}.sequencer-head>div:first-child{justify-content:space-between;width:100%}.matrix-meta{margin-right:auto}.sequencer-grid{padding-left:12px;padding-right:12px}.step-numbers{left:274px;right:12px}.track-control{grid-template-columns:66px 1fr 68px}.density-control{gap:4px}.density-control button{width:28px;height:32px;padding:0}.track-switches{gap:4px}.track-switches button{width:32px;height:32px;font-size:11px}.geometry-control button{min-width:28px;min-height:28px}.sequencer-foot{flex-wrap:wrap;gap:12px;padding:8px 12px}.sequencer-foot .rotation-note{margin-left:0}.polyrings{grid-template-columns:1fr;gap:12px;padding:12px 16px}.performance-controls{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:20px 0}footer>span:nth-child(2){display:none}}@media (width<=720px){.timing-strip{grid-template-columns:repeat(4,1fr)}.scorer-thresholds{margin:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}button:active,.play-button:hover{transform:none}}