@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/archivo-vietnamese-wght-normal-XAtsl5Q_.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/archivo-latin-ext-wght-normal-C4zznr8T.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/app/assets/archivo-latin-wght-normal-E0tuGl4L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/app/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/app/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2) format("woff2"),url(/app/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--surface-void: #b9b7b2;--surface-chassis: #d4d2cd;--surface-panel: #cbc9c4;--surface-raised: #e3e1dc;--surface-control: #ecebe7;--key-dark: #2b2b2c;--key-dark-hi: #3a3a3c;--key-dark-edge: #131314;--lcd-bg: #121214;--lcd-bg-hi: #1b1b1e;--lcd-ink: #f2f0ea;--lcd-dim: #3c3c40;--lcd-text: #a9a8b1;--ink-hi: #1f1f20;--ink-mid: #55544f;--ink-low: #767580;--ink-invert: #f4f2ec;--accent: #f1591f;--accent-bright: #ff7a33;--accent-dim: #b4400f;--rec: #f1591f;--play: #d9d7d2;--led: #ff3b1f;--accent-glow: rgba(241, 89, 31, .5);--pad-face: var(--key-dark);--pad-face-hi: var(--key-dark-hi);--pad-edge: var(--key-dark-edge);--pad-lit: var(--accent);--pad-label: #b3b2ba;--line: #a8a6a0;--line-soft: rgba(0, 0, 0, .08);--line-hard: #7d7b75;--font-ui: "Archivo Variable", "Helvetica Neue", Helvetica, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-md: 1rem;--text-lg: 1.375rem;--text-xl: 2rem;--tracking-label: .09em;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--r-sm: 5px;--r-md: 9px;--r-pad: 8px;--shadow-well: inset 0 2px 5px rgba(0, 0, 0, .28), inset 0 1px 1px rgba(0, 0, 0, .35);--shadow-raised: inset 0 1px 0 rgba(255, 255, 255, .7), 0 2px 0 rgba(0, 0, 0, .18), 0 3px 5px rgba(0, 0, 0, .22);--shadow-pad: inset 0 1px 0 rgba(255, 255, 255, .08), 0 4px 0 var(--pad-edge), 0 6px 9px rgba(0, 0, 0, .35);--shadow-pad-down: inset 0 1px 0 rgba(255, 255, 255, .05), 0 1px 0 var(--pad-edge), 0 2px 3px rgba(0, 0, 0, .3);--ease-snap: cubic-bezier(.2, .9, .25, 1);--t-fast: 80ms;--t-med: .17s;--focus-ring: 0 0 0 2px var(--surface-chassis), 0 0 0 4px var(--accent)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface-void);color:var(--ink-hi);font-family:var(--font-ui);font-size:var(--text-sm);-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}button:focus-visible,[tabindex]:focus-visible{outline:none;box-shadow:var(--focus-ring)}.app:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}.app{height:100%;display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,#dedcd7 0%,var(--surface-chassis) 30%,#c6c4bf 100%);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app__body{display:grid;gap:var(--sp-3);padding:var(--sp-3);min-height:0;grid-template-columns:1fr minmax(340px,42vh);grid-template-areas:"screen performance"}.app__screen-col{grid-area:screen;min-width:0;min-height:0;display:flex}.app__performance-col{grid-area:performance;min-width:0;min-height:0;display:grid;grid-template-rows:auto 1fr;gap:var(--sp-3)}@media(max-aspect-ratio:1/1),(max-width:760px){.app__body{grid-template-columns:1fr;grid-template-rows:minmax(200px,1fr) auto;grid-template-areas:"screen" "performance"}}.tp{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-2) var(--sp-4);background:transparent;border-bottom:1px solid var(--line);box-shadow:0 1px #ffffff80}.tp__wordmark{display:flex;flex-direction:column;line-height:1.05;font-weight:800;font-stretch:118%;letter-spacing:.01em;font-size:var(--text-md);color:var(--ink-hi)}.tp__wordmark em{font-style:normal;color:var(--accent);font-size:var(--text-xs);font-weight:600;letter-spacing:.28em}.tp__readout{display:flex;flex-direction:column;align-items:flex-end;gap:1px;padding:var(--sp-1) var(--sp-3);background:linear-gradient(180deg,var(--lcd-bg),var(--lcd-bg-hi));border-radius:var(--r-sm);box-shadow:var(--shadow-well),inset 0 0 0 1px #000;min-width:96px}.tp__readout--interactive{cursor:ns-resize;touch-action:none}.tp__readout-value{font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg);line-height:1.1;color:var(--lcd-ink);text-shadow:0 0 10px rgba(242,240,234,.35);font-variant-numeric:tabular-nums}.tp__readout-label{font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent)}.tp__readout-input{width:84px;background:transparent;border:none;outline:none;font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg);line-height:1.1;color:var(--accent-bright);text-align:right;padding:0}.tp__spacer{flex:1}.tp__btn{display:grid;place-items:center;width:56px;height:42px;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--surface-control),var(--surface-raised));box-shadow:var(--shadow-raised);color:var(--ink-mid);transition:transform var(--t-fast) var(--ease-snap),box-shadow var(--t-fast),color var(--t-fast);touch-action:manipulation;position:relative}.tp__btn:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff80,0 1px 2px #0003}.tp__btn svg{width:15px;height:15px;fill:currentColor}.tp__btn:before{content:"";position:absolute;top:5px;right:6px;width:5px;height:5px;border-radius:50%;background:#0000002e;box-shadow:inset 0 1px 1px #0000004d;transition:background var(--t-fast),box-shadow var(--t-fast)}.tp__btn.is-on:before{background:var(--led);box-shadow:0 0 6px var(--accent-glow)}.tp__btn--rec{background:linear-gradient(180deg,var(--accent-bright),var(--accent));color:#fff;box-shadow:inset 0 1px #ffffff59,0 2px 0 var(--accent-dim),0 3px 5px #00000040}.tp__btn--rec:active{box-shadow:inset 0 1px #ffffff40,0 1px 2px #0003}.tp__btn--rec.is-on{animation:rec-pulse 1s ease-in-out infinite}.tp__btn--play{background:linear-gradient(180deg,var(--key-dark-hi),var(--key-dark));color:var(--ink-invert);box-shadow:inset 0 1px #ffffff1f,0 2px 0 var(--key-dark-edge),0 3px 5px #0000004d}.tp__btn--play:active{box-shadow:inset 0 1px #ffffff14,0 1px 2px #00000040}@keyframes rec-pulse{50%{filter:brightness(1.25)}}.scr{flex:1;display:grid;grid-template-rows:auto 1fr auto;min-height:0;background:linear-gradient(165deg,var(--lcd-bg-hi) 0%,var(--lcd-bg) 55%);border-radius:var(--r-md);box-shadow:var(--shadow-well),inset 0 0 0 1px #000,0 1px #ffffff8c;overflow:hidden;position:relative}.scr:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.07) 0%,transparent 28%)}.scr__tabs{display:flex;gap:2px;padding:var(--sp-2) var(--sp-2) 0;overflow-x:auto;scrollbar-width:none}.scr__tabs::-webkit-scrollbar{display:none}.scr__tab{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--lcd-text);border-radius:var(--r-sm) var(--r-sm) 0 0;white-space:nowrap;touch-action:manipulation;transition:color var(--t-fast)}.scr__tab.is-active{color:var(--accent-bright);text-shadow:0 0 8px var(--accent-glow);box-shadow:inset 0 -2px 0 var(--accent)}.scr__panel{min-height:0;overflow:auto;padding:var(--sp-4);color:var(--lcd-ink)}.scr__placeholder{height:100%;display:grid;place-items:center;color:var(--lcd-text)}.scr__placeholder-inner{text-align:center;max-width:32ch}.scr__placeholder-title{font-size:var(--text-lg);font-weight:700;font-stretch:118%;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--lcd-ink);margin:0 0 var(--sp-2)}.scr__placeholder-phase{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent)}.ql{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-3);padding:var(--sp-3);background:var(--surface-panel);border-radius:var(--r-md);box-shadow:inset 0 1px 3px #0000001f,0 1px #ffffff80}.ql__knob{display:flex;flex-direction:column;align-items:center;gap:var(--sp-1);touch-action:none}.ql__dial{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 38% 30%,var(--key-dark-hi),var(--key-dark) 75%);box-shadow:inset 0 1px #ffffff26,0 3px 0 var(--key-dark-edge),0 4px 7px #0000004d;position:relative}.ql__knob:first-child .ql__dial{background:radial-gradient(circle at 38% 30%,var(--accent-bright),var(--accent) 75%);box-shadow:inset 0 1px #ffffff59,0 3px 0 var(--accent-dim),0 4px 7px #0000004d}.ql__dial:after{content:"";position:absolute;left:50%;top:4px;width:2px;height:13px;margin-left:-1px;border-radius:1px;background:var(--ink-invert);transform-origin:1px 19px;transform:rotate(var(--ql-angle, -135deg))}.ql__label{font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--ink-mid)}.ql__knob{position:relative}.ql__label--btn{max-width:76px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;touch-action:manipulation}.ql__knob.is-unassigned .ql__dial{opacity:.55}.ql__assign{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:20;background:var(--lcd-bg);min-width:150px;box-shadow:0 6px 18px #0006}.pads{display:grid;grid-template-rows:auto auto 1fr;gap:var(--sp-3);padding:var(--sp-3);background:var(--surface-panel);border-radius:var(--r-md);box-shadow:inset 0 1px 3px #0000001f,0 1px #ffffff80;min-height:0}.pads__banks{display:flex;gap:var(--sp-2)}.pads__bank{flex:1;padding:6px 0;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);color:var(--ink-mid);background:linear-gradient(180deg,var(--surface-control),var(--surface-raised));border-radius:var(--r-sm);box-shadow:var(--shadow-raised);touch-action:manipulation;transition:transform var(--t-fast) var(--ease-snap)}.pads__bank:active{transform:translateY(1px)}.pads__bank.is-active{color:#fff;background:linear-gradient(180deg,var(--accent-bright),var(--accent));box-shadow:inset 0 1px #ffffff59,0 2px 0 var(--accent-dim),0 3px 5px #00000040}.pads__modes .pads__bank{font-size:.625rem;padding:4px 0}.pads__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--sp-2);min-height:0}.pad{position:relative;border-radius:var(--r-pad);background:linear-gradient(170deg,var(--pad-face-hi),var(--pad-face));box-shadow:var(--shadow-pad);touch-action:none;transition:transform var(--t-fast) var(--ease-snap),box-shadow var(--t-fast) var(--ease-snap);min-height:56px}.pad__num{position:absolute;top:7px;left:9px;font-family:var(--font-mono);font-weight:600;font-size:var(--text-xs);color:var(--pad-label)}.pad:after{content:"";position:absolute;right:8px;bottom:8px;width:5px;height:5px;border-radius:50%;background:#00000073;box-shadow:inset 0 1px 1px #0009;transition:background var(--t-med),box-shadow var(--t-med)}.pad__name{position:absolute;left:9px;right:8px;bottom:16px;font-size:.625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pad-label);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;pointer-events:none}.pad__glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 62%,var(--accent-glow),transparent 72%);opacity:0;transition:opacity var(--t-med);pointer-events:none}.pad.is-down{transform:translateY(3px);box-shadow:var(--shadow-pad-down)}.pad.is-down:after{background:var(--led);box-shadow:0 0 6px var(--accent-glow)}.pad.is-down .pad__glow{opacity:var(--pad-velocity, 1);transition-duration:0s}@media(pointer:coarse){.pad{min-height:64px}}.pe{display:flex;flex-direction:column;gap:var(--sp-4);height:100%}.pe__header{display:flex;align-items:baseline;gap:var(--sp-3);border-bottom:1px solid var(--lcd-dim);padding-bottom:var(--sp-2)}.pe__pad-id{font-family:var(--font-mono);font-weight:600;font-size:var(--text-lg);color:var(--accent-bright);text-shadow:0 0 8px var(--accent-glow)}.pe__pad-name{font-size:var(--text-sm);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--lcd-ink)}.pe__hint{color:var(--lcd-text);max-width:44ch}.pe__params{display:grid;gap:var(--sp-3);max-width:480px}.pe__param{display:grid;grid-template-columns:64px 1fr 64px;align-items:center;gap:var(--sp-3)}.pe__param-label{font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--lcd-text)}.pe__param-value{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lcd-ink);text-align:right;font-variant-numeric:tabular-nums}.pe__toggle{justify-self:start;padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--lcd-text);border:1px solid var(--lcd-dim);border-radius:var(--r-sm);touch-action:manipulation}.pe__toggle.is-on{color:var(--accent-bright);border-color:var(--accent-dim);text-shadow:0 0 8px var(--accent-glow)}.pe__choices{display:flex;gap:var(--sp-1);flex-wrap:wrap}.sq{display:flex;flex-direction:column;gap:var(--sp-3);height:100%;min-height:0}.sq__header{display:flex;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--lcd-dim);padding-bottom:var(--sp-2)}.sq__title{font-size:var(--text-sm);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--lcd-ink);margin-right:auto}.sq__control{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--lcd-text)}.sq__control select{background:transparent;color:var(--accent-bright);border:1px solid var(--lcd-dim);border-radius:var(--r-sm);font:inherit;padding:2px 6px}.sq__action{padding:var(--sp-1) var(--sp-3);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--lcd-text);border:1px solid var(--lcd-dim);border-radius:var(--r-sm);touch-action:manipulation}.sq__action:active{color:var(--accent-bright)}.sq__scroll{overflow:auto;min-height:0;flex:1}.sq__grid{display:grid;gap:3px;min-width:calc(90px + var(--sq-steps) * 26px)}.sq__row{display:grid;grid-template-columns:88px repeat(var(--sq-steps),minmax(22px,1fr));gap:3px;align-items:stretch}.sq__row-label{font-size:.625rem;letter-spacing:.04em;text-transform:uppercase;color:var(--lcd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;padding-right:var(--sp-2)}.sq__row-label em{font-style:normal;font-family:var(--font-mono);color:var(--accent-dim);margin-right:3px}.sq__cell{height:22px;border-radius:3px;background:var(--lcd-dim);opacity:.45;touch-action:manipulation;transition:opacity var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.sq__cell.is-beat{opacity:.7}.sq__cell.is-on{background:var(--accent);opacity:1;box-shadow:0 0 8px var(--accent-glow)}.sq__cell.is-playhead{box-shadow:inset 0 0 0 1px var(--lcd-ink);opacity:.9}.sq__cell.is-on.is-playhead{background:var(--accent-bright);box-shadow:0 0 10px var(--accent-glow),inset 0 0 0 1px var(--lcd-ink)}.pr{display:flex;flex-direction:column;gap:var(--sp-3);height:100%;min-height:0}.pr__selinfo{display:flex;align-items:center;gap:var(--sp-2)}.pr__selname{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-bright)}.pr__scroll{overflow:auto;min-height:0;flex:1}.pr__canvas{position:relative}.pr__lanes{position:relative;display:flex;flex-direction:column;gap:2px}.pr__lane{display:flex;align-items:stretch;height:24px}.pr__lane-label{width:90px;flex:0 0 90px;font-size:.625rem;letter-spacing:.04em;text-transform:uppercase;color:var(--lcd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center;position:sticky;left:0;background:var(--lcd-bg);z-index:2;padding-right:var(--sp-2)}.pr__lane-label em{font-style:normal;font-family:var(--font-mono);color:var(--accent-dim);margin-right:3px}.pr__lane-track{position:relative;height:100%;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 100%),repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 100%);background-color:#ffffff05;border-radius:2px;touch-action:pan-x pan-y}.pr__note{position:absolute;top:2px;bottom:2px;border-radius:3px;background:var(--accent);box-shadow:0 0 6px var(--accent-glow);touch-action:none;cursor:grab}.pr__note.is-selected{outline:1px solid var(--lcd-ink);background:var(--accent-bright)}.pr__playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--lcd-ink);opacity:.7;pointer-events:none;z-index:3}.pr__vel{display:flex;align-items:stretch;height:72px;margin-top:var(--sp-2);border-top:1px solid var(--lcd-dim);padding-top:var(--sp-2)}.pr__vel-track{position:relative;height:100%}.pr__vel-bar{position:absolute;bottom:0;width:7px;border-radius:2px 2px 0 0;background:var(--accent-dim);touch-action:none}.pr__vel-bar.is-selected{background:var(--accent-bright);box-shadow:0 0 6px var(--accent-glow)}.mx__section{border-top:1px solid var(--lcd-dim);padding-top:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.mx__section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.mx__insert{border:1px solid rgba(255,255,255,.08);border-radius:var(--r-sm);padding:var(--sp-2);display:flex;flex-direction:column;gap:var(--sp-1)}.mx__insert-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.mx__param{grid-template-columns:56px 1fr 64px}.mx__sends{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-2)}.menu{position:relative}.menu__btn{width:44px}.menu__btn.is-open{background:var(--lcd-bg-hi);color:var(--accent-bright);border-bottom-left-radius:0;border-bottom-right-radius:0;box-shadow:inset 0 0 0 1px #000;transform:none;z-index:81}.menu__panel{position:absolute;top:100%;left:0;z-index:80;width:252px;background:linear-gradient(180deg,var(--lcd-bg-hi),var(--lcd-bg));border:1px solid #000;border-radius:0 var(--r-md) var(--r-md) var(--r-md);box-shadow:0 12px 30px #00000073;padding:var(--sp-2);display:flex;flex-direction:column;gap:2px}.menu__head{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-bright);padding:var(--sp-1) var(--sp-2)}.menu__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-sm);color:var(--lcd-ink);font-size:var(--text-sm);text-align:left;touch-action:manipulation}.menu__item:hover,.menu__item:focus-visible{background:#f1591f29}.menu__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu__item-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-bright);font-weight:600}.menu__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lcd-text);padding:2px var(--sp-2) var(--sp-1)}.menu__rule{height:1px;background:#ffffff1a;margin:var(--sp-1) 0}.ip{display:flex;align-items:baseline;gap:var(--sp-3);padding:var(--sp-1) var(--sp-3);border-top:1px solid rgba(255,255,255,.07);min-height:26px;overflow:hidden}.ip__title{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-bright);white-space:nowrap}.ip__text,.ip__idle{font-size:var(--text-xs);color:var(--lcd-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ln__mission{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--sp-3)}.ln__mission-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ln__blurb,.ln__body{font-size:var(--text-xs);color:var(--lcd-text);margin:0;line-height:1.5}.ln__body{color:var(--lcd-ink);opacity:.85;max-width:60ch}.mt{position:fixed;left:var(--sp-4);bottom:var(--sp-4);z-index:60;width:min(340px,calc(100vw - 32px));background:linear-gradient(180deg,var(--lcd-bg-hi),var(--lcd-bg));border:1px solid var(--accent-dim);border-radius:var(--r-md);box-shadow:0 8px 24px #00000073,0 0 12px var(--accent-glow);padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);color:var(--lcd-ink)}.mt__head{display:flex;align-items:center;gap:var(--sp-2)}.mt__title{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-bright);margin-right:auto}.mt__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lcd-text)}.mt__close{color:var(--lcd-text);padding:2px 6px}.mt__instruction{margin:0;font-size:var(--text-sm);line-height:1.5}.mt__progress{display:flex;gap:5px}.mt__dot{width:8px;height:8px;border-radius:50%;background:var(--lcd-dim)}.mt__dot.is-done{background:var(--accent);box-shadow:0 0 6px var(--accent-glow)}.coach{position:fixed;z-index:55;border:2px solid var(--accent);border-radius:var(--r-md);pointer-events:none;animation:coach-pulse 1.4s ease-in-out infinite}@keyframes coach-pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow);opacity:1}50%{box-shadow:0 0 0 7px #f1591f00;opacity:.65}}.lm-banner{position:fixed;top:var(--sp-2);left:50%;transform:translate(-50%);z-index:70;padding:var(--sp-1) var(--sp-4);background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;border-radius:var(--r-sm);box-shadow:0 3px 10px #0000004d;pointer-events:none}.lm-popover{position:fixed;z-index:71;width:290px;background:linear-gradient(180deg,var(--lcd-bg-hi),var(--lcd-bg));border:1px solid var(--accent-dim);border-radius:var(--r-md);box-shadow:0 10px 30px #00000080;padding:var(--sp-3);color:var(--lcd-ink);display:flex;flex-direction:column;gap:var(--sp-2)}.lm-popover__title{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-bright)}.lm-popover__body{margin:0;font-size:var(--text-sm);line-height:1.5}.cal__target{height:96px;border-radius:var(--r-md);border:2px solid var(--accent);color:var(--accent-bright);font-size:var(--text-md);font-weight:700;letter-spacing:var(--tracking-label);text-transform:uppercase;background:#f1591f14;touch-action:manipulation;animation:coach-pulse 1.2s ease-in-out infinite}.hint{position:fixed;right:var(--sp-4);bottom:var(--sp-4);z-index:60;width:min(320px,calc(100vw - 32px));background:linear-gradient(180deg,var(--lcd-bg-hi),var(--lcd-bg));border:1px solid var(--line-hard);border-radius:var(--r-md);box-shadow:0 8px 24px #0006;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2);color:var(--lcd-ink)}.hint__text{margin:0;font-size:var(--text-sm);line-height:1.5}.hint__row{display:flex;align-items:center;justify-content:space-between}.hint__mute{font-size:var(--text-xs);color:var(--lcd-text)}.st__keys{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lcd-ink);background:#00000059;border:1px solid var(--lcd-dim);border-radius:var(--r-sm);padding:var(--sp-3);margin:0;width:fit-content}.tp__song{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-label);color:#fff;background:var(--accent);border-radius:var(--r-sm);padding:3px 8px;box-shadow:0 1px 0 var(--accent-dim)}.song__row{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;border-bottom:1px solid rgba(255,255,255,.05)}.song__index{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent-dim);width:18px}.song__name{flex:1;color:var(--lcd-ink);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.el__label{text-align:left;cursor:text}.el__input{background:#0006;border:1px solid var(--accent-dim);border-radius:var(--r-sm);outline:none;color:var(--accent-bright);font:inherit;padding:0 6px;min-width:0;max-width:200px}.sq__kit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lcd-text);border:1px solid var(--lcd-dim);border-radius:var(--r-sm);padding:2px 8px;white-space:nowrap}.qfx{position:relative}.qfx__btn--lit{color:var(--accent-bright);border-color:var(--accent-dim)}.qfx__panel{position:absolute;top:calc(100% + 6px);right:0;z-index:40;width:270px;background:linear-gradient(180deg,var(--lcd-bg-hi),var(--lcd-bg));border:1px solid var(--accent-dim);border-radius:var(--r-md);box-shadow:0 10px 26px #00000073;padding:var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-2)}.qfx__chips{display:flex;gap:var(--sp-1);flex-wrap:wrap}.qfx__more{align-self:flex-end;font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--accent-bright)}.se__wave{width:100%;height:140px;background:#00000059;border:1px solid var(--lcd-dim);border-radius:var(--r-sm);touch-action:manipulation;cursor:crosshair}.se__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lcd-text)}.se__row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.se__inline{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--lcd-text)}.se__inline input[type=range]{width:90px}.se__select{background:transparent;color:var(--accent-bright);border:1px solid var(--lcd-dim);border-radius:var(--r-sm);font:inherit;font-size:var(--text-xs);padding:3px 6px;max-width:180px}.br__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--sp-2);overflow-y:auto}.br__item{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) 0;border-bottom:1px solid rgba(255,255,255,.05)}.br__name{flex:1;text-align:left;color:var(--lcd-ink);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.br__name:active{color:var(--accent-bright)}.br__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--lcd-text);white-space:nowrap}.br__remove{border-color:transparent}.pe input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:26px;background:transparent;touch-action:none;min-width:0}.pe input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--lcd-dim)}.pe input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:4px;background:linear-gradient(180deg,var(--accent-bright),var(--accent));box-shadow:0 1px 0 var(--accent-dim),0 0 8px var(--accent-glow)}.pe input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--lcd-dim)}.pe input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:4px;background:linear-gradient(180deg,var(--accent-bright),var(--accent));box-shadow:0 1px 0 var(--accent-dim),0 0 8px var(--accent-glow)}