.mel-studio{--bg:#14110f;--panel:#1a1614;--panel-2:#211c19;--sunk:#100d0c;--line:#2c2521;--line-2:#38302b;--txt:#ece7e1;--txt-2:#b3aaa1;--txt-3:#7c736a;--txt-4:#574f49;--ember:#e8963c;--ember-2:#ff7a3c;--ember-dim:#8a5e2c;--m-earnest:#8f7ae0;--m-playful:#e07ab0;--m-soothing:#6f9fe0;--mono:geistMono,"SF Mono",ui-monospace,"Liberation Mono",monospace;--ui:gigaSansText,interText,Inter,ui-sans-serif,system-ui,sans-serif;--r:6px;--glass:rgba(28,23,20,0.52);--glass-edge:rgba(255,246,235,0.14);--glass-top:rgba(255,250,244,0.22);--glass-inset:rgba(255,246,235,0.04);--glass-line:rgba(255,246,235,0.09);--glass-rail:rgba(255,246,235,0.05);--glass-well:rgba(0,0,0,0.24);--glass-hover:rgba(255,246,235,0.05);--line:24px;--half:12px;--gut:12px;color:var(--txt);font-family:var(--ui);font-size:13px;line-height:var(--line);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;position:relative;overflow:hidden;background:transparent}.mel-studio *{box-sizing:border-box}.mel-studio button,.mel-studio input,.mel-studio select,.mel-studio textarea{font-family:inherit;color:inherit;margin:0}.mel-studio button{cursor:pointer}.mel-studio :focus-visible{outline:2px solid var(--ember);outline-offset:1px}.mel-studio .app{width:100%;border-radius:16px;overflow:hidden;background:var(--glass);-webkit-backdrop-filter:blur(30px) saturate(1.7);backdrop-filter:blur(30px) saturate(1.7);border:1px solid var(--glass-edge);box-shadow:inset 0 1px 0 var(--glass-top),inset 0 0 0 1px var(--glass-inset),0 1px 2px rgba(0,0,0,.3),0 30px 70px -28px rgba(0,0,0,.6)}.mel-studio .nm{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--txt-3)}.mel-studio .rail{display:flex;align-items:center;gap:var(--half);height:calc(var(--line) * 2);padding:0 var(--gut);border-bottom:1px solid var(--glass-line);background:var(--glass-rail)}.mel-studio .brand{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--txt);display:flex;align-items:center;gap:8px}.mel-studio .brand svg{width:13px;height:13px;color:var(--ember);transition:color .4s}.mel-studio .brand .sub,.mel-studio[data-mode=demo] .brand svg,.mel-studio[data-mode=offline] .brand svg,.mel-studio[data-mode=probing] .brand svg{color:var(--txt-3)}.mel-studio .rail-sp{flex:1}.mel-studio .advt{height:var(--line);padding:0 10px;background:none;border:1px solid var(--glass-line);border-radius:var(--r);color:var(--txt-3);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.mel-studio .advt:hover{color:var(--txt);background:var(--glass-hover)}.mel-studio .advt[aria-expanded=true]{color:var(--ember);border-color:var(--ember-dim)}.mel-studio[data-mode=probing] .advt{display:none}.mel-studio[data-mode=demo] .adv{opacity:.34}.mel-studio .io{padding:var(--half);border-bottom:1px solid var(--glass-line);position:relative}.mel-studio .io textarea{width:100%;resize:none;background:var(--glass-well);border:1px solid var(--glass-line);border-radius:var(--r);color:var(--txt);font-family:var(--mono);font-size:14px;line-height:var(--line);padding:0 calc(var(--half) + 28px) 0 var(--half);min-height:calc(var(--line) * 2);transition:border-color .15s;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mel-studio .io textarea::placeholder{color:var(--txt-4)}.mel-studio .io textarea:focus{outline:none;border-color:var(--ember-dim)}.mel-studio .cc{position:absolute;right:calc(var(--half) + 6px);bottom:calc(var(--half) + 4px);font-family:var(--mono);font-size:10px;color:var(--txt-3);font-variant-numeric:tabular-nums;pointer-events:none}.mel-studio .rack{display:grid;grid-template-columns:calc(var(--line) * 6) 1fr;gap:0;border-bottom:1px solid var(--glass-line)}.mel-studio .pad-cell{border-right:1px solid var(--glass-line);align-items:center}.mel-studio .pad-cell,.mel-studio .side{padding:var(--half);display:flex;justify-content:center}.mel-studio .side{flex-direction:column;gap:var(--half)}.mel-studio .side-row{display:grid;grid-template-columns:calc(var(--line) * 1.5) 1fr;align-items:center;gap:var(--half)}.mel-studio .side-row .nm{line-height:var(--line)}.mel-studio .pad{position:relative;width:calc(var(--line) * 5);height:calc(var(--line) * 5);border-radius:var(--r);background:var(--glass-well);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);cursor:crosshair;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);touch-action:none}.mel-studio .pad:focus-visible{outline:2px solid var(--txt-3);outline-offset:2px}.mel-studio .pad-g{position:absolute;background:var(--glass-line);pointer-events:none}.mel-studio .pad-gx{left:8px;right:8px;top:50%;height:1px}.mel-studio .pad-gy{top:8px;bottom:8px;left:50%;width:1px}.mel-studio .pad-lab{position:absolute;font-family:var(--mono);font-size:9px;letter-spacing:.06em;color:var(--txt-3);pointer-events:none;text-transform:uppercase}.mel-studio .pad-lab.lit{top:4px;left:50%;transform:translateX(-50%)}.mel-studio .pad-lab.quiet{bottom:4px;left:50%;transform:translateX(-50%)}.mel-studio .pad-lab.held{left:4px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left center}.mel-studio .pad-lab.leans{right:4px;top:50%;transform:translateY(-50%) rotate(90deg);transform-origin:right center}.mel-studio .pad-dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--txt);box-shadow:0 0 0 3px var(--glass),0 1px 4px rgba(0,0,0,.45);transform:translate(-50%,-50%);left:30%;top:70%;transition:box-shadow .12s;pointer-events:none}.mel-studio .pad:focus-visible .pad-dot,.mel-studio .pad:hover .pad-dot{box-shadow:0 0 0 3px var(--glass),0 0 0 4px color-mix(in oklab,var(--txt) 20%,transparent)}.mel-studio .pad.grab .pad-dot{box-shadow:0 0 0 3px var(--glass),0 0 0 5px color-mix(in oklab,var(--txt) 26%,transparent)}.mel-studio .side-read{display:flex;gap:var(--half)}.mel-studio .side-read span{font-family:var(--mono);font-size:11px;line-height:var(--line);color:var(--txt-2)}.mel-studio .side-read i{color:var(--txt-4);font-style:normal}.mel-studio .side-read b{font-weight:400;color:var(--txt);font-variant-numeric:tabular-nums}.mel-studio .step{display:flex;align-items:center;border:1px solid var(--glass-line);border-radius:var(--r);overflow:hidden;width:fit-content;background:var(--glass-well)}.mel-studio .step button{width:var(--line);height:var(--line);background:transparent;border:none;color:var(--txt-2);font-family:var(--mono);font-size:14px;line-height:1}.mel-studio .step button:hover{background:var(--glass-hover);color:var(--txt)}.mel-studio .step .n{min-width:calc(var(--line) * 2);text-align:center;font-family:var(--mono);font-size:12px;color:var(--txt);border-left:1px solid var(--glass-line);border-right:1px solid var(--glass-line);height:var(--line);line-height:var(--line);font-variant-numeric:tabular-nums}.mel-studio .sel{position:relative;display:flex;align-items:center;gap:8px;height:var(--line);border:1px solid var(--glass-line);border-radius:var(--r);background:var(--glass-well);padding-left:var(--half)}.mel-studio .sel select{flex:1;height:100%;background:transparent;border:none;color:var(--txt);font-family:var(--mono);font-size:12px;padding:0 var(--line) 0 0;-webkit-appearance:none;appearance:none;text-transform:capitalize}.mel-studio .sel:after{content:"▾";position:absolute;right:var(--half);top:50%;transform:translateY(-50%);color:var(--txt-3);font-size:10px;pointer-events:none}.mel-studio .sel select:focus{outline:none}.mel-studio .sel:focus-within{border-color:var(--ember-dim)}.mel-studio .swatch{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 6px -1px currentColor}.mel-studio .adv{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:var(--half);padding:var(--half) var(--gut);border-bottom:1px solid var(--glass-line);background:var(--glass-rail)}.mel-studio .adv[hidden]{display:none}.mel-studio .adv-row{display:grid;grid-template-columns:calc(var(--line) * 3) 1fr;align-items:center;gap:var(--half)}.mel-studio .adv-row .nm{line-height:var(--line)}.mel-studio .seg{display:flex;border:1px solid var(--glass-line);border-radius:var(--r);overflow:hidden;width:fit-content;background:var(--glass-well)}.mel-studio .seg button{height:var(--line);padding:0 10px;background:transparent;border:none;color:var(--txt-3);font-family:var(--mono);font-size:11px}.mel-studio .seg button+button{border-left:1px solid var(--glass-line)}.mel-studio .seg button:hover{color:var(--txt);background:var(--glass-hover)}.mel-studio .seg button[aria-pressed=true]{color:var(--ember);background:color-mix(in oklab,var(--ember) 12%,transparent)}.mel-studio .adv input[data-el=seed]{width:calc(var(--line) * 3.5);height:var(--line);background:var(--glass-well);border:1px solid var(--glass-line);border-radius:var(--r);color:var(--txt);font-family:var(--mono);font-size:12px;padding:0 8px;font-variant-numeric:tabular-nums}.mel-studio .adv input[data-el=seed]::placeholder{color:var(--txt-4)}.mel-studio .adv input[data-el=seed]:focus{outline:none;border-color:var(--ember-dim)}.mel-studio .tog{position:relative;width:calc(var(--line) * 1.5);height:18px;border-radius:9px;border:1px solid var(--glass-line);background:var(--glass-well);padding:0}.mel-studio .tog i{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--txt-3);transition:left .15s,background .15s}.mel-studio .tog[aria-checked=true]{border-color:var(--ember-dim)}.mel-studio .tog[aria-checked=true] i{left:calc(100% - 14px);background:var(--ember)}.mel-studio .vsm{height:var(--line);padding:0 10px;background:var(--glass-well);border:1px solid var(--glass-line);border-radius:var(--r);color:var(--txt-2);font-family:var(--mono);font-size:11px;width:fit-content}.mel-studio .vsm:hover{color:var(--txt);background:var(--glass-hover)}.mel-studio .vsm[aria-expanded=true]{color:var(--ember);border-color:var(--ember-dim)}.mel-studio .vsm[aria-disabled=true]{opacity:.55;pointer-events:none}.mel-studio .vsm[data-el=v-rec][data-on=true]{color:var(--ember-2);border-color:color-mix(in oklab,var(--ember-2) 45%,transparent);font-variant-numeric:tabular-nums}.mel-studio .vp{display:flex;flex-direction:column;gap:var(--half);padding:var(--half) var(--gut);border-bottom:1px solid var(--glass-line);background:var(--glass-rail)}.mel-studio .vp[hidden]{display:none}.mel-studio .vp-lead{display:none;margin:0;font-size:12.5px;line-height:var(--line);color:var(--txt-2)}.mel-studio[data-mode=setup] .vp-lead{display:block}.mel-studio .vp-warm{display:none;margin:0;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;line-height:18px;color:var(--ember);opacity:.85}.mel-studio[data-mode=setup] .vp-warm:not([hidden]){display:block}.mel-studio .vp-state{display:flex;align-items:center;gap:var(--half)}.mel-studio .vp-state b{font-weight:400;font-family:var(--mono);font-size:11px;color:var(--txt)}.mel-studio .vp-src{display:flex;align-items:center;gap:var(--half);flex-wrap:wrap}.mel-studio .vp-clip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;color:var(--txt)}.mel-studio .vp-clip[hidden]{display:none}.mel-studio .vp-clip [data-el=v-name]{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mel-studio .vp-clip .aud{width:var(--line);height:var(--line);border-radius:50%;background:var(--glass-well);border:1px solid var(--glass-line);color:var(--txt-2);display:inline-flex;align-items:center;justify-content:center}.mel-studio .vp-clip .aud:hover{border-color:var(--ember-dim);color:var(--ember)}.mel-studio .vp-clip .aud svg{width:10px;height:10px}.mel-studio .vp-clip .aud[hidden]{display:none}.mel-studio .vp-clip .clr{width:22px;height:22px;border-radius:var(--r);background:none;border:none;color:var(--txt-4);font-size:14px;line-height:1}.mel-studio .vp-clip .clr:hover{color:var(--txt);background:var(--glass-hover)}.mel-studio .vp textarea{width:100%;resize:none;background:var(--glass-well);border:1px solid var(--glass-line);border-radius:var(--r);color:var(--txt);font-family:var(--mono);font-size:12px;line-height:var(--line);padding:0 var(--half);min-height:calc(var(--line) * 2)}.mel-studio .vp textarea::placeholder{color:var(--txt-4)}.mel-studio .vp textarea:focus{outline:none;border-color:var(--ember-dim)}.mel-studio .vp-guide,.mel-studio .vp-note{margin:0;font-family:var(--mono);font-size:10px;letter-spacing:.02em;line-height:18px;color:var(--txt-3)}.mel-studio .vp-act{display:flex;align-items:center;gap:var(--half)}.mel-studio .vp-up{height:calc(var(--line) * 1.5);padding:0 16px;border:1px solid var(--ember-dim);border-radius:var(--r);background:transparent;color:var(--ember);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:background .16s,border-color .16s}.mel-studio .vp-up:hover{background:color-mix(in oklab,var(--ember) 16%,transparent);border-color:var(--ember)}.mel-studio .vp-up[aria-disabled=true]{opacity:.55;pointer-events:none}.mel-studio .vp-err{font-family:var(--mono);font-size:10.5px;color:#d08a7f}.mel-studio[data-mode=setup] .io,.mel-studio[data-mode=setup] .rack,.mel-studio[data-mode=setup] .transport{opacity:.3;transition:opacity .5s ease}.mel-studio[data-mode=setup] .adv,.mel-studio[data-mode=setup] .advt,.mel-studio[data-mode=setup] .ra,.mel-studio[data-mode=setup] .takes{display:none}.mel-studio .transport{display:flex;align-items:center;gap:var(--half);padding:var(--half);border-bottom:1px solid var(--glass-line)}.mel-studio [data-el=meter]{width:calc(var(--line) * 3.5);height:var(--line);background:var(--glass-well);border:1px solid var(--glass-line);border-radius:var(--r);display:block}.mel-studio .gen{flex:1;height:calc(var(--line) * 1.5);border:1px solid var(--ember-dim);border-radius:var(--r);background:transparent;color:var(--ember);font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:400;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .16s,color .16s,border-color .16s,transform .04s}.mel-studio .gen:hover{background:color-mix(in oklab,var(--ember) 16%,transparent);border-color:var(--ember);color:var(--ember)}.mel-studio .gen:active{transform:translateY(1px)}.mel-studio .gen[aria-disabled=true],.mel-studio .gen[disabled]{opacity:.55;pointer-events:none}.mel-studio .gen svg{width:15px;height:15px}.mel-studio .gen .spin{animation:mel-studio-spin .8s linear infinite;transform-origin:center}@keyframes mel-studio-spin{to{transform:rotate(1turn)}}.mel-studio .dur{font-family:var(--mono);font-size:11px;color:var(--txt-3);font-variant-numeric:tabular-nums;min-width:var(--line);text-align:right}.mel-studio .eng{display:none;padding:0 var(--gut);font-family:var(--mono);font-size:10px;letter-spacing:.04em;line-height:var(--line);color:var(--txt-3);border-bottom:1px solid var(--glass-line)}.mel-studio[data-mode=demo] .eng{display:block}.mel-studio .err{padding:0 var(--gut);font-family:var(--mono);font-size:10.5px;line-height:var(--line);color:#d08a7f;border-bottom:1px solid var(--glass-line)}.mel-studio .err:empty{display:none}.mel-studio .ra{padding:var(--half) var(--gut);border-bottom:1px solid var(--glass-line);font-size:12.5px;line-height:var(--line);color:var(--txt-3)}.mel-studio .ra[hidden]{display:none}.mel-studio .ra span{transition:color .12s}.mel-studio .ra span.on{color:var(--ember)}.mel-studio .takes{max-height:calc(var(--line) * 10);overflow-y:auto}.mel-studio .takes:empty{display:none}.mel-studio .take{display:grid;grid-template-columns:var(--line) var(--line) minmax(0,1fr) calc(var(--line) * 2) auto;align-items:center;gap:var(--half);min-height:calc(var(--line) * 2);padding:0 var(--gut);border-top:1px solid var(--glass-line);transition:background .12s}.mel-studio .take:first-child{border-top:none}.mel-studio .take:hover{background:var(--glass-hover)}.mel-studio .take.playing{background:color-mix(in oklab,var(--ember) 12%,transparent)}.mel-studio .take .pp{position:relative;width:20px;height:20px;border-radius:3px;background:color-mix(in oklab,var(--txt) 5%,transparent);box-shadow:inset 0 0 0 1px var(--glass-line);opacity:.72;transition:opacity .12s}.mel-studio .take.playing .pp,.mel-studio .take:hover .pp{opacity:1}.mel-studio .take .pp:after,.mel-studio .take .pp:before{content:"";position:absolute;background:var(--glass-line)}.mel-studio .take .pp:before{left:3px;right:3px;top:50%;height:1px;transform:translateY(-.5px)}.mel-studio .take .pp:after{top:3px;bottom:3px;left:50%;width:1px;transform:translateX(-.5px)}.mel-studio .take .pp i{position:absolute;width:5px;height:5px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px color-mix(in oklab,var(--bg) 55%,transparent)}.mel-studio .take .play{width:var(--line);height:var(--line);border-radius:50%;background:var(--glass-well);border:1px solid var(--glass-line);color:var(--txt-2);display:inline-flex;align-items:center;justify-content:center}.mel-studio .take .play:hover,.mel-studio .take.playing .play{border-color:var(--ember-dim);color:var(--ember)}.mel-studio .take .play svg{width:10px;height:10px}.mel-studio .take canvas.wave{width:100%;min-width:0;height:var(--line);display:block}.mel-studio .take .tm{font-family:var(--mono);font-size:10.5px;color:var(--txt-3);font-variant-numeric:tabular-nums;text-align:right}.mel-studio .take .ops{display:flex;gap:1px;align-items:center}.mel-studio .take .warn{font-family:var(--mono);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--ember-2);border:1px solid color-mix(in oklab,var(--ember-2) 45%,transparent);border-radius:3px;padding:0 4px;line-height:15px;margin-right:3px}.mel-studio .take .ops button{width:22px;height:22px;border-radius:var(--r);background:none;border:none;color:var(--txt-4);display:inline-flex;align-items:center;justify-content:center}.mel-studio .take .ops button:hover{color:var(--txt);background:var(--glass-hover)}.mel-studio .take .ops svg{width:12px;height:12px}@media (max-width:520px){.mel-studio .rack{grid-template-columns:1fr}.mel-studio .pad-cell{border-right:none;border-bottom:1px solid var(--glass-line)}}@media (prefers-reduced-motion:reduce){.mel-studio .gen .spin{animation:none}}