/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#1f2224;--muted:#667070;--paper:#d5d5d1;--paper-hi:#e4e2dd;--paper-low:#b8bbb8;--edge:#919694;--black:#1a1d1f;--orange:#ff571e;--orange-hi:#ff7848;--cyan:#3dc7c9;--pink:#df5171;--mono:var(--font-geist-mono,ui-monospace, SFMono-Regular, Menlo, monospace);--sans:var(--font-geist-sans,Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{color:#e8ebe9;min-height:100svh;font-family:var(--sans);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 18% -8%,#ff784129,#0000 32%),radial-gradient(circle at 90% 9%,#64c1cb1f,#0000 26%),repeating-linear-gradient(108deg,#ffffff03 0 1px,#0000 1px 4px),linear-gradient(160deg,#282d2e 0%,#171c1d 56%,#101415 100%);margin:0;overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.app{width:min(1160px,100%);min-height:100svh;margin:0 auto;padding:clamp(14px,2.6vw,30px) clamp(10px,3vw,36px) 38px}.seq-head,.display-top,.display-foot,.quick-row,.transport,.footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.deck{width:100%}.front-face{isolation:isolate;width:min(870px,100%);color:var(--ink);background:repeating-linear-gradient(102deg, #ffffff0a 0 1px, transparent 1px 4px), linear-gradient(140deg, var(--paper-hi), var(--paper) 41%, var(--paper-low) 112%);border:1px solid #aab0ad;border-radius:5px 5px 7px 7px;margin:0 auto 22px;padding:12px clamp(14px,2vw,24px) 20px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd6,inset 1px 0 #ffffff7a,inset 0 -2px #565b5b75,0 2px #8d9391,0 19px 28px #00000075,0 52px 86px #00000059}.front-face:before{z-index:-1;pointer-events:none;opacity:.52;content:"";background:linear-gradient(108deg,#0000 0 46%,#ffffff24 54%,#0000 68%);position:absolute;inset:0}.screws{z-index:4;pointer-events:none;position:absolute;inset:6px}.screw{background:radial-gradient(circle at 34% 28%,#e8eae7,#848b89 70%);border:1px solid #3a403f73;border-radius:50%;width:6px;height:6px;position:absolute;box-shadow:inset 0 1px #ffffff9e,0 1px 1px #0000003d}.screw:after{content:"";background:#262d2c70;height:1px;position:absolute;top:2px;left:1px;right:1px;transform:rotate(-22deg)}.screw:first-child{top:0;left:0}.screw:nth-child(2){top:0;right:0}.screw:nth-child(3){bottom:0;right:0}.screw:nth-child(4){bottom:0;left:0}.io-strip{border-bottom:1px solid #2b33322e;grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch;margin:0 0 2px;padding:0 8px;display:grid}.io-strip span{color:#454d4d;min-height:23px;font:760 8px/1 var(--mono);letter-spacing:.06em;white-space:nowrap;border-right:1px solid #464f4d21;place-items:center;padding:4px;display:grid}.io-strip span:first-child{color:#39403f;background:#ffffff45}.io-strip span:nth-child(3),.io-strip span:nth-child(4){color:#dedfdb;background:#262b2c}.io-strip .io-hot{color:#fff4eb;background:var(--orange)}.io-strip i{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-left:4px;display:inline-block;box-shadow:0 0 5px #ff571ead}.nameplate{grid-template-columns:minmax(0,1.8fr) minmax(150px,.82fr);min-height:118px;margin:0;display:grid}.device-name{background:#f1eee8c2;border-right:1px solid #676f6c40;align-content:space-between;gap:3px;min-width:0;padding:14px 18px 11px 10px;display:grid}.device-name strong{color:#242727;font:400 clamp(29px, 4vw, 45px)/.93 var(--sans);letter-spacing:-.065em;white-space:nowrap}.device-name em{color:var(--orange);font:700 clamp(14px, 1.8vw, 19px)/1 var(--sans);letter-spacing:-.03em;font-style:normal}.device-name small{color:#414747;font:750 9px/1.15 var(--mono);letter-spacing:.065em}.speaker{background:linear-gradient(145deg,#c5c8c5,#a7adab);grid-template-columns:repeat(14,minmax(0,1fr));align-content:center;gap:5px;padding:10px 9px;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffff75,inset 0 -1px #0000001f}.speaker i{aspect-ratio:1;background:radial-gradient(circle at 40% 33%,#414646,#111516 68%);border-radius:50%;width:min(100%,7px);box-shadow:0 1px #eef0ec52}.display{color:#f2f5f2;background:linear-gradient(107deg,#ffffff12,#0000 28%),repeating-linear-gradient(0deg,#0000 0 2px,#ffffff03 2px 3px),linear-gradient(#222628,#101416 46%,#22272a);border-top:1px solid #777e7a;border-bottom:1px solid #8b918f;min-width:0;min-height:194px;margin:0 -2px;padding:13px 16px 11px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff29,inset 0 -16px 26px #00000052,0 5px 11px #262b2c47}.display:before{pointer-events:none;opacity:.55;content:"";background:radial-gradient(#fff3,#0000 74%);border-radius:50%;animation:8s ease-in-out infinite screen-bloom;position:absolute;inset:-100% 42% 61% -32%}.display:after{pointer-events:none;opacity:.7;content:"";background:linear-gradient(108deg,#0000 44%,#ffffff1c 50%,#0000 55%);animation:10s ease-in-out infinite screen-sweep;position:absolute;inset:0;transform:translate(-130%)}@keyframes screen-bloom{50%{opacity:.32;transform:translate(19px,4px)scale(1.07)}}@keyframes screen-sweep{60%,to{transform:translate(165%)}}.display-top,.display-foot{z-index:1;color:#aeb7b5;font:770 9px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;position:relative}.display-top{border-bottom:1px solid #ffffff14;justify-content:flex-start;gap:18px;min-height:20px;padding:0 0 8px}.display-top span{align-items:center;gap:6px;display:inline-flex}.display-top span:nth-child(2){color:#f1f4f1}.display-top span:last-child{color:#ff8762;margin-left:auto}.screen-led{background:var(--orange);width:8px;height:5px;box-shadow:0 0 7px #ff571ec7}.display-main{z-index:1;grid-template-columns:minmax(0,1.24fr) 90px minmax(145px,1fr);align-items:end;gap:14px;min-height:88px;padding:13px 0 5px;display:grid;position:relative}.display-bpm{color:#f0f6f3;min-width:0;font:720 clamp(62px, 6vw, 92px)/.78 var(--mono);letter-spacing:-.105em;text-shadow:0 0 10px #ffffff2e,1px 2px #acd1dd29;align-items:end;display:flex;position:relative}.display-bpm .screen-prefix{color:#ff8055;font:750 8px/1 var(--mono);letter-spacing:.08em;text-shadow:none;border:1px solid #ff64449e;align-self:start;margin:0 11px 0 0;padding:3px 4px}.display-bpm small{color:#b4bbb8;font:760 10px/1 var(--mono);letter-spacing:.18em;text-shadow:none;margin:0 0 6px 14px}.display-glyphs{grid-template-columns:repeat(3,16px);grid-auto-rows:16px;place-content:center;gap:4px;height:72px;display:grid}.display-glyphs i{background:#ea5244;border-radius:1px;animation:2.2s step-end infinite glyph;box-shadow:0 0 5px #f15d486b}.display-glyphs i:nth-child(2n){background:#39b9cc;animation-delay:-.64s}.display-glyphs i:nth-child(3n){background:#d94273;animation-delay:-1.21s}.display-glyphs i:nth-child(5n){background:#f9a345;animation-delay:-.21s}@keyframes glyph{0%,62%,to{opacity:.85;transform:scale(.92)}63%,82%{opacity:.14;transform:scale(.58)}}.display-meta{color:#c0c8c6;min-width:0;font:700 9px/1.1 var(--mono);letter-spacing:.075em;text-align:right;text-transform:uppercase;gap:7px;padding:0 0 4px;display:grid}.display-wave{align-items:center;gap:3px;min-width:0;height:24px;margin-top:4px;display:flex;overflow:hidden}.display-wave i{opacity:.77;transform-origin:50%;background:#c9d1ce;border-radius:1px;width:4px;min-width:4px;height:7px;animation:1.65s ease-in-out infinite wave;box-shadow:0 0 3px #ffffff29}.display-wave i:nth-child(4n+1){background:#f56642;height:15px;animation-delay:-.27s}.display-wave i:nth-child(4n+2){height:9px;animation-delay:-.88s}.display-wave i:nth-child(4n+3){background:#48b9c8;height:20px;animation-delay:-.59s}.display-wave i:nth-child(7n){background:#dc4771;animation-delay:-1.31s}@keyframes wave{0%,to{opacity:.42;transform:scaleY(.56)}46%{opacity:.95;transform:scaleY(1)}}.display-foot{border-top:1px solid #ffffff14;min-height:25px;margin-top:6px;padding-top:9px}.display-foot strong{color:#ecefea;font-weight:760}.panel-legend{color:#5e6665;font:790 8px/1 var(--mono);letter-spacing:.08em;grid-template-columns:190px minmax(0,1fr) 150px;margin:11px 0 0;padding:0 3px 4px;display:grid}.panel-legend span:nth-child(2){text-align:center}.panel-legend span:last-child{text-align:right}.hardware-row{grid-template-columns:190px minmax(0,1fr) 150px;align-items:stretch;gap:14px;min-width:0;display:grid}.controls{align-content:start;gap:11px;min-width:0;padding:9px 7px 5px 2px;display:grid}.knob-bank{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.knob{text-align:center;justify-items:center;gap:8px;min-width:0;display:grid}.knob-face{aspect-ratio:1;background:radial-gradient(circle at 35% 27%, #ffffff75, transparent 42%), conic-gradient(from 218deg, #212a2914, #ff6931d4 43%, #ff6931d4 var(--knob-progress,50%), #363e3d1c 0), #d6d8d3;border:1px solid #4b5450a3;border-radius:50%;width:min(52px,100%);position:relative;box-shadow:inset 0 0 0 8px #d2d4cf,inset 0 1px #fffffff2,inset 0 -2px #454c4933,2px 4px 6px #2b302e57}.knob-face:before{content:"";background:#f5f1eb;border-radius:2px;width:2px;height:9px;position:absolute;top:5px;left:calc(50% - 1px)}.knob:first-child .knob-face:before{background:#404746}.knob:nth-child(2) .knob-face:before{background:#fff4ea}.knob-face:after{content:"";border:1px dotted #3f464559;border-radius:50%;position:absolute;inset:-5px}.knob-input{z-index:2;cursor:ew-resize;opacity:0;width:calc(100% + 10px);height:calc(100% + 10px);margin:0;position:absolute;inset:-5px}.knob-label{color:#5a6462;font:800 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;gap:3px;display:grid}.knob-label strong{color:#313938;font-size:8px}.slider-bank{border-left:2px solid #2c363499;gap:7px;padding-left:10px;display:grid}.slider-group{color:#505959;min-width:0;font:800 8px/1 var(--mono);letter-spacing:.085em;text-transform:uppercase;gap:3px;display:grid}.slider-group span{justify-content:space-between;gap:5px;display:flex}.slider-group strong{color:#252b2a;font-weight:800}.range{width:100%;height:11px;accent-color:var(--orange);cursor:pointer;margin:1px 0}.pads{align-content:start;gap:8px;min-width:0;padding:5px 1px 0;display:grid}.seq-head{color:#596260;min-width:0;min-height:26px;font:760 8px/1 var(--mono);letter-spacing:.085em;text-transform:uppercase}.seq-head strong{color:#202526;font:820 9px/1 var(--mono)}.seq-head small{color:#727a78;font:730 7px/1.15 var(--mono);letter-spacing:.075em;text-align:right}.pad-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.pad{cursor:pointer;color:#eee9e1;text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(circle at 29% 4%,#ffffff21,#0000 45%),linear-gradient(162deg,#363a3b,#202426 65%,#181b1d);border:1px solid #141718;border-radius:4px 4px 6px 6px;align-content:space-between;gap:5px;min-width:0;min-height:73px;padding:8px 8px 9px;transition:filter 90ms,box-shadow 80ms,transform 80ms;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff24,inset 0 -1px #00000052,1px 2px #121516,3px 5px 7px #2f353463}.pad:before{background:var(--pad-color,#ff571e);opacity:.75;content:"";height:2px;position:absolute;bottom:0;left:0;right:0}.pad:hover{filter:brightness(1.09)}.pad:active,.pad.active,.pad[aria-pressed=true]{box-shadow:inset 0 1px #ffffff2b, inset 0 0 0 1px var(--pad-color,#ff571e), 1px 1px 0 #121516, 0 0 15px var(--pad-color,#ff571e)}@supports (color:color-mix(in lab, red, red)){.pad:active,.pad.active,.pad[aria-pressed=true]{box-shadow:inset 0 1px #ffffff2b, inset 0 0 0 1px color-mix(in srgb,var(--pad-color,#ff571e) 50%,transparent), 1px 1px 0 #121516, 0 0 15px color-mix(in srgb,var(--pad-color,#ff571e) 30%,transparent)}}.pad:active,.pad.active,.pad[aria-pressed=true]{filter:brightness(1.12);transform:translate(1px,2px)}.pad-top{justify-content:space-between;align-items:start;gap:5px;min-width:0;display:flex}.pad-number{color:#eef1ed;font:500 20px/.9 var(--mono);letter-spacing:-.05em}.pad-key{color:#adb4b1;min-width:19px;font:760 7px/1 var(--mono);text-align:center;border:1px solid #e4ebe526;border-radius:2px;padding:2px 3px}.pad-name{color:#f2efe8;min-width:0;font:820 10px/1 var(--sans);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;display:block;overflow:hidden}.pad-sub{color:#98a2a0;min-width:0;font:730 7px/1 var(--mono);letter-spacing:.075em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;margin-top:3px;display:block;overflow:hidden}.pad-led{background:var(--pad-color,#ff571e);opacity:.78;width:5px;height:5px;box-shadow:0 0 3px var(--pad-color,#ff571e);border-radius:50%;position:absolute;bottom:6px;right:8px}.mode-panel{align-content:start;gap:6px;min-width:0;padding:5px 0 0 2px;display:grid}.mode-caption{color:#596260;font:810 8px/26px var(--mono);letter-spacing:.08em;display:block}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-button,.chip,.mute,.tiny-button,.transport-button,.voice-button,.step{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mode-button,.tiny-button,.chip,.mute{appearance:none;cursor:pointer;transition:transform 70ms,box-shadow 90ms,filter .11s}.mode-button{color:#343a39;text-align:left;background:linear-gradient(160deg,#ebe9e5,#c7cbc8 94%);border:1px solid #848b89;border-radius:4px;align-content:space-between;min-width:0;min-height:54px;padding:5px 6px;display:grid;box-shadow:inset 0 1px #fffffff2,inset 0 -1px #49514e33,1px 2px #89908d,2px 4px 5px #373e3d3d}.mode-button strong{color:#818887;font:650 14px/1 var(--sans)}.mode-button span{font:820 7px/1 var(--mono);letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mode-button:hover,.tiny-button:hover,.chip:hover,.mute:hover,.transport-button:hover{filter:brightness(1.07)}.mode-button:active,.tiny-button:active,.chip:active,.mute:active,.transport-button:active{transform:translate(1px,1px)}.quick-row{flex-wrap:wrap;gap:7px}.mode-panel .quick-row{grid-template-columns:1fr;gap:7px;margin-top:2px;display:grid}.tiny-button{color:#eeeae2;text-align:left;min-width:0;min-height:39px;font:780 8px/1 var(--mono);letter-spacing:.04em;background:linear-gradient(#3c4342,#252b2b);border:1px solid #262d2d;border-radius:3px;justify-content:space-between;align-items:center;gap:5px;padding:4px 8px;display:flex;box-shadow:inset 0 1px #ffffff1f,1px 2px #202625,2px 3px 4px #2b313036}.tiny-button small{color:#9ca6a3;font:730 7px/1 var(--mono)}.tiny-button.variation{color:#fff2eb;background:linear-gradient(#ff7645,#e8491d);border-color:#a34728}.transport{border-top:1px solid #38424040;grid-template-columns:1fr 1fr 1fr 1.24fr;gap:10px;margin-top:13px;padding-top:12px;display:grid}.transport-button{cursor:pointer;color:#eceee9;min-width:0;min-height:48px;font:820 10px/1 var(--mono);letter-spacing:.045em;text-transform:uppercase;background:linear-gradient(165deg,#444a49,#282e2e);border:1px solid #272e2d;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;padding:8px 11px;display:inline-flex;box-shadow:inset 0 1px #ffffff21,inset 0 -1px #0000003b,1px 2px #242a29,2px 4px 6px #343b394f}.transport-button small{color:inherit;font:780 7px/1 var(--mono);opacity:.7}.play-button.active,.play-button[aria-pressed=true]{background:linear-gradient(160deg,#4bc5ca,#27787d);border-color:#28757b;box-shadow:inset 0 1px #f1ffff66,1px 2px #20585b,0 0 13px #3dc7c952}.bars-control{color:#596361;min-width:0;font:810 7px/1 var(--mono);letter-spacing:.07em;gap:4px;display:grid}.bars-control select{cursor:pointer;color:#252b2a;min-width:0;min-height:35px;font:770 8px/1 var(--mono);background:#e4e4df;border:1px solid #89918e;border-radius:3px;padding:4px 7px;box-shadow:inset 0 1px #ffffffb8,1px 2px #57605d38}.preset-row{border:1px solid #eaf2ee1a;border-left:3px solid var(--orange);background:#0c10116b;border-radius:4px;justify-content:flex-start;width:min(1040px,100%);margin:0 auto 14px;padding:10px 12px;box-shadow:inset 0 1px #ffffff0a,0 5px 12px #00000030}.preset-label{color:#aeb8b5;font:800 8px/1 var(--mono);letter-spacing:.1em;white-space:nowrap;margin-right:6px}.chip{color:#d0d7d4;min-width:0;min-height:34px;font:760 8px/1 var(--mono);letter-spacing:.045em;background:linear-gradient(#3f4747,#2b3233);border:1px solid #4b5554;border-radius:3px;align-items:center;gap:7px;padding:5px 8px;display:inline-flex;box-shadow:inset 0 1px #ffffff1c,1px 2px #0000003d}.chip small{color:#84908d;font:760 7px/1 var(--mono)}.sequencer{color:#202526;background:repeating-linear-gradient(104deg,#ffffff09 0 1px,#0000 1px 4px),linear-gradient(150deg,#d8dad5,#bdc2be 115%);border:1px solid #afb5b2;border-radius:5px;width:min(1040px,100%);min-width:0;margin:0 auto;padding:14px;box-shadow:inset 0 1px #ffffffd9,inset 0 -1px #3c454230,0 8px 22px #00000042}.sequencer>.seq-head{min-height:24px;margin-bottom:9px}.bar-labels{color:#727b79;font:760 8px/1 var(--mono);text-align:center;grid-template-columns:158px repeat(16,minmax(0,1fr));gap:5px;margin-bottom:6px;display:grid}.bar-labels span:first-child{text-align:left}.voice-row{grid-template-columns:158px minmax(0,1fr);gap:6px;min-width:0;margin-bottom:6px;display:grid}.voice-row:last-child{margin-bottom:0}.voice-button{border:1px solid #717b77;border-left:3px solid var(--voice-color,var(--orange));color:#313836;background:linear-gradient(150deg,#e6e6e1,#c8ccc7);border-radius:3px;justify-content:space-between;align-items:center;gap:6px;min-width:0;min-height:40px;padding:3px 6px 3px 8px;display:flex;box-shadow:inset 0 1px #ffffffbf,1px 2px #48524e3b}.voice-trigger{cursor:pointer;min-width:0;min-height:30px;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;padding:0;display:flex}.voice-meta{color:#262d2b;min-width:0;font:790 9px/1 var(--sans);letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;gap:3px;display:grid;overflow:hidden}.voice-meta small{color:#75807c;font:730 7px/1 var(--mono);letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mute{color:#707977;min-width:23px;height:23px;font:810 8px/1 var(--mono);background:#d6d9d4;border:1px solid #727c79;border-radius:3px;padding:0 4px;box-shadow:inset 0 1px #ffffffa6,1px 1px #0000001f}.steps{grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;min-width:0;display:grid}.step{cursor:pointer;background:linear-gradient(160deg,#a8b1ad,#808985);border:1px solid #5e6965;border-radius:3px;min-width:0;min-height:40px;padding:0;transition:transform 60ms,box-shadow 90ms,background 90ms;position:relative;box-shadow:inset 0 1px #ffffff47,inset 0 -1px #0000001a,1px 2px #4d575345}.step:after{content:"";background:#1e2a272e;height:2px;position:absolute;bottom:4px;left:4px;right:4px}.step:hover{filter:brightness(1.09)}.step.active:after{background:#561c0a40}.step.current:before{background:var(--cyan);content:"";height:2px;position:absolute;top:2px;left:6px;right:6px}.footer{color:#949e9b;width:min(1040px,100%);font:720 8px/1.45 var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:14px auto 0}.footer strong{color:#c7cfcc}.preview{justify-items:end;gap:4px;min-width:0;max-width:100%;display:grid}.audio-preview{width:min(420px,100%);height:38px}.preview small{color:#a2aca8;max-width:420px;font:720 7px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-download{color:#ff936a;font:790 8px/1 var(--mono);text-decoration:none}.preview-download:hover{color:#ffd0bb;text-decoration:underline}.toast{z-index:30;border:1px solid #f7f8f429;border-left:4px solid var(--orange);color:#eef1ec;max-width:min(440px,100vw - 20px);font:690 10px/1.35 var(--mono);background:#101617f2;border-radius:4px;padding:12px 14px;animation:.17s ease-out toast-in;position:fixed;bottom:clamp(10px,3vw,28px);right:clamp(10px,3vw,30px);box-shadow:0 10px 26px #0000007d}@keyframes toast-in{0%{opacity:0;transform:translateY(7px)}}:where(button,input,select,a[href]):focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.knob:focus-within .knob-face{outline:2px solid var(--cyan);outline-offset:3px}.transport-button:disabled,input:disabled{cursor:not-allowed;filter:grayscale(.28)brightness(.76);opacity:.72}@media (width<=760px){.app{padding-top:11px}.front-face{padding:9px 11px 13px}.nameplate{grid-template-columns:minmax(0,1.6fr) minmax(100px,.82fr);min-height:92px}.device-name{padding:11px 9px 8px}.speaker{grid-template-columns:repeat(11,minmax(0,1fr));gap:4px}.speaker i{width:min(100%,6px)}.io-strip{padding:0}.io-strip span{padding:3px 1px;font-size:7px}.display{min-height:182px;padding-left:10px;padding-right:10px}.display-main{grid-template-columns:minmax(0,1fr) 52px;min-height:88px}.display-glyphs{grid-template-columns:repeat(2,13px);grid-auto-rows:13px;height:55px}.display-meta{text-align:left;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;padding:0;display:flex}.display-bpm{font-size:clamp(55px,14vw,78px)}.display-bpm small{margin-left:6px}.display-foot span:last-child{display:none}.panel-legend{grid-template-columns:136px minmax(0,1fr) 115px;gap:6px}.hardware-row{grid-template-columns:136px minmax(0,1fr) 115px;gap:8px}.knob-face{width:min(42px,100%)}.knob-face:after{inset:-3px}.knob-label{font-size:6px}.knob-label strong,.slider-group{font-size:7px}.pad-grid{gap:7px}.pad{min-height:68px;padding:6px}.pad-number{font-size:16px}.pad-name{font-size:8px}.pad-sub{display:none}.mode-grid{gap:5px}.mode-button{min-height:49px;padding:4px}.mode-button strong{font-size:12px}.mode-button span{font-size:6px}.tiny-button{min-height:34px;padding:4px 5px;font-size:7px}.tiny-button small{display:none}.transport{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.transport-button{min-height:44px;font-size:8px}.bars-control select{min-height:28px}.preset-row{gap:6px}.chip{min-height:30px}.sequencer{padding:10px}.sequencer>.seq-head{flex-direction:column;align-items:flex-start;gap:5px}.bar-labels{display:none}.voice-row{grid-template-columns:minmax(0,1fr);gap:4px;margin-bottom:10px}.voice-button{min-height:35px}.steps{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.step{min-height:38px}.footer{flex-direction:column;align-items:flex-start;gap:8px}.preview{justify-items:start;width:100%}}@media (width<=480px){.device-name strong{font-size:27px}.device-name small{font-size:7px}.display-top{gap:9px;font-size:7px}.display-top span:last-child{margin-left:0}.display-foot{font-size:7px}.panel-legend{display:none}.hardware-row{grid-template-columns:78px minmax(0,1fr) 66px;align-items:start;gap:6px;margin-top:8px}.controls{gap:8px;padding:4px 0 0}.knob-bank{grid-template-columns:1fr;gap:8px}.knob{grid-template-columns:40px minmax(0,1fr);justify-items:start}.knob-label{text-align:left}.slider-bank{padding-left:6px}.pad-grid{gap:5px}.pad{min-height:70px}.pad-name{font-size:7px}.pad-key{min-width:15px}.mode-caption{white-space:nowrap;height:20px;font-size:6px;line-height:20px;overflow:hidden}.mode-grid{grid-template-columns:1fr}.mode-button{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:3px;min-height:36px}.mode-button span{font-size:6px}.mode-panel .quick-row{gap:5px}.tiny-button{text-align:center;justify-content:center;min-height:29px;font-size:6px}.transport{gap:6px}.transport-button{padding:6px 7px}.preset-label{flex:100%}.sequencer .seq-head strong{font-size:8px}.step{min-height:39px}.audio-preview{width:100%}}@media (hover:none){.mode-button,.voice-button,.mute,.step,.pad,.transport-button,.chip,.tiny-button{touch-action:manipulation}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--paper:#cad6da;--paper-hi:#e2e8e7;--paper-low:#afc0c5;--orange:#426bdb;--orange-hi:#7094f1;--cyan:#69d1be;--pink:#e27791}body{background:radial-gradient(circle at 14% -12%,#7e9ef833,#0000 31%),radial-gradient(circle at 88% 4%,#76e4c91f,#0000 26%),repeating-linear-gradient(106deg,#ffffff04 0 1px,#0000 1px 5px),linear-gradient(155deg,#26343a 0%,#172228 58%,#10181d 100%)}.front-face{background:radial-gradient(circle at 92% 0,#7ea6ee2e,#0000 24%),repeating-linear-gradient(116deg,#ffffff0c 0 1px,#0000 1px 5px),linear-gradient(142deg,#e3e9e7,#c9d6da 48%,#a9bcc4 114%);border-color:#9ab0b6;border-radius:20px 20px 24px 24px;box-shadow:inset 0 1px #ffffffe6,inset 1px 0 #ffffff85,inset 0 -3px #394e5561,0 2px #789099,0 22px 34px #030a0f73,0 56px 90px #03090d57}.front-face:before{background:linear-gradient(105deg,#0000 0 46%,#ffffff2b 57%,#0000 75%)}.screw{background:radial-gradient(circle at 35% 26%,#eef5f3,#739197 72%);border-color:#354e5452}.io-strip{border:0;gap:5px;padding:1px 8px 7px}.io-strip span{color:#53686d;background:#f2f9f761;border:1px solid #2b444c26;border-radius:999px;min-height:21px}.io-strip span:first-child,.io-strip span:nth-child(3),.io-strip span:nth-child(4){color:#53686d;background:#f2f9f761}.io-strip .io-hot{color:#edf3ff;background:linear-gradient(110deg,#426bdb,#6190ee);border-color:#426bdb}.io-strip i{background:var(--cyan);box-shadow:0 0 5px #69d1becc}.nameplate{background:#344d57;border:1px solid #1e343c33;border-radius:14px;grid-template-columns:minmax(0,1.64fr) minmax(172px,.86fr);min-height:111px;margin:1px 0 10px;overflow:hidden;box-shadow:inset 0 1px #fff3,0 2px 6px #1d323a1f}.device-name{color:#eef4ef;background:radial-gradient(circle at 0 0,#89dcca2b,#0000 36%),linear-gradient(120deg,#243943,#354d57 84%);border:0;gap:5px;padding:15px 19px 12px}.device-name strong{color:#f1f3ec;letter-spacing:-.058em;font-weight:740}.device-name em{color:#15252b;width:fit-content;font:850 clamp(8px,1vw,11px)/1 var(--mono);letter-spacing:.1em;background:#73dbc9;border-radius:99px;padding:4px 8px}.device-name small{color:#a8c4c5;letter-spacing:.1em;font-size:8px}.speaker{background:radial-gradient(circle at 20% 22%,#ebf6f330,#0000 43%),linear-gradient(150deg,#48626a,#2b424a);gap:6px;padding:13px 16px;position:relative}.speaker:before{content:"";border:1px solid #9cd3cf33;border-radius:50% 20%;position:absolute;inset:10px}.speaker i{z-index:1;background:radial-gradient(circle at 39% 31%,#91aeb2,#182931 76%);width:min(100%,6px);box-shadow:0 1px #cfece733}.speaker i:nth-child(7n),.speaker i:nth-child(11n+2){opacity:.33}.display{background:linear-gradient(109deg,#9de3d714,#0000 31%),repeating-linear-gradient(0deg,#0000 0 2px,#ffffff04 2px 3px),linear-gradient(#18272e,#0e1b20 45%,#17252b);border:1px solid #1c2f35bd;border-radius:13px;margin:0 3px;box-shadow:inset 0 1px #bcf0e624,inset 0 -18px 28px #00070a59,0 5px 14px #132b3345}.display-top{border-bottom-color:#8ad4cc1f}.display-top span:last-child{color:#75dccb}.screen-led{background:var(--cyan);border-radius:99px;box-shadow:0 0 7px #69d1becc}.display-bpm .screen-prefix{color:#79ddcd;border-color:#69d1be94;border-radius:99px}.display-glyphs i{background:#7295f0;border-radius:50% 50% 50% 4px;box-shadow:0 0 5px #7295f05c}.display-glyphs i:nth-child(2n){background:#71d8c6}.display-glyphs i:nth-child(3n){background:#e27791}.display-glyphs i:nth-child(5n){background:#d8cb78}.display-wave i{border-radius:99px}.display-wave i:nth-child(4n+1){background:#86a6f2}.display-wave i:nth-child(4n+3){background:#78ddcb}.display-wave i:nth-child(7n){background:#e58da1}.display-foot span:last-child{color:#79dbc9}.panel-legend{color:#4f6a70;padding-top:4px}.controls{background:#e5efee33;border:1px solid #294a5314;border-radius:13px;padding:10px 8px}.knob-face{background:radial-gradient(circle at 35% 27%,#ffffff85,transparent 42%),conic-gradient(from 218deg,#21383c17,#78d5c4 43%,#78d5c4 var(--knob-progress,50%),#364d4f21 0),#dbe8e6;border-color:#375b647a;box-shadow:inset 0 0 0 8px #d8e5e4,inset 0 1px #fffffff5,inset 0 -2px #2f4b5033,2px 4px 6px #223f474a}.knob:nth-child(2) .knob-face{background:radial-gradient(circle at 36% 27%,#ffffff80,transparent 42%),conic-gradient(from 218deg,#1c35421a,#79a2f7 43%,#79a2f7 var(--knob-progress,50%),#364e5b1f 0),#5079dd;box-shadow:inset 0 0 0 8px #5b86e7,inset 0 1px #ecf3ffcc,inset 0 -2px #192a553b,2px 4px 6px #223f4752}.knob:nth-child(3) .knob-face{background:radial-gradient(circle at 36% 27%,#ffffff42,transparent 40%),conic-gradient(from 218deg,#e2ece62e,#e18298 45%,#e18298 var(--knob-progress,50%),#71848626 0),#314650;box-shadow:inset 0 0 0 8px #344952,inset 0 1px #ffffff40,inset 0 -2px #0000004d,2px 4px 6px #223f4757}.knob-face:after{border-color:#355c654f}.knob-label{color:#506970}.knob-label strong{color:#263940}.slider-bank{border-left-color:#3a727e94}.range{accent-color:#517ae1}.pads{padding:5px 4px 1px}.pad{background:radial-gradient(circle at 30% 0,#c4f4e91f,#0000 43%),linear-gradient(155deg,#314851,#21353d 67%,#182a31);border-color:#233d45;border-radius:12px;min-height:71px;box-shadow:inset 0 1px #d8f7ee21,inset 0 -1px #00050945,0 3px #15252b,2px 5px 9px #1e333a4a}.pad:before{border-radius:99px;width:28px;height:3px;bottom:5px;left:auto;right:8px}.pad-number{border:1px solid var(--pad-color,#79dac8);place-items:center;width:31px;height:22px;display:grid}@supports (color:color-mix(in lab, red, red)){.pad-number{border:1px solid color-mix(in srgb,var(--pad-color,#79dac8) 48%,transparent)}}.pad-number{color:#bdd6d4;font:800 8px/1 var(--mono);letter-spacing:.05em;border-radius:999px}.pad-key{border-color:#c9f0e424;border-radius:99px}.pad-name{color:#edf3ee;letter-spacing:.015em}.pad-sub{color:#9bb7b6}.pad-led{width:4px;height:4px;bottom:13px;right:10px}.mode-panel{background:#e5efee42;border:1px solid #294a5314;border-radius:13px;padding:6px}.mode-button{color:#29454d;background:linear-gradient(150deg,#e7f0ee,#c8d9dc);border-color:#496a7361;border-radius:12px;min-height:52px;box-shadow:inset 0 1px #ffffffe0,inset 0 -1px #36535729,0 2px #5b7c807a,0 3px 6px #314d542b}.mode-button strong{color:#648994;font-size:14px}.mode-button.active,.mode-button[aria-pressed=true]{color:#f1f4ff;background:linear-gradient(150deg,#769cf3,#466ddb);border-color:#4163bb;box-shadow:inset 0 1px #f6faffa8,inset 0 -1px #192b5442,0 2px #3955a1,0 0 12px #4f7cdd3b}.mode-button.active strong{color:#dce7ff}.tiny-button{color:#e4eeeb;background:linear-gradient(150deg,#3c5560,#29414a);border-color:#34515b;border-radius:10px;box-shadow:inset 0 1px #cbede11f,0 2px #233941,0 4px 5px #203b412b}.tiny-button small{color:#a8c0bd}.tiny-button.variation{color:#19302d;background:linear-gradient(150deg,#89e1d2,#67cbbb);border-color:#48897e;box-shadow:inset 0 1px #effffbc4,0 2px #459386,0 5px 7px #203b4124}.tiny-button.variation small{color:#31534d}.transport{border-top-color:#35555b33}.transport-button{background:linear-gradient(155deg,#415b65,#2b434c);border-color:#31505a;border-radius:12px;box-shadow:inset 0 1px #def6f024,inset 0 -1px #00080b33,0 2px #253b42,0 4px 8px #29464f38}.record-button{color:#f1f5ff;background:linear-gradient(155deg,#7195ed,#416bdc);border-color:#4263b8;box-shadow:inset 0 1px #f6faffa1,inset 0 -1px #1b27523b,0 2px #3858a5,0 4px 8px #29464f36}.record-button.active,.record-button[aria-pressed=true]{box-shadow:inset 0 1px #f6faffb0,0 2px #3858a5,0 0 16px #5a85ef61}.play-button.active,.play-button[aria-pressed=true]{background:linear-gradient(155deg,#74d7c7,#4b9e91);border-color:#448d83}.export-button{color:#263d45;background:linear-gradient(155deg,#eef4ef,#c6d9dd);border-color:#7897a0}.bars-control select{color:#29434a;background:#dfebeb;border-color:#90aab0;border-radius:10px}.preset-row{border-color:#d0ede61f;border-left:3px solid var(--cyan);background:#0d1a1e7a;border-radius:15px}.chip{color:#bfd4d3;background:linear-gradient(150deg,#3b535d,#2a4148);border-color:#47606a;border-radius:999px}.chip small{color:#83a19f}.chip.active,.chip[aria-pressed=true]{color:#18352f;background:linear-gradient(150deg,#95eadb,#6bc9b8);border-color:#4a917f;box-shadow:inset 0 1px #f0fffdb0,0 2px #468879,0 0 11px #69d1be26}.chip.active small{color:#315e55}.sequencer{color:#253b41;background:radial-gradient(circle at 100% 0,#7ba4eb1f,#0000 28%),repeating-linear-gradient(111deg,#ffffff0a 0 1px,#0000 1px 5px),linear-gradient(148deg,#dde8e6,#bfd2d5 116%);border-color:#a1b7bc;border-radius:16px}.voice-button{color:#2d464d;background:linear-gradient(155deg,#e9f0eb,#cbdbdc);border-color:#88a6aa;border-radius:10px}.mute{color:#638083;background:#d4e2e0;border-color:#8da7a9;border-radius:999px}.mute.active,.mute[aria-pressed=true]{color:#fff4f7;background:linear-gradient(150deg,#de8ca1,#b8617b);border-color:#aa5970}.step{background:linear-gradient(150deg,#bfd0d0,#95b0b4);border-color:#7c9ca1;border-radius:9px;box-shadow:inset 0 1px #ffffff63,inset 0 -1px #08272c1c,0 2px #5c7c827a}.step:nth-child(4n+1){background:linear-gradient(150deg,#dbe8e2,#abc3c4)}.step:after{background:#1a3c422e;border-radius:99px;left:6px;right:6px}.step.active{background:linear-gradient(150deg,#7c9ff0,#5075d9);border-color:#4465b7;box-shadow:inset 0 1px #f5f9ff9e,0 2px #3048866e,0 0 9px #4773dc29}.step.accent{background:linear-gradient(150deg,#95e7d8,#63bcae);border-color:#459284}.step.current{border-color:#d57491;box-shadow:inset 0 1px #fff6fab3,0 0 0 1px #d674915e,0 0 10px #d674914f}.step.current:before{background:#db7b96}.bar-labels span:nth-child(4n+2){color:#4c70cf}.preview-download{color:#86dfcb}.preview-download:hover{color:#d1fff2}.toast{border-left-color:var(--cyan);border-radius:12px}@media (width<=760px){.nameplate{min-height:94px}.device-name{padding:12px 11px 9px}.speaker{gap:4px;padding:9px}.pad{min-height:68px}.pad-number{width:24px;height:17px;font-size:7px}.pad-led{bottom:11px}.mode-button{min-height:48px}}@media (width<=480px){.io-strip{gap:2px}.io-strip span{padding:3px 0;font-size:6px}.nameplate{border-radius:10px;grid-template-columns:minmax(0,1.55fr) minmax(90px,.85fr)}.device-name strong{font-size:24px}.device-name em{padding:3px 5px;font-size:6px}.speaker:before{inset:6px}.controls,.mode-panel{padding-left:3px;padding-right:3px}.pad{border-radius:8px;min-height:70px}.pad:before{width:18px}.pad-number{width:20px}.mode-button{border-radius:8px;min-height:35px}.tiny-button{border-radius:7px}}.pad-grid{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr))}.pad-key{color:#e0f4ed;letter-spacing:.02em;background:#70bcaf1a;border-color:#b1e5d84d;place-items:center;min-width:25px;min-height:19px;padding:2px 5px;font-size:10px;display:inline-grid;box-shadow:inset 0 1px #e9fffa1a}.pad-note{color:#edf5f0;min-width:0;font:830 11px/1 var(--mono);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pad-bank-label{color:#56817e;min-width:0;max-width:100%;font:810 7px/1 var(--mono);letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;align-items:center;display:inline-flex;overflow:hidden}.instrument-select{background:#d9ebe885;border:1px solid #3c636c33;border-radius:11px;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;min-width:0;padding:5px;display:grid;box-shadow:inset 0 1px #ffffff9e}.instrument-slot{align-content:start;gap:3px;min-width:0;display:grid}.instrument-chip{appearance:none;cursor:pointer;color:#3f5c64;text-align:center;text-transform:uppercase;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(150deg,#edf4f0,#cadcdd);border:1px solid #4a6c766b;border-radius:8px;grid-template-rows:auto minmax(0,1fr);place-items:center;gap:4px;min-width:0;min-height:44px;padding:4px 3px 5px;transition:transform 70ms,box-shadow 90ms,filter .11s;display:grid;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,0 1px #5c7a7f61}.instrument-chip:hover{filter:brightness(1.06)}.instrument-chip:active{transform:translateY(1px)}.instrument-chip.active,.instrument-chip[aria-pressed=true]{color:#19362f;background:linear-gradient(150deg,#98e8d9,#68c6b6);border-color:#49897c;box-shadow:inset 0 1px #effffbba,0 1px #34776aa6,0 0 9px #62ccb933}.instrument-key{color:#557578;min-width:18px;height:16px;font:850 8px/1 var(--mono);letter-spacing:.02em;background:#f3faf694;border:1px solid #38696738;border-radius:99px;place-items:center;padding:0 4px;display:inline-grid}.instrument-chip.active .instrument-key,.instrument-chip[aria-pressed=true] .instrument-key{color:#285747;background:#f3fffb85;border-color:#1e5c4d4d}.instrument-name{width:100%;min-width:0;font:820 7px/1 var(--mono);letter-spacing:.035em;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.instrument-edit{appearance:none;cursor:pointer;color:#31515a;width:100%;min-width:0;min-height:28px;font:820 7px/1 var(--mono);letter-spacing:.02em;text-overflow:ellipsis;text-transform:uppercase;background-color:#deebe8;background-image:linear-gradient(45deg,#0000 50%,#6b898c 50%),linear-gradient(135deg,#6b898c 50%,#0000 50%),linear-gradient(150deg,#eaf3ef,#d4e4e3);background-position:calc(100% - 9px) 11px,calc(100% - 5px) 11px,0 0;background-repeat:no-repeat;background-size:4px 4px,4px 4px,100% 100%;border:1px solid #43687152;border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:4px 16px 4px 6px;transition:transform 70ms,box-shadow 90ms,filter .11s;display:inline-flex;box-shadow:inset 0 1px #ffffffd1,0 1px #5e7e8157}.instrument-edit:hover{filter:brightness(1.05)}.instrument-edit:active{transform:translateY(1px)}.instrument-edit small{color:#6c8a8b;min-width:0;font:760 6px/1 var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.key-controls{background:#d9ebe885;border:1px solid #3c636c33;border-radius:11px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:5px;min-width:0;padding:5px;display:grid;box-shadow:inset 0 1px #ffffff9e}.key-control{color:#5a777b;min-width:0;font:820 6px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;gap:4px;display:grid}.key-control>span{justify-content:space-between;align-items:center;gap:4px;min-width:0;display:flex}.key-control strong{color:#37545c;text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.key-select{appearance:none;cursor:pointer;color:#29454c;width:100%;min-width:0;min-height:27px;font:810 7px/1 var(--mono);text-overflow:ellipsis;text-transform:uppercase;background-color:#eaf2ef;background-image:linear-gradient(45deg,#0000 50%,#65848a 50%),linear-gradient(135deg,#65848a 50%,#0000 50%);background-position:calc(100% - 10px) 11px,calc(100% - 6px) 11px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1px solid #466c756b;border-radius:8px;padding:4px 18px 4px 6px;box-shadow:inset 0 1px #ffffffd1,0 1px #5c7a7f52}.key-select:focus-visible,.instrument-edit:focus-visible,.instrument-chip:focus-visible{outline:2px solid var(--cyan);outline-offset:1px}@media (width<=760px){.pad-key{min-width:22px;min-height:17px;font-size:9px}.pad-note{font-size:9px}.instrument-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px}.instrument-slot{gap:2px}.instrument-chip{gap:3px;min-height:42px;padding:3px 2px 4px}.instrument-key{min-width:16px;height:15px;padding:0 3px;font-size:7px}.instrument-name{letter-spacing:.01em;font-size:6px}.instrument-edit{background-position:calc(100% - 7px) 10px,calc(100% - 3px) 10px,0 0;min-height:27px;padding:4px 12px 4px 4px;font-size:6px}.key-controls{gap:4px;padding:4px}.key-select{background-position:calc(100% - 8px) 10px,calc(100% - 4px) 10px;min-height:26px;padding-left:4px;padding-right:14px;font-size:6px}}@media (width<=480px){.pad-key{min-width:20px;min-height:16px;padding:1px 3px;font-size:8px}.pad-note{font-size:8px}.pad-bank-label{font-size:6px}.instrument-select{border-radius:8px;gap:3px;padding:3px}.instrument-chip{border-radius:7px;gap:2px;min-height:40px;padding:3px 1px}.instrument-key{min-width:14px;height:13px;font-size:6px}.instrument-name{letter-spacing:0;font-size:6px}.instrument-edit{background-position:calc(100% - 6px) 15px,calc(100% - 2px) 15px,0 0;border-radius:7px;min-height:36px;padding:3px 11px 3px 3px;font-size:6px}.instrument-edit small{display:none}.key-controls{border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px}.key-control{gap:3px;font-size:6px}.key-select{background-position:calc(100% - 8px) 15px,calc(100% - 4px) 15px;border-radius:7px;min-height:36px;font-size:7px}}.panel-legend,.hardware-row{grid-template-columns:190px minmax(0,1fr) 236px}.hardware-row{gap:16px}.mode-panel{gap:8px;padding:7px}.mode-panel .mode-caption{color:#48676c;padding:0 2px;line-height:19px}.mode-panel .mode-grid{gap:7px}.mode-panel .mode-button{min-height:47px}.mode-panel .instrument-select{background:linear-gradient(155deg,#edf7f2c7,#cde2dfa6);border-color:#3d686c42;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}.mode-panel .instrument-slot{gap:4px}.mode-panel .instrument-chip{gap:3px;min-height:43px;padding:4px 3px}.mode-panel .instrument-name{font-size:7px}.mode-panel .instrument-edit{min-height:31px;font-size:7px}.mode-panel .key-controls{background:linear-gradient(155deg,#edf7f2c7,#cde2dfa6);border-color:#3d686c42;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:5px;padding:6px}.mode-panel .key-control{gap:4px;font-size:7px}.mode-panel .key-select{min-height:32px;font-size:8px}.mode-panel .quick-row{gap:7px;margin-top:0}.instrument-editor{isolation:isolate;background:radial-gradient(circle at 5% 0,#7ce1cf29,#0000 27%),radial-gradient(circle at 98% 100%,#6f91e51f,#0000 32%),repeating-linear-gradient(113deg,#ffffff09 0 1px,#0000 1px 6px),linear-gradient(148deg,#dce9e5,#b9d0d1 128%);border:1px solid #4a686f57;border-radius:16px;grid-template-columns:minmax(250px,.84fr) minmax(0,1.16fr);gap:12px;min-width:0;margin-top:13px;padding:13px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #f7fffccc,inset 0 -1px #24454a1a,0 4px 10px #1d3a4024}.instrument-editor.collapsed{grid-template-columns:1fr;gap:0;padding-block:10px}.instrument-editor:before{z-index:-1;content:"";background:linear-gradient(90deg,#0000,#6fe3cfa6 25%,#8aa9f899 75%,#0000);height:1px;position:absolute;top:0;left:20px;right:20px}.editor-head{color:#315159;text-transform:uppercase;border-bottom:1px solid #314e542e;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px 14px;min-width:0;min-height:31px;padding:0 1px 9px;display:flex}.instrument-editor.collapsed .editor-head{border-bottom:0;padding-bottom:0}.editor-head>span,.editor-head>div{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:inline-flex}.editor-head strong{color:#1e3a42;font:860 10px/1 var(--mono);letter-spacing:.1em}.editor-head small{color:#607c7f;font:780 7px/1.2 var(--mono);letter-spacing:.1em}.editor-head-actions{justify-content:flex-end}.editor-toggle{cursor:pointer;color:#29474e;min-height:34px;font:830 8px/1 var(--mono);letter-spacing:.045em;background:linear-gradient(148deg,#eff6f1,#cfdfde);border:1px solid #4c70786b;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:6px 10px;display:inline-flex;box-shadow:inset 0 1px #ffffffe0,0 1px #58777d63,0 2px 5px #3350561a}.editor-toggle span{font-size:15px;line-height:.8}.sound-select{appearance:none;cursor:pointer;color:#2a474f;width:min(100%,244px);min-width:130px;min-height:34px;font:830 8px/1 var(--mono);letter-spacing:.045em;text-overflow:ellipsis;text-transform:uppercase;background-color:#e7f1ed;background-image:linear-gradient(45deg,#0000 50%,#63848a 50%),linear-gradient(135deg,#63848a 50%,#0000 50%),linear-gradient(148deg,#eff6f1,#cfdfde);background-position:calc(100% - 14px) 14px,calc(100% - 9px) 14px,0 0;background-repeat:no-repeat;background-size:5px 5px,5px 5px,100% 100%;border:1px solid #4c70786b;border-radius:9px;padding:5px 25px 5px 9px;box-shadow:inset 0 1px #ffffffe0,0 1px #58777d63,0 2px 5px #3350561a}.editor-screen{--curve-color:#72ddcb;isolation:isolate;color:#9ecbc8;background:radial-gradient(circle at 14% 0,#78e6d11a,#0000 45%),repeating-linear-gradient(0deg,#0000 0 2px,#bdfaeb05 2px 3px),linear-gradient(160deg,#152a30,#0d1c22 80%);border:1px solid #193a40c4;border-radius:13px;align-content:stretch;gap:6px;min-width:0;min-height:194px;padding:10px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #bceee41f,inset 0 -16px 26px #00050859,0 3px 7px #16303638}.editor-screen:before{z-index:-1;pointer-events:none;content:"";background:linear-gradient(107deg,#ffffff06,#0000 26% 76%,#6cc5dd05);border-radius:12px;position:absolute;inset:1px}.curve-grid{z-index:-1;opacity:.62;pointer-events:none;background-image:linear-gradient(#70b2b11a 1px,#0000 1px),linear-gradient(90deg,#70b2b11a 1px,#0000 1px);background-size:100% 25%,12.5% 100%;border:1px solid #6fb4b221;border-radius:5px;position:absolute;inset:10px 10px 27px}.editor-curve{width:100%;min-width:0;height:116px;color:var(--curve-color);filter:drop-shadow(0 0 5px #5fe2cc2b);display:block;overflow:visible}.editor-curve path:not(.curve-fill),.editor-curve polyline,.editor-curve line[data-curve]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.curve-fill{fill:var(--curve-color)}@supports (color:color-mix(in lab, red, red)){.curve-fill{fill:color-mix(in srgb,var(--curve-color) 14%,transparent)}}.curve-fill{stroke:none}.curve-labels{color:#759e9f;min-width:0;font:780 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:5px;padding:0 2px;display:flex}.curve-labels strong{color:#a8d1c9;font-weight:850}.editor-spectrum{border-bottom:1px solid #71beb721;align-items:flex-end;gap:2px;min-width:0;min-height:19px;padding:0 1px 1px;display:flex;overflow:hidden}.editor-spectrum>*{opacity:.77;transform-origin:bottom;background:#7695df;border-radius:99px 99px 2px 2px;flex:1 1 0;min-width:2px;max-width:9px;min-height:4px;animation:2.7s steps(6,end) infinite editor-spectrum-pulse;display:block;box-shadow:0 0 3px #77d9cc21}.editor-spectrum>:nth-child(3n){background:#70cfbf;animation-duration:3.4s;animation-delay:-.9s}.editor-spectrum>:nth-child(5n){background:#d2809d;animation-duration:4.1s;animation-delay:-1.8s}.editor-spectrum>:nth-child(7n){background:#d5cb83;animation-duration:3.8s;animation-delay:-2.4s}@keyframes editor-spectrum-pulse{0%,to{opacity:.65;transform:scaleY(.8)}31%{opacity:.95;transform:scaleY(1.08)}57%{opacity:.78;transform:scaleY(.91)}82%{opacity:.88;transform:scaleY(1.04)}}.editor-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:7px;min-width:0;display:grid}.editor-control{--control-color:#6688df;color:#567279;min-width:0;min-height:59px;font:790 7px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;background:linear-gradient(153deg,#eef6f1d6,#cbe0dfb3);border:1px solid #4d6e743d;border-radius:9px;align-content:center;gap:6px;padding:7px 8px 8px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffc2,0 1px #5c7d7f40}.editor-control:nth-child(3n+2){--control-color:#63b9aa}.editor-control:nth-child(3n){--control-color:#c27591}.editor-control>span{justify-content:space-between;align-items:baseline;gap:5px;min-width:0;display:flex}.editor-control strong,.editor-control output{color:#29474e;font:850 8px/1 var(--mono);letter-spacing:.05em;text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-range{appearance:none;cursor:pointer;width:100%;min-width:0;height:18px;accent-color:var(--control-color);touch-action:manipulation;background:0 0;margin:0}.editor-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--control-color),#cfdddd);border:1px solid #3f5e6338;border-radius:99px;height:5px}@supports (color:color-mix(in lab, red, red)){.editor-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,color-mix(in srgb,var(--control-color) 42%,#d9e8e5),#cfdddd)}}.editor-range::-webkit-slider-runnable-track{box-shadow:inset 0 1px #213d4317}.editor-range::-webkit-slider-thumb{appearance:none;border:1px solid var(--control-color);width:16px;height:16px;margin-top:-6px}@supports (color:color-mix(in lab, red, red)){.editor-range::-webkit-slider-thumb{border:1px solid color-mix(in srgb,var(--control-color) 72%,#2d555d)}}.editor-range::-webkit-slider-thumb{background:radial-gradient(circle at 37% 28%,#ffffffdb,transparent 44%),linear-gradient(150deg,var(--control-color),var(--control-color));border-radius:50%}@supports (color:color-mix(in lab, red, red)){.editor-range::-webkit-slider-thumb{background:radial-gradient(circle at 37% 28%,#ffffffdb,transparent 44%),linear-gradient(150deg,color-mix(in srgb,var(--control-color) 56%,#e5efeb),var(--control-color))}}.editor-range::-webkit-slider-thumb{box-shadow:inset 0 1px #f7fffcad,0 1px #26414673,0 2px 4px #27444936}.editor-range::-moz-range-track{background:linear-gradient(90deg,var(--control-color),#cfdddd);border:1px solid #3f5e6338;border-radius:99px;height:5px}@supports (color:color-mix(in lab, red, red)){.editor-range::-moz-range-track{background:linear-gradient(90deg,color-mix(in srgb,var(--control-color) 42%,#d9e8e5),#cfdddd)}}.editor-range::-moz-range-thumb{border:1px solid var(--control-color);width:15px;height:15px}@supports (color:color-mix(in lab, red, red)){.editor-range::-moz-range-thumb{border:1px solid color-mix(in srgb,var(--control-color) 72%,#2d555d)}}.editor-range::-moz-range-thumb{background:linear-gradient(150deg,var(--control-color),var(--control-color));border-radius:50%}@supports (color:color-mix(in lab, red, red)){.editor-range::-moz-range-thumb{background:linear-gradient(150deg,color-mix(in srgb,var(--control-color) 56%,#e5efeb),var(--control-color))}}.editor-range::-moz-range-thumb{box-shadow:inset 0 1px #f7fffcad,0 1px #26414673}.wave-select{background:#d7e9e570;border:1px solid #39606733;border-radius:10px;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:6px;min-width:0;padding:6px;display:grid}.wave-button{cursor:pointer;color:#456068;min-width:0;min-height:34px;font:810 7px/1 var(--mono);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(155deg,#edf4ef,#cfdfdd);border:1px solid #41656d52;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:4px 6px;transition:transform 70ms,filter .1s,box-shadow .12s;display:inline-flex;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,0 1px #52767854}.wave-button:hover{filter:brightness(1.05)}.wave-button:active{transform:translateY(1px)}.wave-button.active,.wave-button[aria-pressed=true]{color:#1f443c;background:linear-gradient(152deg,#9aeadb,#67bfaf);border-color:#3d776ca8;box-shadow:inset 0 1px #f4fffcb8,0 1px #38746b91,0 0 8px #66cbb933}.wave-button small{color:#708987;text-overflow:ellipsis;font-size:6px;overflow:hidden}.wave-button.active small,.wave-button[aria-pressed=true] small{color:#396359}.editor-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;padding-top:2px;display:flex}.editor-button{cursor:pointer;color:#e5efeb;min-width:88px;min-height:34px;font:810 7px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(152deg,#3e5962,#2d444c);border:1px solid #45626a;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;transition:transform 70ms,filter .1s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 1px #dbf7ee24,0 1px #1c343a80,0 3px 5px #243d4229}.editor-button:hover{filter:brightness(1.08)}.editor-button:active{transform:translateY(1px)}.editor-button small{color:#91adad;font:760 6px/1 var(--mono)}.editor-button.active,.editor-button[aria-pressed=true],.editor-button.primary{color:#193b34;background:linear-gradient(150deg,#91e4d4,#64bfaf);border-color:#497c73;box-shadow:inset 0 1px #f4fffcbf,0 1px #39776ba1,0 0 9px #67d3c129}.editor-button.active small,.editor-button[aria-pressed=true] small,.editor-button.primary small{color:#46685f}.sound-select:focus-visible,.editor-toggle:focus-visible,.wave-button:focus-visible,.editor-button:focus-visible,.editor-range:focus-visible{outline-offset:2px;outline:2px solid #60bfaf}@media (width<=960px){.panel-legend,.hardware-row{grid-template-columns:166px minmax(0,1fr) 213px}.hardware-row{gap:11px}.mode-panel .instrument-name,.mode-panel .instrument-edit{font-size:6px}.instrument-editor{grid-template-columns:minmax(222px,.82fr) minmax(0,1.18fr)}.editor-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-control:nth-child(3n+2){--control-color:#6688df}.editor-control:nth-child(2n){--control-color:#63b9aa}.wave-select{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.panel-legend{grid-template-columns:136px minmax(0,1fr)}.panel-legend span:last-child{display:none}.hardware-row{grid-template-columns:136px minmax(0,1fr);gap:8px}.mode-panel{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px 10px;padding:8px}.mode-panel .mode-caption{grid-column:1/-1}.mode-panel .mode-grid{align-content:start}.mode-panel .instrument-select{grid-row:span 2}.mode-panel .key-controls{grid-column:1}.mode-panel .quick-row{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.mode-panel .tiny-button{text-align:center;justify-content:center;min-height:39px}.mode-panel .instrument-chip{min-height:40px}.mode-panel .instrument-edit,.mode-panel .key-select{min-height:34px}.instrument-editor{grid-template-columns:1fr;gap:10px;padding:11px}.editor-screen{min-height:185px}.editor-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-control:nth-child(3n+2){--control-color:#63b9aa}.editor-control:nth-child(3n){--control-color:#c27591}.wave-select{grid-template-columns:repeat(auto-fit,minmax(73px,1fr))}.editor-actions{justify-content:stretch}.editor-button{flex:1 1 0}}@media (width<=480px){.hardware-row{grid-template-columns:78px minmax(0,1fr);gap:6px}.mode-panel{grid-template-columns:1fr;gap:6px;padding:7px}.mode-panel .mode-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.mode-panel .mode-button{text-align:center;grid-template-columns:1fr;justify-items:center;min-height:43px}.mode-panel .mode-button span{text-overflow:ellipsis;max-width:100%;overflow:hidden}.mode-panel .instrument-select{grid-row:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px}.mode-panel .instrument-chip{min-height:44px}.mode-panel .instrument-name,.mode-panel .instrument-edit{font-size:7px}.mode-panel .instrument-edit,.mode-panel .key-select{min-height:37px}.mode-panel .key-controls,.mode-panel .quick-row{grid-column:auto}.mode-panel .key-controls{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}.mode-panel .quick-row{grid-template-columns:repeat(3,minmax(0,1fr))}.instrument-editor{border-radius:12px;margin-top:10px;padding:9px}.editor-head{flex-direction:column;align-items:stretch;gap:7px;padding-bottom:7px}.sound-select{width:100%;min-width:0;min-height:39px}.editor-screen{min-height:169px;padding:8px}.curve-grid{inset:8px 8px 25px}.editor-curve{height:101px}.editor-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.editor-control{min-height:61px;padding:7px 6px}.editor-control:nth-child(3n+2),.editor-control:nth-child(3n){--control-color:#6688df}.editor-control:nth-child(2n){--control-color:#63b9aa}.wave-select{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px}.wave-button{min-height:37px;padding:4px 3px;font-size:6px}.editor-actions{gap:4px}.editor-button{justify-content:center;min-width:76px;min-height:38px;padding:4px 5px}.editor-button small{display:none}}@media (hover:none){.editor-range,.wave-button,.editor-button,.sound-select{touch-action:manipulation}.editor-range::-webkit-slider-thumb{width:19px;height:19px;margin-top:-8px}.editor-range::-moz-range-thumb{width:18px;height:18px}}.display-glyphs{--pixel-size:3px;--pulse-energy:0;--beat-duration:.625s;isolation:isolate;width:calc(var(--pixel-size) * 25);height:calc(var(--pixel-size) * 25 + 13px);filter:drop-shadow(0 0 5px #73e1cf21);transition:filter clamp(.24s,calc(var(--beat-duration) * .65),.52s) ease-out;margin:0 auto;display:block;position:relative;overflow:visible}.display-glyphs:before{z-index:-1;content:"";opacity:calc(.58 + var(--pulse-energy) * .42);transition:opacity clamp(.22s,calc(var(--beat-duration) * .6),.48s) ease-out,box-shadow clamp(.22s,calc(var(--beat-duration) * .6),.48s) ease-out;background:radial-gradient(circle at 50% 47%,#61b2ad24,#1436390a 58%,#0000 75%);border:1px solid #89d7ce14;border-radius:2px;position:absolute;inset:-5px -7px 7px;box-shadow:inset 0 0 12px #67cec30d,0 0 14px #54a1bb12}.display-glyphs.live{filter:drop-shadow(0 0 calc(5px + var(--pulse-energy) * 6px) #81e6d833) brightness(calc(1 + var(--pulse-energy) * .14))}.display-glyphs.live:before{box-shadow:inset 0 0 calc(11px + var(--pulse-energy) * 9px) #6fdac917,0 0 calc(12px + var(--pulse-energy) * 13px) #68c0cd24;animation:signal-breathe calc(var(--beat-duration) * 2) ease-in-out infinite}.display-glyphs i.pixel{top:calc(var(--pixel-y) * var(--pixel-size));left:calc(var(--pixel-x) * var(--pixel-size));width:calc(var(--pixel-size) - .4px);height:calc(var(--pixel-size) - .4px);opacity:var(--pixel-alpha);animation:pixel-shimmer var(--pixel-duration) ease-in-out var(--pixel-delay) infinite;border-radius:0;margin:0;display:block;position:absolute;transform:none;box-shadow:0 0 2px #99f4e62e}.display-glyphs i.pixel.mint{background:#76decf}.display-glyphs i.pixel.blue{background:#89a5f2}.display-glyphs i.pixel.rose{background:#d88caa}.display-glyphs i.pixel.gold{background:#d5c987}.display-glyphs.live i.pixel{filter:saturate(1.08)brightness(1.02)}.display-glyphs.recording i.pixel.rose{background:#ec9abb;box-shadow:0 0 3px #ed90b857}.display-glyphs i.pixel:after{z-index:1;content:"";opacity:0;pointer-events:none;mix-blend-mode:screen;background:#e8fffaf2;position:absolute;inset:0}.display-glyphs.live.hit-a i.pixel:after{animation:pixel-ripple-a clamp(.26s,calc(var(--beat-duration) * .72),.62s) cubic-bezier(.18,.8,.28,1) var(--pixel-hit-delay) both}.display-glyphs.live.hit-b i.pixel:after{animation:pixel-ripple-b clamp(.26s,calc(var(--beat-duration) * .72),.62s) cubic-bezier(.18,.8,.28,1) var(--pixel-hit-delay) both}.display-glyphs i.pixel.spark:before{z-index:2;top:var(--spark-y);left:var(--spark-x);width:max(1px,calc(var(--pixel-size) - 1px));height:max(1px,calc(var(--pixel-size) - 1px));content:"";opacity:0;pointer-events:none;background:#ecfff9;position:absolute;box-shadow:0 0 3px #c4fff552}.display-glyphs.live.hit-a i.pixel.spark:before{animation:pixel-spark-a clamp(.31s,calc(var(--beat-duration) * .82),.68s) ease-out calc(var(--pixel-hit-delay) + var(--spark-delay)) both}.display-glyphs.live.hit-b i.pixel.spark:before{animation:pixel-spark-b clamp(.31s,calc(var(--beat-duration) * .82),.68s) ease-out calc(var(--pixel-hit-delay) + var(--spark-delay)) both}.pixel-sweep{z-index:2;opacity:.42;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(108deg,#0000 0 39%,#cffff906 43%,#cffff924 49%,#cffff906 55%,#0000 60% 100%) -145px 0/145px 100% no-repeat;animation:19s cubic-bezier(.46,.05,.32,1) infinite pixel-sweep;position:absolute;inset:-4px 0 13px;overflow:hidden}.pixel-caption{color:#6da39f;font:760 5px/1 var(--mono);letter-spacing:.14em;text-align:center;text-overflow:clip;white-space:nowrap;opacity:.84;display:block;position:absolute;bottom:0;left:-2px;right:-2px;overflow:hidden}@keyframes pixel-shimmer{0%,to{opacity:calc(var(--pixel-alpha) * .78);filter:brightness(.88)saturate(.94)}22%{opacity:var(--pixel-alpha);filter:brightness(1.03)saturate()}48%{opacity:calc(var(--pixel-alpha) * .68);filter:brightness(.83)saturate(.9)}71%{opacity:calc(var(--pixel-alpha) * .98);filter:brightness(1.1)saturate(1.05)}}@keyframes pixel-ripple-a{0%{opacity:0;transform:scale(.42)}14%{opacity:calc(.24 + var(--pulse-energy) * .7);transform:scale(1.12)}34%{opacity:calc(.1 + var(--pulse-energy) * .3);transform:scale(.92)}to{opacity:0;transform:scale(.82)}}@keyframes pixel-ripple-b{0%{opacity:0;transform:scale(.42)}14%{opacity:calc(.24 + var(--pulse-energy) * .7);transform:scale(1.12)}34%{opacity:calc(.1 + var(--pulse-energy) * .3);transform:scale(.92)}to{opacity:0;transform:scale(.82)}}@keyframes pixel-spark-a{0%{opacity:0;transform:scale(.25)}12%{opacity:calc(.3 + var(--pulse-energy) * .68);transform:scale(1.18)}30%{opacity:calc(.12 + var(--pulse-energy) * .38);transform:scale(.78)}52%{opacity:calc(.2 + var(--pulse-energy) * .42);transform:scale(1.05)}to{opacity:0;transform:scale(.4)}}@keyframes pixel-spark-b{0%{opacity:0;transform:scale(.25)}12%{opacity:calc(.3 + var(--pulse-energy) * .68);transform:scale(1.18)}30%{opacity:calc(.12 + var(--pulse-energy) * .38);transform:scale(.78)}52%{opacity:calc(.2 + var(--pulse-energy) * .42);transform:scale(1.05)}to{opacity:0;transform:scale(.4)}}@keyframes pixel-sweep{0%,46%{opacity:0;background-position:-145px 0}53%{opacity:.28}78%{opacity:.38;background-position:120px 0}84%,to{opacity:0;background-position:120px 0}}@keyframes signal-breathe{0%,to{opacity:calc(.56 + var(--pulse-energy) * .38)}32%{opacity:calc(.69 + var(--pulse-energy) * .31)}66%{opacity:calc(.62 + var(--pulse-energy) * .34)}}.display-wave i{animation-duration:4.8s}.display-wave.live i{animation-duration:calc(var(--beat-duration) * 4);opacity:calc(.7 + var(--pulse-energy) * .22);transition:opacity clamp(.18s,calc(var(--beat-duration) * .45),.38s) ease-out}.editor-spectrum>*{animation-duration:7.6s;animation-timing-function:ease-in-out}.editor-spectrum>:nth-child(3n){animation-duration:9.2s}.editor-spectrum>:nth-child(5n){animation-duration:10.8s}.editor-spectrum>:nth-child(7n){animation-duration:11.6s}@media (width<=760px){.display-glyphs{--pixel-size:2px;width:calc(var(--pixel-size) * 25);height:calc(var(--pixel-size) * 25 + 11px)}.display-glyphs:before{inset:-4px -4px 6px}.display-glyphs i.pixel{width:calc(var(--pixel-size) - .25px);height:calc(var(--pixel-size) - .25px)}.pixel-sweep{bottom:11px}.pixel-caption{letter-spacing:.1em;font-size:4px}}@media (prefers-reduced-motion:reduce){.display-glyphs,.display-glyphs:before{transition:none}.display-glyphs.live:before,.display-glyphs i.pixel,.display-glyphs.live i.pixel:before,.display-glyphs.live i.pixel:after,.pixel-sweep{animation:none}.display-glyphs i.pixel{opacity:var(--pixel-alpha)}.display-glyphs i.pixel:before,.display-glyphs i.pixel:after{opacity:0}}.editor-curve{border-bottom:1px solid #80d3ca2e;position:relative;overflow:hidden}.editor-curve .curve-fill,.editor-curve .curve-edge{stroke:none;width:auto;height:auto;display:block;position:absolute;inset:5px 2px 0}.editor-curve .curve-fill{background:linear-gradient(180deg,var(--curve-color),var(--curve-color))}@supports (color:color-mix(in lab, red, red)){.editor-curve .curve-fill{background:linear-gradient(180deg,color-mix(in srgb,var(--curve-color) 34%,transparent),color-mix(in srgb,var(--curve-color) 5%,transparent))}}.editor-curve .curve-fill{box-shadow:0 0 12px var(--curve-color)}@supports (color:color-mix(in lab, red, red)){.editor-curve .curve-fill{box-shadow:0 0 12px color-mix(in srgb,var(--curve-color) 16%,transparent)}}.editor-curve .curve-edge{opacity:.76;background:linear-gradient(180deg,var(--curve-color),transparent 6px)}@supports (color:color-mix(in lab, red, red)){.editor-curve .curve-edge{background:linear-gradient(180deg,color-mix(in srgb,var(--curve-color) 85%,#effffb),transparent 6px)}}.editor-curve .curve-edge{filter:drop-shadow(0 0 4px var(--curve-color))}@supports (color:color-mix(in lab, red, red)){.editor-curve .curve-edge{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--curve-color) 36%,transparent))}}.editor-curve .curve-edge{transform:translateY(-1px)}html{scroll-padding-top:98px}.device-name h1{color:#f1f3ec;font:740 clamp(29px,4vw,45px)/.93 var(--sans);letter-spacing:-.058em;white-space:nowrap;margin:0}.transport-dock{z-index:25;background:linear-gradient(155deg,#314a53,#1d333c);border:1px solid #516d75;border-radius:15px;grid-template-columns:1.05fr 1fr minmax(116px,.72fr) 1.2fr;width:min(1040px,100%);margin:0 auto 14px;padding:10px;position:sticky;top:8px;box-shadow:inset 0 1px #e1f9f124,0 9px 26px #030c1259}.transport-dock .bars-control{color:#bed5d5}.transport-dock .bars-control select{min-height:32px}.transport-dock .play-button{color:#173c35;background:linear-gradient(155deg,#97e7d8,#62bfae);border-color:#4b978a;box-shadow:inset 0 1px #f5fffcb8,0 2px #3e8075,0 4px 9px #0000002e}.transport-dock .play-button.active{color:#effff9;background:linear-gradient(155deg,#3a8e81,#28695e)}.project-bar{background:linear-gradient(155deg,#eff8f3cc,#c5d9dca6);border:1px solid #41676f45;border-radius:12px;flex-wrap:wrap;align-items:end;gap:9px 14px;min-width:0;margin:12px 0;padding:10px 11px;display:flex;box-shadow:inset 0 1px #ffffffa6}.project-title{flex:230px;gap:5px;min-width:180px;display:grid}.project-title>span{color:#34565f;font:800 8px/1.2 var(--mono);letter-spacing:.075em;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;display:flex}.save-state{color:#477469;font:700 7px/1.2 var(--mono);letter-spacing:.025em}.save-state.unavailable{color:#8b3f48}.project-title input{color:#203a43;width:100%;min-width:0;min-height:35px;font:690 13px/1.2 var(--sans);background:#edf5f1;border:1px solid #93afb4;border-radius:7px;padding:7px 9px;box-shadow:inset 0 1px 3px #2a4f5714}.project-actions{flex:0 375px;grid-template-columns:repeat(4,minmax(0,1fr)) 34px;gap:5px;min-width:0;display:grid}.project-button{cursor:pointer;color:#294953;min-width:0;min-height:36px;font:800 8px/1.1 var(--mono);letter-spacing:.025em;white-space:nowrap;background:linear-gradient(155deg,#eef5f0,#c9dce0);border:1px solid #819fa7;border-radius:8px;padding:6px;box-shadow:inset 0 1px #ffffffd9,0 2px #587a8166}.project-button:hover:not(:disabled){filter:brightness(1.06)}.project-button:active:not(:disabled){transform:translateY(1px)}.project-button:disabled{cursor:not-allowed;opacity:.42;box-shadow:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.keyboard-help{color:#d9e9e5;background:#2b424b;border:1px solid #789aa4;border-radius:12px;margin:-3px 0 12px;padding:13px}.keyboard-help>strong{color:#8de0cd;font:800 9px/1.3 var(--mono);letter-spacing:.08em}.keyboard-help dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 20px;margin:12px 0 0;display:grid}.keyboard-help dt{color:#f1f6f0;font:800 9px/1.5 var(--mono)}.keyboard-help dd{color:#b2cbca;font:500 11px/1.4 var(--sans);margin:3px 0 0}.error-banner{color:#622e3d;font:650 12px/1.4 var(--sans);background:#f4dce2;border:1px solid #b87482;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:11px 12px;display:flex}.error-banner button{color:#623240;min-height:34px;font:800 8px/1 var(--mono);cursor:pointer;background:#f9e9ed;border:1px solid #b97888;border-radius:7px;flex:none;padding:6px 9px}.mute{min-width:30px;height:30px}.voice-trigger{min-height:36px}.mode-panel .mode-caption{font-size:8px}@media (width<=760px){html{scroll-padding-top:143px}.transport-dock{border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px;padding:8px;top:5px}.transport-dock .transport-button,.transport-dock .bars-control{min-height:43px}.transport-dock .bars-control>span{font-size:7px}.transport-dock .bars-control select{min-height:28px}.project-title,.project-actions{flex-basis:100%}.project-button{min-height:40px}.keyboard-help dl{grid-template-columns:1fr}.mute{min-width:36px;height:36px}.step{min-height:42px}}@media (width<=480px){.device-name h1{font-size:clamp(20px,6.15vw,26px)}.project-bar{gap:8px;padding:8px}.project-title{min-width:0}.project-actions{grid-template-columns:repeat(4,minmax(0,1fr)) 30px;gap:4px}.project-button{letter-spacing:0;padding:4px 2px;font-size:7px}.transport-dock .transport-button{padding:7px 8px;font-size:8px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}