:root{--bg: #24292b;--bg-glow: #e3d4bc;--specular: #f5f0e8;--fg: #c7c5c5;--panel: #242727;--panel-alt: #2e323a;--border: #a5a5a6;--text: #e5e9d9;--accent: #3fd0c9;--accent2: #e0a030;--power-btn-hover-border: var(--accent);--power-btn-hover-glow: 0 0 14px 4px var(--accent);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}*{box-sizing:border-box;user-select:none;-webkit-user-select:none}html,body{touch-action:pan-y;overflow-x:clip;background:#000}html{overflow-x:hidden}input[type=checkbox]{accent-color:var(--accent2)}input[type=range]{accent-color:var(--accent)}body{margin:0;isolation:isolate;background:radial-gradient(ellipse 680% 280% at 50% 105%, var(--specular) 0%, var(--bg-glow) 6%, color-mix(in srgb, var(--bg-glow) 72%, var(--bg)) 10%, color-mix(in srgb, var(--bg-glow) 49%, var(--bg)) 20%, color-mix(in srgb, var(--bg-glow) 25%, var(--bg)) 33%, color-mix(in srgb, var(--bg-glow) 6%, var(--bg)) 49%, var(--bg) 65%);background-attachment:fixed;color:var(--text);padding:16px;display:grid;grid-template-columns:repeat(3, minmax(260px, 1fr));grid-template-areas:"heading master midi" "keyboard keyboard library" "params params params";gap:12px}body::before{content:"";position:absolute;top:-120px;left:-100px;z-index:-1;width:800px;aspect-ratio:220/180;background:url("logosketch_white.svg") center/contain no-repeat;opacity:.2;pointer-events:none;transform:rotate(-22deg)}#app{display:contents}h1{font-size:2.475rem;margin:0;font-weight:600}.ambionix-chrome-logo{display:block;height:18px}#topbar{grid-area:heading;position:relative;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;border-radius:8px;min-height:108px;padding:10px 16px 68px}.topbar-links{position:absolute;left:16px;bottom:10px;display:flex;align-items:center;gap:12px}.topbar-right{display:contents}.topbar-description{margin:0}.topbar-title{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.topbar-product-info{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.topbar-links a{color:#fff;font-size:.6rem;text-decoration:underline}.topbar-language{position:absolute;top:10px;right:16px}.topbar-logo{position:absolute;right:16px;bottom:10px}#masterPanel{grid-area:master;display:flex;flex-direction:column}#midiPanel{grid-area:midi}#midiPanel .panel-row{gap:0}#midiPanel.midi-panel-disabled{filter:grayscale(1);opacity:.65}#masterPanel .panel-row{gap:0;flex:1;justify-content:center}#masterPanel .panel-header{align-items:flex-start}.panel-row{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.power-btn{background:var(--panel-alt);color:var(--accent);border:1px solid var(--border);border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px}.power-btn:hover{border-color:var(--power-btn-hover-border);box-shadow:var(--power-btn-hover-glow)}.power-btn.on{background:var(--accent);color:var(--bg);box-shadow:0 0 6px 2px var(--accent)}.power-btn.glow-cue{animation:power-btn-glow-cue 1s infinite}@keyframes power-btn-glow-cue{0%{border-color:var(--border);box-shadow:none;animation-timing-function:step-end}25%{border-color:var(--power-btn-hover-border);box-shadow:var(--power-btn-hover-glow);animation-timing-function:step-end}75%{border-color:var(--border);box-shadow:none}100%{border-color:var(--border);box-shadow:none}}.panic-btn{background:#e0554a;color:var(--bg);border:1px solid #e0554a;border-radius:4px;padding:6px 12px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;gap:6px}.panic-btn:hover{box-shadow:0 0 6px 2px #e0554a}.power-hint{position:absolute;top:0;left:0;width:260px;height:260px;pointer-events:none;color:var(--accent2);z-index:1000;animation:power-hint-push 1s ease-in-out infinite}.power-hint svg{width:100%;height:100%;display:block}.power-hint.hidden{display:none}@keyframes power-hint-push{0%,100%{transform:translateY(0)}50%{transform:translateY(-90px)}}@media(prefers-reduced-motion: reduce){.power-hint{animation:none}.power-btn.glow-cue{animation:none}}.power-btn svg,.panic-btn svg{display:block;width:16px;height:16px;flex-shrink:0}.block-title svg,.ctrl-row label svg,.dco-alt-waveform-heading label svg,.keyboard-panel-controls label svg{width:1em;height:1em;vertical-align:-0.15em;margin-left:4px}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.octave-control{display:flex;justify-content:center;align-items:center;gap:8px}.octave-control button{background:var(--panel-alt);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:4px 10px;cursor:pointer}#octaveDisplay{min-width:2.5em;text-align:center;font-variant-numeric:tabular-nums;color:var(--accent2);font-weight:600}#libraryPanel{grid-area:library;display:grid;container-type:inline-size}#libraryPanel>.block-title{grid-area:1/1;align-self:start;z-index:1}#libraryPanel>div:last-child{grid-area:1/1;display:flex;flex-direction:column;justify-content:center}.preset-btn{background:var(--panel);border:1px solid var(--accent2);color:var(--accent2);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.85rem}.preset-btn:hover{background:var(--accent2);color:var(--bg);box-shadow:0 0 6px 2px var(--accent2)}.preset-btn:disabled{opacity:.4;cursor:not-allowed;background:var(--panel);color:var(--accent2);box-shadow:none}.panel-grid{grid-area:params;display:grid;grid-template-columns:repeat(3, minmax(260px, 1fr));gap:12px}.line-column{display:flex;flex-direction:column;gap:12px}.panel{background:var(--panel);border-radius:8px;padding:10px 12px}.line-panel-inactive{filter:grayscale(1);opacity:.65;pointer-events:none}.power-off-panel{filter:grayscale(1);opacity:.65;pointer-events:none}#panel.power-off-panel .line-panel-inactive{opacity:1}.block-title{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text);margin-bottom:8px;font-weight:bold}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-header .block-title{margin-bottom:0}.panel-header-buttons{display:flex;align-items:center;gap:8px}.panel-header-control{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.midi-status{width:100%;margin-bottom:6px;text-align:center}.panel-actions{display:flex;align-items:center;gap:4px}.panel-action-btn{background:var(--panel-alt);border:1px solid var(--border);color:var(--text);font-size:.6rem;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:3px;cursor:pointer}.panel-action-btn:hover{border-color:var(--accent);color:var(--accent)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;background:#000}.icon-btn svg{display:block;width:18px;height:18px}.panel-action-btn.icon-btn{background:none}.preset-btn.icon-btn{padding:6px}.preset-btn.icon-btn svg{width:22px;height:22px}.ctrl-row{display:grid;grid-template-columns:30% 1fr auto;align-items:center;gap:8px;margin-bottom:6px;font-size:.9rem;width:100%}.ctrl-row label{color:var(--text)}.ctrl-row select,.ctrl-row input[type=range]{width:100%}.ctrl-row input[type=checkbox]{justify-self:start}.library-select-row{display:flex;justify-content:center;align-items:center;gap:6px;width:100%;margin-bottom:6px}.library-select-row select{flex:0 1 auto;width:100%;max-width:240px;min-width:0}#libraryPanel .btn-row{justify-content:center;margin-block:8px}.library-section{width:100%}.library-control-row{display:flex;flex-direction:column;align-items:center;gap:0}.library-control-row .btn-row,.library-control-row .library-select-row{flex:0 1 auto}@container (min-width: 520px){.library-control-row{flex-direction:row;justify-content:center;align-items:center;gap:8px}.library-control-row .library-select-row{width:240px}}.save-as-bank-select{max-width:240px}.wave-radio-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:6px}.wave-radio-option{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer}.wave-radio-option img{max-height:19.2px;display:block}.wave-radio-label{height:24px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text)}.wave-radio-option input{accent-color:var(--accent2)}.dco-alt-waveform-disabled,.wave-radio-row-disabled{filter:grayscale(1);opacity:.65}.dco-alt-waveform-heading{display:flex;justify-content:center;align-items:center;gap:6px;font-size:.7rem;color:var(--text);margin-bottom:4px}.envelope-block{background:var(--panel);border-radius:8px;padding:10px 12px}.env-section-heading{font-size:.7rem;color:var(--text);text-align:center;margin-bottom:4px}.env-canvas{display:block;width:100%;height:306px;background:#14161a;border-radius:4px;margin-bottom:8px;cursor:grab}.env-rate-canvas{display:block;width:100%;height:260px;background:#14161a;border-radius:4px;margin-top:8px;cursor:grab}.env-canvas.dragging,.env-rate-canvas.dragging{cursor:grabbing}.env-slider{width:100%;writing-mode:vertical-lr;direction:rtl;height:44px;accent-color:var(--accent)}.bend-wheel-wrap,.mod-wheel-wrap{display:flex;justify-content:center;flex-shrink:0}.bend-wheel,.mod-wheel{height:80px !important}.hidden{display:none}.tiny{font-size:.72rem;color:var(--text)}.edited-indicator{color:var(--accent2);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.panel-edited-indicator{color:var(--accent2);margin-left:2px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 18px}.edited-indicator svg,.panel-edited-indicator svg{display:block;width:18px;height:18px}.edited-indicator.hidden,.panel-edited-indicator.hidden{display:none}.value-readout{color:var(--text);min-width:2.6em;text-align:right;font-variant-numeric:tabular-nums}.kbd-track-label{display:flex;align-items:center;gap:6px;margin-top:6px}.kbd-track-slider{flex:1;min-width:0;accent-color:var(--accent)}.kbd-track-label svg{width:14px;height:14px;flex-shrink:0}.vel-toggles{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}#keyboardWrap{grid-area:keyboard;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}#keyboardWrap .block-title{align-self:flex-start}.keyboard-panel-controls{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:.7rem}.keyboard-panel-controls-item{display:flex;align-items:center;gap:6px}.keyboard-panel-controls button,.keyboard-panel-controls select{font-size:inherit}.keyboard-row{display:flex;align-items:center;justify-content:center;gap:12px;width:100%}#keyboardWrap .bend-wheel,#keyboardWrap .mod-wheel{height:130px}.keyboard{position:relative;user-select:none;touch-action:none}.key{position:absolute;top:0;border:1px solid #000;border-radius:0 0 4px 4px;cursor:pointer}.key.white{background:#f0f0f0;z-index:1}.key.white.active{background:var(--accent)}.key.black{background:#1a1a1a;z-index:2}.key.black.active{background:var(--accent2)}.key-label{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-size:11px;font-weight:600;text-transform:uppercase;pointer-events:none;user-select:none}.key.white .key-label{color:#555}.key.black .key-label{color:#ccc}@media(max-width: 900px){body{grid-template-columns:repeat(2, 1fr);grid-template-areas:"heading heading" "master library" "keyboard keyboard" "dco1 dco2" "general general" "midi midi"}#topbar{align-self:start;min-height:0;padding-bottom:10px}#topbar .topbar-right{position:absolute;top:10px;bottom:10px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#topbar .topbar-language,#topbar .topbar-links,#topbar .topbar-logo{position:static;margin-top:auto}.panel-grid{display:contents}#panel>.line-column:nth-of-type(1){grid-area:dco1}#panel>.line-column:nth-of-type(2){grid-area:dco2}#panel>.line-column:nth-of-type(3){grid-area:general;display:grid;grid-template-columns:repeat(2, 1fr);gap:12px}}@media(max-width: 600px){body{grid-template-columns:1fr;grid-template-areas:"heading" "master" "library" "keyboard" "dco1" "dco2" "general" "midi"}#panel>.line-column:nth-of-type(3){grid-template-columns:1fr}}