@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e4e8df;background:#11191c;font-synthesis:none;font-size:14px;-webkit-text-size-adjust:100%;--panel: #192326;--panel-2: #1d292b;--line: #344044;--ink: #e4e8df;--muted: #889898;--accent: #cbe5bb}*{box-sizing:border-box}html{min-height:100%;background:#11191c}body{margin:0;min-width:320px;min-height:100vh;color:var(--ink)}button,select,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.3}.app-shell{min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));width:100%;max-width:1500px;margin:0 auto;display:flex;flex-direction:column}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font-size:39px;height:41px;line-height:38px;color:var(--accent);transform:rotate(-26deg)}.brand-name{color:#e6eee7;display:block;font:700 25px/.93 Space Grotesk,sans-serif;letter-spacing:.105em}.brand-dot{color:var(--accent)}.brand-sub{display:block;margin-top:6px;font-size:8px;letter-spacing:.23em;color:#a3b0a9;font-weight:700}.header-right{display:flex;align-items:center;justify-content:flex-end;gap:12px}.status-pill{display:flex;align-items:center;gap:9px;color:#798585;font:700 10px Space Grotesk,sans-serif;letter-spacing:.09em;white-space:nowrap}.status-pill.is-on{color:#b9dfc0}.status-light{display:inline-block;height:6px;width:6px;border-radius:50%;background:#637176}.status-pill.is-on .status-light{background:#9ddfa8;box-shadow:0 0 10px #8ed49b}.enable-btn,.record-btn{border:1px solid #445252;border-radius:7px;min-height:38px;padding:0 14px;font:700 10px Space Grotesk,sans-serif;letter-spacing:.08em;white-space:nowrap}.enable-btn{background:transparent;color:#ced7d1}.enable-btn:active{background:#263438}.record-btn{background:#2b2325;border-color:#785b5b;color:#e7afac;min-width:97px}.rec-indicator{display:inline-block;width:9px;height:9px;background:#e68e8e;border-radius:50%;margin-right:5px}.record-btn.recording{background:#76484b;color:#fff;border-color:#e68e8e}.record-btn.recording .rec-indicator{border-radius:2px;background:#fff;animation:recpulse 1.1s ease-in-out infinite alternate}@keyframes recpulse{to{opacity:.35}}.preset-row{border-top:1px solid #2d3739;margin-top:13px;padding:14px 0 13px;display:flex;align-items:center;gap:13px;min-width:0}.preset-intro,.micro-label{font:700 10px Space Grotesk,sans-serif;letter-spacing:.13em;color:#aebdb3;white-space:nowrap}.preset-intro{min-width:109px}.preset-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;width:min(840px,100%)}.preset-button{border:1px solid #354345;background:#1b2629;color:#aab9b5;border-radius:7px;min-height:47px;padding:8px 12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;text-align:left;transition:background .13s;min-width:0}.preset-button.selected{background:#cbe5bb;color:#1a2b26;border-color:#cbe5bb}.preset-number{font:700 9px Space Grotesk,sans-serif;letter-spacing:.08em;opacity:.65}.preset-name{font:600 12px Space Grotesk,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.preset-caption{font-size:11px;color:#82938d;margin-left:auto;white-space:nowrap}main{display:flex;flex-direction:column;min-height:0;flex:1}.instrument{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:14px;height:clamp(300px,46vh,500px);min-height:280px}.xy-frame,.macros-frame{min-height:0;min-width:0}.xy-frame{display:flex;flex-direction:column}.xy-heading,.macros-heading{height:30px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:0 3px}.xy-hint,.muted-hint{font:700 9px Space Grotesk,sans-serif;letter-spacing:.12em;color:#708184;white-space:nowrap}.xy-field{position:relative;flex:1;min-height:200px;overflow:hidden;background:radial-gradient(ellipse 60% 95% at 22% 75%,rgba(72,112,100,.24),transparent 79%),radial-gradient(ellipse at 87% 15%,rgba(117,132,115,.08),transparent 72%),#1b2729;border:1px solid #43534e;border-radius:12px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:crosshair}.xy-field:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.35;pointer-events:none;background-image:linear-gradient(90deg,transparent calc(25% - .5px),#4d5e59 25%,transparent calc(25% + .5px)),linear-gradient(90deg,transparent calc(75% - .5px),#4d5e59 75%,transparent calc(75% + .5px)),linear-gradient(0deg,transparent calc(25% - .5px),#4d5e59 25%,transparent calc(25% + .5px)),linear-gradient(0deg,transparent calc(75% - .5px),#4d5e59 75%,transparent calc(75% + .5px))}.xy-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.xy-axis{position:absolute;pointer-events:none;border-color:#596a61;z-index:1}.xy-axis-h{height:1px;width:100%;top:50%;border-top:1px dashed #4e615b;opacity:.48}.xy-axis-v{width:1px;height:100%;left:50%;border-left:1px dashed #4e615b;opacity:.48}.xy-pointer{width:66px;height:66px;margin:-33px;border:1px solid rgba(202,236,206,.7);border-radius:50%;position:absolute;z-index:5;pointer-events:none;box-shadow:0 0 29px #a7d8b221,inset 0 0 21px #b4e1be14;transition:left 45ms linear,top 45ms linear;display:flex;align-items:center;justify-content:center}.xy-pointer:after{content:"";position:absolute;height:92px;width:92px;border:1px solid rgba(181,226,198,.15);border-radius:50%}.xy-pointer-core{height:11px;width:11px;border-radius:50%;background:#caeec8;box-shadow:0 0 14px #b0dea8}.xy-edge-label{position:absolute;color:#718a7e;font:700 9px Space Grotesk,sans-serif;letter-spacing:.13em;z-index:4;pointer-events:none}.xy-edge-top{top:14px;left:50%;transform:translate(-50%)}.xy-edge-bottom{bottom:14px;left:50%;transform:translate(-50%)}.xy-edge-left{left:14px;top:50%;transform:translateY(-50%)}.xy-edge-right{right:14px;top:50%;transform:translateY(-50%)}.xy-coordinate{position:absolute;bottom:15px;right:17px;color:#839e92;font:500 10px Space Grotesk,sans-serif;letter-spacing:.1em;pointer-events:none}.macros-frame{display:flex;flex-direction:column}.macro-grid{flex:1;border:1px solid #374344;background:#192426;border-radius:11px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);padding:12px;gap:3px;min-height:0}.macro{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.knob-touch{position:relative;width:min(99px,100%);aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none;cursor:ns-resize}.knob-svg{display:block;width:100%;height:100%}.knob-bg,.knob-progress{fill:none;stroke-width:5.8px;stroke-linecap:round}.knob-bg{stroke:#445053}.knob-percent{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);font:600 17px Space Grotesk,sans-serif;color:#dce9dc;pointer-events:none}.macro-name{margin-top:1px;font:700 11px Space Grotesk,sans-serif;letter-spacing:.075em}.macro-note{color:#6e8582;font-size:10px;margin-top:4px;white-space:nowrap}.play-section{position:relative;padding-top:16px}.play-toolbar{display:flex;align-items:center;justify-content:space-between;min-height:41px;gap:15px}.play-options{display:flex;align-items:center;justify-content:flex-end;gap:14px}.select-label{display:flex;align-items:center;gap:8px;color:#819492;font:700 9px Space Grotesk,sans-serif;letter-spacing:.1em}.select-label select{-moz-appearance:none;appearance:none;-webkit-appearance:none;min-width:84px;background:#233033;border:1px solid #3c4b4c;color:#dae6df;font:600 11px Space Grotesk,sans-serif;border-radius:5px;height:31px;padding:0 22px 0 10px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='m1 1 3 3 3-3' fill='none' stroke='%23adbcaf' stroke-width='1.2'/%3E%3C/svg%3E");background-position:right 9px center;background-repeat:no-repeat}.octave-control{display:flex;align-items:center;gap:8px;color:#819492;font:700 9px Space Grotesk,sans-serif;letter-spacing:.1em}.octave-control button{border:1px solid #465251;background:#253235;color:#d7e2da;height:30px;width:29px;border-radius:4px;font-size:16px}.octave-control strong{color:#e1eadf;width:18px;text-align:center;font:700 11px Space Grotesk,sans-serif}.hold-btn{height:31px;background:#213035;border:1px solid #445655;color:#c0d0cb;padding:0 9px;border-radius:5px;white-space:nowrap;font:700 10px Space Grotesk,sans-serif;letter-spacing:.065em}.hold-btn span{margin-left:10px;color:#809492}.hold-btn.is-active{color:#c5e6b7;border-color:#8cac85;background:#334638}.hold-btn.is-active span{color:#c5e6b7}.pad-zone{position:relative;margin-top:8px}.pad-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;height:clamp(100px,17vh,166px)}.note-pad{touch-action:none;user-select:none;-webkit-user-select:none;border:1px solid #4c5758;background:linear-gradient(145deg,#354446,#243236);border-radius:8px;text-align:left;color:#e2e9dc;display:flex;flex-direction:column;padding:13px;transition:background .09s,box-shadow .09s;position:relative;overflow:hidden}.note-pad:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:#647b6c;opacity:.7}.note-pad.is-pressed{background:linear-gradient(150deg,#c9e9bf,#86ba9b);color:#193629;border-color:#d5f4c7;box-shadow:inset 0 0 22px #e9ffd04d,0 0 24px #b3eeba1f}.note-pad.is-pressed:before{background:#efffdc}.pad-index{font:700 10px Space Grotesk,sans-serif;opacity:.6}.pad-note{font:600 clamp(18px,2.7vw,34px) "Space Grotesk",sans-serif;margin:auto 0 0;white-space:nowrap}.pad-interval{font:600 11px Space Grotesk,sans-serif;color:#8daba1;padding-top:3px}.note-pad.is-pressed .pad-interval{color:#36674b}.pad-foot{display:block;width:18px;height:2px;background:#829d87;margin-top:8px}.note-pad.is-pressed .pad-foot{background:#215e3e}.bottom-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 0 0}.details-toggle{display:flex;align-items:center;gap:9px;border:none;background:transparent;color:#9fbab2;font:700 10px Space Grotesk,sans-serif;letter-spacing:.1em;padding:8px 0}.details-toggle>span:first-child{font-size:18px;font-weight:400;line-height:10px}.details-small{color:#647d7c;font-size:9px;margin-left:10px}.bottom-help{font-size:10px;color:#738887;letter-spacing:.05em}.details-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 26px;margin:4px 0 20px;padding:21px;background:#1d2a2b;border:1px solid #3d4d4d;border-radius:9px}.detail-control{min-width:0}.detail-caption{display:flex;justify-content:space-between;font:700 10px Space Grotesk,sans-serif;letter-spacing:.06em;gap:4px}.detail-caption span{color:#c8e4bb}.detail-control input[type=range]{width:100%;margin:12px 0 7px;accent-color:#b8dda8;height:12px}.detail-hint{display:block;color:#839594;font-size:10px}.error-bar{position:fixed;z-index:55;top:max(12px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));background:#493036;border:1px solid #c68e8e;color:#f9dcda;border-radius:9px;max-width:510px;padding:11px 13px;display:flex;align-items:flex-start;gap:15px;box-shadow:0 8px 28px #0005;font-size:12px}.error-bar button{border:0;background:transparent;color:inherit;font-size:20px}.welcome-shade,.recording-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#080e10c7;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom));backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.welcome-card,.recording-card{width:min(530px,100%);border:1px solid #4b625a;border-radius:16px;background:radial-gradient(ellipse at 100% 10%,rgba(112,159,127,.18),transparent 65%),#1e2c2b;padding:35px 39px;box-shadow:0 16px 90px #00000073}.welcome-glyph{display:block;color:#c9e5bb;font-size:43px;transform:rotate(-20deg);width:52px;margin-bottom:18px}.welcome-eyebrow{color:#abc7b3;font:700 10px Space Grotesk,sans-serif;letter-spacing:.19em}.welcome-card h1{margin:14px 0;font:600 clamp(37px,5vw,55px)/1.07 "Space Grotesk",sans-serif;letter-spacing:-.065em}.welcome-card h1 i{font-style:normal;color:#b5ddb0}.welcome-card p{color:#a8bdb2;font-size:13px;max-width:345px;line-height:1.65}.welcome-start{margin:18px 0 14px;width:100%;border:none;background:#cae6b9;color:#163023;border-radius:7px;padding:17px;display:flex;justify-content:space-between;font:700 12px Space Grotesk,sans-serif;letter-spacing:.07em}.welcome-card small,.recording-card small{color:#839b92;font-size:11px;line-height:1.5;display:block}.recording-overlay{z-index:50}.recording-card{width:min(530px,100%)}.recording-check{display:block;width:39px;height:39px;background:#bce2ac;color:#23412d;border-radius:50%;text-align:center;line-height:39px;font-size:23px;margin-bottom:19px}.recording-card h2{font:600 31px Space Grotesk,sans-serif;letter-spacing:-.04em;margin:8px 0}.recording-card p{font-size:12px;color:#abbeb5}.filename-label{display:flex;flex-direction:column;gap:8px;margin-top:24px;font:700 10px Space Grotesk,sans-serif;letter-spacing:.1em}.filename-label input{border:1px solid #546760;outline-offset:2px;background:#14211f;color:#e7f1e7;border-radius:6px;height:42px;padding:0 13px;letter-spacing:0;font-size:13px}.record-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.record-actions button{min-height:44px;border-radius:6px;font:700 10px Space Grotesk,sans-serif;letter-spacing:.045em}.share-btn{background:#cbe5bb;color:#193021;border:0}.download-btn{background:#2b403a;color:#c9e6bf;border:1px solid #5b7366}.record-close{margin-top:16px;padding:8px 0;border:0;background:none;color:#a8c5b6;font:700 10px Space Grotesk,sans-serif;letter-spacing:.1em}@media(max-width:1130px){.preset-caption{display:none}.preset-intro{min-width:91px}.instrument{grid-template-columns:minmax(0,1fr) 248px}.macro-grid{padding:6px}.macro-note{font-size:9px}.knob-touch{width:min(85px,100%)}}@media(max-width:840px){.app-shell{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.topbar{height:auto;min-height:43px}.brand-name{font-size:20px}.brand-sub{font-size:7px}.brand-mark{font-size:31px}.status-pill{display:none}.header-right{gap:5px}.enable-btn,.record-btn{padding:0 8px;min-height:34px;font-size:9px}.record-btn{min-width:63px}.preset-row{padding:10px 0;gap:8px}.preset-intro{display:none}.preset-button{min-height:41px;padding:6px 9px}.preset-name{font-size:10px}.instrument{grid-template-columns:minmax(0,1fr) 195px;gap:8px;height:max(252px,42vh);min-height:245px}.knob-touch{width:min(72px,100%)}.macro-name{font-size:9px}.macro-note{display:none}.macro-grid{padding:5px}.play-section{padding-top:7px}.play-options{gap:6px}.play-toolbar{gap:8px}.select-label{gap:4px}.select-label select{min-width:65px;padding-left:5px;padding-right:17px}.octave-control{gap:4px}.octave-control button{width:27px}.hold-btn{padding:0 6px}.hold-btn span{margin-left:3px}.pad-grid{gap:5px;height:max(89px,16vh)}.note-pad{padding:9px}.pad-note{font-size:clamp(15px,2.8vw,25px)}.pad-interval{font-size:9px}.bottom-help{display:none}}@media(max-width:615px){.instrument{display:flex;flex-direction:column;height:auto}.xy-frame{height:275px}.xy-field{min-height:235px}.macros-frame{height:195px}.macro-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:1fr}.knob-touch{width:min(82px,100%)}.play-toolbar{flex-wrap:wrap;padding-bottom:7px}.play-options{flex-wrap:wrap;justify-content:flex-start}.play-toolbar>.micro-label{width:100%}.pad-grid{grid-template-columns:repeat(4,minmax(0,1fr));height:auto}.note-pad{min-height:96px}.pad-note{font-size:25px}.details-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:13px;gap:16px}}@media(max-height:730px)and (min-width:616px){.instrument{height:40vh;min-height:235px}.pad-grid{height:15vh;min-height:84px}.preset-row{margin-top:5px;padding:8px 0}.play-section{padding-top:7px}.note-pad{padding:8px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[hidden]{display:none!important}.instrument{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 232px;gap:10px;height:clamp(250px,38vh,380px);min-height:230px}.xy-fold .xy-field{background:radial-gradient(ellipse at 70% 28%,rgba(192,125,104,.17),transparent 69%),radial-gradient(ellipse at 20% 78%,rgba(134,89,144,.18),transparent 73%),#1c252a;border-color:#5b4e56}.xy-fold .xy-pointer{border-color:#e0a7a5;box-shadow:0 0 28px #e1a2a133}.xy-fold .xy-pointer-core{background:#f0b8b1;box-shadow:0 0 16px #d89591}.xy-fold .xy-edge-label{color:#ac898e}.xy-fold .xy-axis{border-color:#64515b}.macro-grid{padding:3px}.knob-touch{width:min(80px,100%)}.macro-name{font-size:10px}.note-pad .pad-bend{color:#809e93;font:700 8px Space Grotesk,sans-serif;letter-spacing:.045em;margin-top:4px;transform:translateY(var(--bend,0px));pointer-events:none}.note-pad.is-pressed .pad-bend{color:#386953}.expressive-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:17px}.fx-card{min-width:0;border:1px solid #38484a;background:#1a2628;border-radius:11px;padding:12px;display:flex;flex-direction:column;gap:8px}.fx-header{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:16px}.fx-sub{font:700 8px Space Grotesk,sans-serif;color:#788d90;letter-spacing:.09em;white-space:nowrap}#adsr-svg{width:100%;height:172px;touch-action:none;-webkit-user-select:none;user-select:none;overflow:visible;cursor:crosshair;border-radius:7px;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#344042 25%)}.adsr-guide{fill:none;stroke:#435554;stroke-width:1;stroke-dasharray:3 6}.adsr-line{fill:none;stroke:#c4e4b7;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.adsr-fill{fill:#a2d7b214;stroke:none}.adsr-handle{fill:#cbe5bb;stroke:#476856;stroke-width:4px;cursor:grab;filter:drop-shadow(0 0 7px #c2e7bb70)}.adsr-labels{display:flex;justify-content:space-between;color:#839b92;font:700 9px Space Grotesk,sans-serif;letter-spacing:.05em}.adsr-labels b{color:#d5e7d6;font-weight:600}.fx-xy{height:158px;position:relative;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;border:1px solid #4d6061;border-radius:8px;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#2e4446 25%),repeating-linear-gradient(0deg,#1a3031,#1a3031 calc(25% - 1px),#2e4446 25%)}.fx-xy:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 70% 25%,rgba(151,185,188,.16),transparent 72%);pointer-events:none}.fx-edge{position:absolute;font:700 8px Space Grotesk,sans-serif;letter-spacing:.09em;color:#8fa5a7;z-index:2;pointer-events:none}.fx-edge-left{left:9px;top:50%;transform:translateY(-50%)}.fx-edge-right{right:9px;top:50%;transform:translateY(-50%)}.fx-edge-top{top:8px;left:50%;transform:translate(-50%)}.fx-edge-bottom{bottom:8px;left:50%;transform:translate(-50%)}.fx-orb{position:absolute;left:45%;top:50%;transform:translate(-50%,-50%);width:31px;height:31px;border:1px solid #b4d3d6;border-radius:50%;z-index:3;pointer-events:none;background:radial-gradient(circle at 35% 30%,#c6e9db,#759995 70%,#4c6f69);box-shadow:0 0 22px #98d1c164}.fx-slider{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#8aa29c;font:700 9px Space Grotesk,sans-serif;letter-spacing:.07em;white-space:nowrap;min-height:25px}.fx-slider input{min-width:0;flex:1;accent-color:#bcd9bd;height:16px}.fx-sliders{display:flex;gap:10px}.fx-sliders .fx-slider{flex:1;gap:6px}.delay-xy{border-color:#65534a;background:repeating-linear-gradient(90deg,transparent,transparent calc(25% - 1px),#433c38 25%),repeating-linear-gradient(0deg,#2b2726,#2b2726 calc(25% - 1px),#433c38 25%)}.delay-xy:after{background:radial-gradient(circle at 30% 20%,rgba(235,187,135,.18),transparent 76%)}.delay-orb{background:radial-gradient(circle at 32% 22%,#ffe5ba,#bc8262 66%,#634739);border-color:#d7b397;width:34px;height:34px;box-shadow:0 0 16px #e6c59c66}@media(max-width:1100px){.instrument{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 194px;gap:8px;min-height:235px;height:36vh}.macro-grid{padding:3px}.xy-edge-label{font-size:8px}.knob-touch{width:min(72px,100%)}}@media(max-width:840px){.instrument{grid-template-columns:minmax(0,1fr) minmax(0,1fr);height:285px;min-height:0}.macros-frame{grid-column:span 2;height:155px}.instrument{height:auto}.xy-frame{height:255px}.macro-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr}.knob-touch{width:70px}.expressive-row{grid-template-columns:1fr 1fr}.expressive-row .fx-card:first-child{grid-column:span 2}#adsr-svg{height:155px}}@media(max-width:615px){.instrument{display:flex;flex-direction:column}.xy-frame{height:250px}.xy-field{min-height:213px}.macros-frame{height:152px}.expressive-row{grid-template-columns:1fr}.expressive-row .fx-card:first-child{grid-column:span 1}.fx-xy{height:180px}.fx-sub{font-size:8px}.screen-pitch-guide{width:92px;top:-14px;bottom:-14px}.screen-fret{width:64px}.screen-live-line{width:70px}.screen-fret-label{font-size:9px}.screen-bend-readout{font-size:10px;right:10px}}.note-pad{touch-action:none;-webkit-user-select:none;user-select:none}.note-pad.has-pitch-guides{border-color:#d9e8c4}.pitch-fretboard{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden;pointer-events:none;border-radius:inherit;background:#0f1f1c2b;animation:pitch-reveal .15s ease-out}@keyframes pitch-reveal{0%{opacity:0}to{opacity:1}}.pitch-fret{position:absolute;left:4px;right:4px;height:0;border-top:1px solid rgba(25,63,48,.23)}.pitch-fret.is-root{border-top:1px solid rgba(34,83,58,.72)}.pitch-fret.is-octave{border-top:1px solid rgba(30,79,55,.55)}.pitch-fret.is-nearest{border-top:1px solid rgba(245,255,216,.88);box-shadow:0 0 6px #f5ffde8c}.pitch-fret-label{position:absolute;right:2px;bottom:1px;color:#16402eba;font:700 8px/1 Space Grotesk,sans-serif;letter-spacing:.015em;text-shadow:0 1px 5px rgba(225,248,216,.6)}.pitch-fret.is-nearest .pitch-fret-label{color:#173d2b;background:#e2f6d1bf;border-radius:2px;padding:1px 2px}.pitch-live-line{position:absolute;left:0;right:0;border-top:2px solid rgba(255,255,240,.96);height:0;box-shadow:0 0 5px #efffe1;transform:translateY(-1px)}.pitch-bend-readout{position:absolute;top:5px;right:4px;padding:4px 5px;z-index:2;border-radius:4px;background:#133023de;color:#e9ffe0;font:700 10px/1 Space Grotesk,sans-serif;letter-spacing:.025em;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 1px 6px #0c1b1540}.pitch-bend-readout b{font-size:8px;color:#c1dfbd;font-weight:500}@media(max-width:840px){.pitch-bend-readout{font-size:9px;padding:4px}.pitch-bend-readout b,.pitch-fret-label{font-size:7px}}.instrument{height:clamp(305px,43vh,455px)}.xy-frame{min-height:0}.xy-heading{flex:0 0 30px}.motion-track{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible;opacity:.65}.motion-path-shadow{fill:none;stroke:#071910;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.motion-path-line{fill:none;stroke:#b1e4b8;stroke-width:.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1.3 .65;vector-effect:non-scaling-stroke}.motion-coral .motion-path-line{stroke:#f5b0a1}.motion-start{fill:#d9ffcb;stroke:#153d2a;stroke-width:.5}.motion-end{fill:#20332d;stroke:#ddf5b5;stroke-width:.6}.motion-coral .motion-start{fill:#f7c4b3}.motion-orb{position:absolute;top:70%;left:25%;height:16px;width:16px;transform:translate(-50%,-50%);border:1px solid #e2f7d8;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f5fff0,#91c9a5 60%,#4f906a);box-shadow:0 0 13px #93f5b899;pointer-events:none;z-index:6;will-change:left,top}.motion-orb-coral{background:radial-gradient(circle at 32% 23%,#ffe3d4,#dd9d90 65%,#98696e);border-color:#ffdfca;box-shadow:0 0 13px #fd978488}.motion-draw-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;touch-action:none;cursor:crosshair;background:#2032301f}.motion-draw-hint{position:absolute;z-index:10;pointer-events:none;top:15px;left:50%;transform:translate(-50%);color:#e6ffdd;background:#192a2acb;white-space:nowrap;padding:8px 10px;border-radius:5px;font:700 9px Space Grotesk,sans-serif;letter-spacing:.06em}.motion-controls{display:flex;align-items:center;gap:8px;flex:0 0 35px;min-width:0;padding:5px 2px 0}.motion-switch,.motion-draw-button{height:28px;border:1px solid #415853;background:#1f2d30;color:#a2baa9;border-radius:6px;font:700 9px Space Grotesk,sans-serif;white-space:nowrap;padding:0 9px;letter-spacing:.02em}.motion-switch.is-active{background:#385a43;color:#e1ffda;border-color:#9bd5a4}.motion-draw-button.is-drawing{background:#bcd9c1;color:#1c332c}.xy-fold .motion-switch.is-active{background:#684b4b;border-color:#e6a1a0;color:#fff1e8}.motion-friction{color:#899c97;font:700 9px Space Grotesk,sans-serif;display:flex;align-items:center;gap:5px;flex:1;min-width:0}.motion-friction input{accent-color:#b7d7b1;width:100%;height:24px;min-width:20px;touch-action:pan-x}.motion-friction span{font-variant-numeric:tabular-nums;color:#afc7b1;width:19px;text-align:right}@media(max-width:1100px){.instrument{height:clamp(312px,45vh,430px)}.motion-controls{gap:4px}.motion-switch,.motion-draw-button{padding:0 5px;font-size:8px}}@media(max-width:840px){.instrument{height:auto}.xy-frame{height:300px}.xy-field{min-height:200px}}@media(max-width:615px){.xy-frame{height:285px}.motion-controls{gap:9px}}.fx-slider{min-width:0;max-width:100%}.fx-slider input[type=range]{width:0;min-width:0;flex:1 1 0}.screen-pitch-guide{position:absolute;top:-22px;bottom:-22px;right:-2px;width:110px;z-index:8;pointer-events:none;border-radius:12px;background:linear-gradient(90deg,#09141200,#0b1a162e 22%,#0e1f1cc2 60%,#0e1f1ceb);box-shadow:inset 1px 0 #abd4b914;animation:pitch-reveal .12s ease-out}.screen-pitch-rail{position:absolute;top:10px;bottom:10px;right:18px;width:2px;border-radius:999px;background:linear-gradient(180deg,#cbe5bb2e,#cbe5bb80,#cbe5bb2e);box-shadow:0 0 10px #bee6cc1f}.screen-pitch-notch-rail{position:absolute;top:10px;bottom:10px;right:0;width:16px;background:linear-gradient(180deg,#d8eddd1f,#d8eddd05);border-top-right-radius:12px;border-bottom-right-radius:12px}.screen-fret{position:absolute;right:18px;width:78px;height:0;border-top:1px solid rgba(154,196,171,.22);transform:translateY(-.5px)}.screen-fret:after{content:"";position:absolute;right:-18px;top:-1px;width:12px;border-top:1px solid rgba(196,231,210,.35)}.screen-fret.is-root{border-top-color:#bce5c894}.screen-fret.is-root:after{border-top-color:#dbf2e2ad}.screen-fret.is-octave{border-top-color:#a8d4c26b}.screen-fret.is-nearest{border-top-color:#faffecf2;box-shadow:0 0 8px #f5ffe473}.screen-fret.is-nearest:after{border-top-color:#faffecf2}.screen-fret-label{position:absolute;right:18px;top:-8px;padding:2px 5px;border-radius:999px;background:#122a22b8;color:#cfe6d4;font:700 10px/1 Space Grotesk,sans-serif;letter-spacing:.02em;white-space:nowrap}.screen-fret.is-nearest .screen-fret-label{background:#e1f4d3e0;color:#173d2b}.screen-live-line{position:absolute;right:18px;width:86px;border-top:2px solid rgba(255,255,244,.98);box-shadow:0 0 8px #f7ffea8c;transform:translateY(-1px)}.screen-live-line:after{content:"";position:absolute;right:-18px;top:-1px;width:16px;border-top:2px solid rgba(255,255,244,.98)}.screen-bend-readout{position:absolute;right:14px;top:10px;padding:6px 8px;border-radius:8px;background:#10261fe6;color:#efffe8;font:700 11px/1 Space Grotesk,sans-serif;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 2px 12px #0a161247}.screen-bend-readout b{font-size:9px;color:#c3e2c6;font-weight:600}.bend-controls{display:flex;align-items:center;gap:7px;padding:4px 5px 4px 8px;border:1px solid rgba(155,183,170,.25);border-radius:8px;background:linear-gradient(180deg,#273835bf,#1b2a29f0);min-height:38px;white-space:nowrap}.bend-control-label{color:#91a9a2;font:700 8px/1 Space Grotesk,sans-serif;letter-spacing:.11em}.bend-range-buttons{display:flex;gap:2px;background:#09181661;border:1px solid rgba(169,203,180,.12);border-radius:5px;padding:2px}.bend-range-button{min-width:36px;height:29px;padding:0 4px;border:1px solid transparent;border-radius:4px;color:#9cafa4;background:transparent;font:700 10px/1 Space Grotesk,sans-serif;letter-spacing:.025em;font-variant-numeric:tabular-nums;transition:background-color .1s ease,color .1s ease,border-color .1s ease}.bend-range-button.selected{color:#e4f0df;background:#88b09340;border-color:#a8d3af47;box-shadow:inset 0 1px #d7f5d21a}.snap-button{display:flex;align-items:center;justify-content:center;gap:5px;height:29px;padding:0 7px;color:#91aaa0;background:#1c2a29cc;border:1px solid rgba(155,183,170,.22);border-radius:5px;font:700 9px/1 Space Grotesk,sans-serif;letter-spacing:.05em;white-space:nowrap;transition:background-color .1s ease,color .1s ease,border-color .1s ease}.snap-button .snap-glyph{font-size:14px;line-height:1;color:#789b86}.snap-button .snap-status{color:#7c948a;font-size:8px}.snap-button.is-active{color:#e2f3dc;background:#6d9c773d;border-color:#a2d7aa94}.snap-button.is-active .snap-glyph,.snap-button.is-active .snap-status{color:#b4dfb2}.bend-range-button:focus-visible,.snap-button:focus-visible{outline:2px solid #c7e4b9;outline-offset:2px}@media(max-width:1190px){.play-toolbar{flex-wrap:wrap}.play-options{flex-wrap:wrap;gap:8px}.bend-controls{min-height:35px}}@media(max-width:840px){.play-options{justify-content:flex-start;flex:1}.bend-controls{padding:3px 4px 3px 6px;gap:5px}.bend-range-button{min-width:34px}}@media(max-width:615px){.bend-controls{flex-wrap:wrap;width:auto}.bend-control-label{width:100%}}.screen-pitch-guide{position:fixed;top:0;bottom:0;right:max(0px,env(safe-area-inset-right));left:auto;width:101px;height:100dvh;z-index:45;pointer-events:none;border-radius:0;background:linear-gradient(90deg,transparent 0%,rgba(13,29,25,.15) 12%,rgba(14,30,27,.57) 48%,rgba(13,27,24,.85) 100%);box-shadow:inset -1px 0 #dbf1e21f;animation:pitch-reveal .12s ease-out;overflow:hidden;contain:layout paint}.screen-pitch-rail{position:absolute;top:42px;bottom:12px;right:13px;width:1px;background:linear-gradient(180deg,#b4d5bc17,#b7ddbf7a,#b4d5bc1f);box-shadow:none}.screen-pitch-notch-rail{position:absolute;top:42px;bottom:12px;right:0;width:6px;background:linear-gradient(90deg,transparent,rgba(194,227,204,.08));border-radius:0}.screen-pitch-caption{position:absolute;z-index:4;right:14px;top:max(12px,env(safe-area-inset-top));padding:4px 0;font:700 8px/1 Space Grotesk,sans-serif;letter-spacing:.1em;color:#abc2af;white-space:nowrap}.screen-fret{position:absolute;right:13px;width:63px;height:0;border-top:1px solid rgba(171,205,177,.2);transform:translateY(-.5px)}.screen-fret:after{content:"";position:absolute;right:-13px;top:-1px;width:9px;border-top:1px solid rgba(206,227,209,.28)}.screen-fret.is-root{border-top-color:#bee2be96}.screen-fret.is-octave{border-top-color:#bfddc761}.screen-fret.is-nearest{border-top-color:#e2f4d7e6;box-shadow:0 0 6px #cef3d724}.screen-fret.is-nearest:after{border-top-color:#f4ffe9eb}.screen-fret-label{position:absolute;right:11px;top:-7px;padding:2px 4px;border-radius:4px;background:#132822a8;color:#b3cdbd;font:600 9px/1 Space Grotesk,sans-serif;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.screen-fret.is-nearest .screen-fret-label{color:#e4f8da;background:#386545eb;box-shadow:0 0 8px #b2e8b614}.screen-live-line{position:absolute;right:13px;width:69px;height:0;border-top:1.5px solid rgba(244,255,227,.95);box-shadow:0 0 6px #dcf5d92e;transform:translateY(-1px)}.screen-live-line:after{content:"";position:absolute;right:-13px;top:-1px;width:13px;border-top:2px solid rgba(246,255,228,.95)}.screen-bend-readout{position:absolute;right:13px;top:34px;padding:6px;border-radius:5px;border:1px solid rgba(180,223,181,.24);background:#142b23db;color:#f0ffe7;font:700 11px/1 Space Grotesk,sans-serif;letter-spacing:.02em;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:none}.screen-bend-readout b{color:#bcd8bd;font-size:9px;font-weight:500}.note-pad .pad-bend{transform:none!important}@media(max-width:615px){.screen-pitch-guide{width:88px}.screen-fret{width:54px}.screen-live-line{width:60px}.screen-fret-label{font-size:8px}.screen-bend-readout{font-size:10px}}.screen-pitch-guide{clip-path:inset(79px 0 0 0)}.screen-pitch-rail,.screen-pitch-notch-rail{top:82px}.screen-pitch-caption{top:86px}.screen-bend-readout{top:106px}.motion-track{opacity:.65}.motion-path-shadow,.motion-start,.motion-end{display:none}.motion-path-line{stroke-width:1.45px;stroke-dasharray:none;vector-effect:non-scaling-stroke;opacity:.8}.expressive-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.85fr);align-items:start;gap:12px}.fx-chain{display:flex;flex-direction:column;gap:8px;min-width:0}.fx-chain-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a1b9b1;padding:3px 3px 0}.fx-stage{display:flex;flex-direction:column;min-width:0;gap:5px}.fx-stage-heading{display:flex;align-items:center;justify-content:space-between;color:#96a99f;font:700 9px Space Grotesk,sans-serif;letter-spacing:.08em;padding:0 3px}.fx-stage-heading button{border:1px solid #456054;background:#243731;border-radius:6px;color:#d0e4c9;min-height:29px;padding:0 13px;font:700 9px Space Grotesk,sans-serif;letter-spacing:.055em;cursor:pointer}.fx-stage>.fx-card{width:100%}.fx-stage .fx-xy{height:132px}.fx-stage .fx-sliders{flex-wrap:wrap}.fx-stage .fx-slider{min-width:120px}.delay-orb.is-triggered{animation:delay-trigger .38s ease-out}@keyframes delay-trigger{0%{box-shadow:0 0 #ffcf8fd9,0 0 24px #daa471}to{box-shadow:0 0 0 26px #ffcf8f00,0 0 10px #b8866255}}@media(max-width:840px){.expressive-row{grid-template-columns:1fr}.expressive-row .fx-card:first-child{grid-column:auto}.fx-chain{width:100%}.fx-stage .fx-xy{height:155px}}.model-workbench{display:grid;grid-template-columns:minmax(125px,.9fr) minmax(0,2.6fr) minmax(125px,.9fr);align-items:center;gap:13px;margin:5px 0 14px;padding:13px 16px;background:linear-gradient(115deg,#253935ed,#18282af0);border:1px solid #43564c;border-radius:10px;min-width:0}.model-intro{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px}.model-note{font:600 9px Space Grotesk,sans-serif;letter-spacing:.06em;color:#8da79c}.model-select{display:flex;flex-direction:column;gap:6px;min-width:0;color:#b0cabb;font:700 9px Space Grotesk,sans-serif;letter-spacing:.09em}.model-select select{color:#e0efdf;background:#192e2a;border:1px solid #536c60;border-radius:6px;min-height:38px;width:100%;font:700 12px Space Grotesk,sans-serif;padding:0 8px;outline-offset:2px}.model-morph{display:flex;flex-direction:column;gap:6px;min-width:0}.morph-titles{display:flex;align-items:center;justify-content:space-between;gap:5px;font:700 9px Space Grotesk,sans-serif;letter-spacing:.06em;color:#d4e9d5}.morph-titles strong{color:#a9c5b3;font-size:10px}.model-morph input{width:100%;height:22px;accent-color:#c4e0b8;touch-action:pan-x}.morph-description{text-align:center;font:500 9px Space Grotesk,sans-serif;color:#8ca99d;white-space:normal;min-height:12px}.morph-description span{padding:0 5px;color:#c2ddb6}@media(max-width:615px){.model-workbench{gap:7px;padding:10px 8px;grid-template-columns:minmax(84px,1fr) minmax(90px,1.3fr) minmax(84px,1fr)}.model-select select{font-size:10px;min-height:34px}.model-note{font-size:8px}.morph-description{display:none}}.delay-xy .motion-track{z-index:2;opacity:.8}.delay-xy .motion-path-line{stroke:#e7bd9c;stroke-width:1.5px;stroke-dasharray:none;opacity:.83}.delay-xy .motion-orb-coral{width:19px;height:19px;z-index:5;background:radial-gradient(circle at 31% 27%,#f8e3c7,#c98e6a 62%,#744a40);border-color:#f0d4b4;box-shadow:0 0 14px #dca78f66}.delay-xy .delay-orb{width:12px;height:12px;opacity:.5;border:1px solid #e4bf9c;box-shadow:none;z-index:4;transition:opacity .15s}.delay-fx .motion-controls{width:100%;padding:3px 0 2px;flex-wrap:wrap}.delay-fx .motion-friction{min-width:105px}.delay-fx .fx-sliders{margin-top:2px}@media(max-width:615px){.delay-fx .motion-friction{min-width:110px}}.delay-xy:not(.is-automated):not(.is-drawing) .motion-orb{opacity:0}.delay-xy.is-automated .delay-orb{opacity:0}.delay-xy.is-drawing .delay-orb{opacity:.32}.delay-xy.is-manual .delay-orb{opacity:1}.delay-xy.is-manual .motion-orb{opacity:0}.fx-stage-actions{display:flex;align-items:center;gap:7px}.fx-power{border:1px solid #52665f;background:#25302c;color:#839990;border-radius:6px;padding:6px 10px;min-width:55px;min-height:30px;letter-spacing:.06em;font:700 10px Space Grotesk,sans-serif;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.fx-power.is-on{background:#30483b;color:#cce9c6;border-color:#6c9878;box-shadow:inset 0 0 0 1px #45694d44}.fx-power:focus-visible{outline:2px solid #cce9c6;outline-offset:2px}@media(max-width:615px){.fx-stage-actions{gap:4px}.fx-power{min-width:52px;padding:6px}}.play-mode-button{min-height:34px;border:1px solid #506c65;border-radius:7px;background:#263b39;color:#bad8c6;font:700 9px Space Grotesk,sans-serif;letter-spacing:.075em;padding:0 10px;white-space:nowrap}.play-mode-button.is-active{border-color:#b8dcac;background:#334e42;color:#e0f9d3;box-shadow:inset 0 0 0 1px #bbdfac1f}.repeat-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:12;display:flex;flex-direction:column;border:1px solid rgba(164,213,176,.42);border-radius:10px;padding:7px;background:#122522e0;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:0 12px 36px #0712114d;touch-action:none;-webkit-user-select:none;user-select:none}.repeat-top{display:flex;justify-content:space-between;gap:8px;color:#badac0;font:700 9px Space Grotesk,sans-serif;letter-spacing:.06em;margin-bottom:4px}.repeat-top span:last-child{color:#e5f9d9;white-space:nowrap}.repeat-touch{position:relative;flex:1;min-height:50px;border-radius:6px;touch-action:none;background:linear-gradient(100deg,#2a434066,#4c705929),repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(185,212,192,.06) 12.5%);overflow:hidden;cursor:crosshair}.repeat-vel-line{position:absolute;left:0;right:0;height:0;border-top:1px solid rgba(169,213,182,.17);pointer-events:none}.repeat-vel-line i{position:absolute;right:7px;top:-11px;font:500 9px Space Grotesk,sans-serif;color:#8db39c;font-style:normal}.repeat-orb{position:absolute;width:26px;height:26px;transform:translate(-50%,-50%);border:1px solid #e9f9d8;border-radius:50%;background:radial-gradient(circle at 38% 30%,#dffbd1,#89c9a0 75%);box-shadow:0 0 15px #9aeab166;pointer-events:none}.repeat-xy-axis{position:absolute;pointer-events:none;color:#93bba5;font:600 9px Space Grotesk,sans-serif;letter-spacing:.08em;opacity:.75}.repeat-xy-left{left:8px;bottom:7px}.repeat-xy-right{right:8px;bottom:7px}.repeat-xy-top{left:8px;top:7px}.repeat-xy-bottom{left:8px;bottom:7px;transform:translateY(-17px)}.repeat-notes{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding-top:6px}.repeat-notes button{touch-action:manipulation;min-width:0;min-height:28px;border-radius:5px;border:1px solid #445c53;color:#b5c7b8;background:#283a37;font:700 11px Space Grotesk,sans-serif}.repeat-notes button.is-active{background:#bfe2b4;color:#223e2f;border-color:#d3f4c6}.seq-panel{margin-top:12px;border:1px solid #465b55;background:linear-gradient(140deg,#1d2e2c,#1a2628);border-radius:10px;padding:12px}.seq-toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:12px}.seq-toolbar .micro-label{margin-right:auto}.seq-toolbar button{min-height:31px;border-radius:5px;border:1px solid #52675e;background:#2c403c;color:#bcd7c5;font:700 10px Space Grotesk,sans-serif;padding:0 12px;letter-spacing:.055em}.seq-toolbar .seq-play{background:#bfe0b1;color:#183728;border-color:#bfe0b1}.seq-toolbar .seq-play.is-running{background:#496b55;color:#e6f5de}.seq-bpm{display:flex;align-items:center;gap:8px;font:700 9px Space Grotesk,sans-serif;color:#aac7b4;letter-spacing:.07em}.seq-bpm input{width:58px;min-height:30px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;border-radius:5px;border:1px solid #567368;background:#1b2b2a;color:#f0fae9;font:700 12px Space Grotesk,sans-serif;text-align:center}.seq-grid{display:flex;flex-direction:column;gap:5px;touch-action:none;-webkit-user-select:none;user-select:none}.seq-row{display:grid;grid-template-columns:56px repeat(var(--steps),minmax(0,1fr));gap:4px;align-items:center;min-height:30px}.seq-row-label{font:700 10px Space Grotesk,sans-serif;color:#c9dec9;white-space:nowrap}.seq-step{height:30px;min-width:0;touch-action:none;background:#304440;border:1px solid #4b635c;border-radius:4px;cursor:pointer;padding:0;transition:background .06s,border-color .06s}.seq-step.is-beat{background:#364b45}.seq-step.is-on{background:linear-gradient(135deg,#b8e0ab,#6caa86);border-color:#d1f1c4}.seq-step.is-current{outline:2px solid #f4dcc1;outline-offset:-2px}.seq-step.is-on.is-current{box-shadow:0 0 14px #b4e2a95c}.seq-hint{display:block;margin-top:10px;font:600 9px Space Grotesk,sans-serif;color:#7d9b8d;letter-spacing:.07em}@media(max-width:940px){.play-toolbar,.play-options{flex-wrap:wrap;justify-content:flex-start;gap:7px}.play-mode-button{min-height:32px}.seq-row{grid-template-columns:38px repeat(var(--steps),minmax(0,1fr));gap:3px}.seq-step{height:26px}.seq-panel{padding:8px}}@media(max-width:615px){.repeat-layer{min-height:180px}.pad-zone:has(.repeat-layer) .pad-grid{min-height:180px}.repeat-notes button{min-height:33px}.seq-toolbar{gap:6px}.seq-toolbar button{padding:0 8px}.seq-step{height:24px}}.repeat-floating{position:fixed;z-index:65;width:min(390px,calc(100vw - 16px));height:348px;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid rgba(192,232,198,.35);border-radius:14px;background:#122422c7;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);box-shadow:0 16px 48px #040f0c78;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.repeat-floating .repeat-top{min-height:22px;margin:0;align-items:center}.repeat-drag-handle{touch-action:none;cursor:grab;border-radius:6px;padding:4px 1px}.repeat-drag-handle:active{cursor:grabbing}.repeat-drag-handle small{margin-left:7px;font:500 8px Space Grotesk,sans-serif;color:#769d8a}.repeat-toolbar{display:flex;gap:8px;align-items:center;color:#83ac95;font:700 9px Space Grotesk,sans-serif;letter-spacing:.065em}.repeat-lock,.repeat-close{min-height:28px;padding:0 9px;border:1px solid #47665b;border-radius:6px;color:#a4c6b1;background:#1f3c30cc;font:700 9px Space Grotesk,sans-serif}.repeat-lock.is-on{background:#97d3a038;color:#d6f1d3;border-color:#a7d7b0}.repeat-close{margin-left:auto;font-size:19px;min-width:30px}.repeat-floating .repeat-touch{min-height:202px;flex:1;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),rgba(191,230,204,.065) 12.5%),linear-gradient(110deg,#183b3080,#18403933);overflow:hidden}.repeat-pitch-line{position:absolute;left:0;right:0;height:0;border-top:1px solid rgba(179,210,182,.18);pointer-events:none;z-index:1}.repeat-pitch-line:after{content:"";position:absolute;right:0;top:-1px;width:25px;border-top:1px solid rgba(199,238,198,.5)}.repeat-pitch-line.is-current{border-top-color:#e1ffe3ab;box-shadow:0 0 8px #d0f4c82e}.repeat-pitch-line.is-current:after{border-color:#d5f8d1}.repeat-pitch-line.is-octave:after{width:35px}.repeat-pitch-line i{position:absolute;right:4px;top:-10px;padding:2px 4px;border-radius:4px;font:600 10px Space Grotesk,sans-serif;font-style:normal;color:#a9c8b7;background:#152f25ad}.repeat-pitch-line.is-current i{color:#f0ffe5;background:#396742e6}.repeat-floating .repeat-orb{z-index:2;width:21px;height:21px;box-shadow:0 0 13px #c1f1b84d}.repeat-footer{display:flex;flex-direction:column;gap:5px}.repeat-footer-label{font:700 9px Space Grotesk,sans-serif;color:#88aa94;letter-spacing:.07em}.repeat-floating .repeat-notes{padding:0;gap:4px}.repeat-floating .repeat-notes button{font-size:10px;min-height:30px}.repeat-hint{font:500 8px Space Grotesk,sans-serif;color:#92b7a0;letter-spacing:.045em;text-align:center}@media(max-width:600px){.repeat-floating{height:310px;padding:8px}.repeat-floating .repeat-touch{min-height:172px}.repeat-toolbar{gap:6px}.repeat-drag-handle small{display:none}.repeat-pitch-line i{font-size:9px}}.repeat-floating{background:#122422ba;border-color:#c1e5c840;box-shadow:0 14px 42px #050f0c59,inset 0 1px #dcfcda09}.repeat-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border-radius:8px;background:#091d179e;border:1px solid rgba(184,225,193,.14)}.repeat-mode-switch button{border:0;background:transparent;color:#7fa892;border-radius:6px;min-height:34px;font:700 10px Space Grotesk,sans-serif;letter-spacing:.07em;touch-action:manipulation}.repeat-mode-switch button.is-on{color:#e0f7d9;background:linear-gradient(135deg,#345547,#2a483f);box-shadow:inset 0 0 0 1px #b7e7b92e}.repeat-floating .repeat-touch{background:linear-gradient(90deg,#15292263,#25433352);border:1px solid rgba(174,213,185,.1)}.repeat-floating .repeat-pitch-line:after{width:32px;border-top-color:#d3eed37a}.repeat-floating .repeat-pitch-line.is-current:after{width:41px}.repeat-floating .repeat-orb{width:18px;height:18px;box-shadow:0 0 0 7px #bcebbd13,0 0 16px #c1f1b845}.repeat-floating .repeat-hint{line-height:1.4}@media(max-width:600px){.repeat-floating{height:328px}.repeat-floating .repeat-touch{min-height:160px}.repeat-mode-switch button{min-height:32px;font-size:9px}}.fx-stage-heading .fx-arrow{min-width:32px;padding:0 8px;font-size:17px;line-height:1}.fx-stage-heading .fx-arrow:disabled{opacity:.27;cursor:default}.fx-stage-heading .fx-arrow:not(:disabled):active{background:#426458}.crusher-xy{border-color:#685c74;background:radial-gradient(ellipse at 68% 22%,rgba(163,135,192,.17),transparent 70%),repeating-linear-gradient(0deg,#24232c,#24232c calc(25% - 1px),#423e4c 25%)}.crusher-orb{background:radial-gradient(circle at 32% 25%,#ebd9f7,#9e86bc 64%,#544462);border-color:#cab5dc;box-shadow:0 0 18px #c0a4e15c}.fx-stage-actions{flex-wrap:nowrap}@media(max-width:615px){.fx-stage-heading .fx-arrow{min-width:30px;padding:0 7px}}.xy-field,.fx-xy,.motion-draw-layer{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:contain}html.vela-xy-scroll-locked,body.vela-xy-scroll-locked{overscroll-behavior:none}.xy-field.is-touch-steering .xy-pointer{transition:none!important;will-change:left,top}.xy-field>.motion-orb,.crusher-xy>.motion-orb{opacity:0}.xy-field>.motion-orb[data-motion-active=true],.crusher-xy>.motion-orb[data-motion-active=true]{opacity:1}.xy-field:has(>.motion-orb[data-motion-active=true])>.xy-pointer,.crusher-xy:has(>.motion-orb[data-motion-active=true])>.crusher-orb{visibility:hidden}