.synth-dialog{width:min(1180px,96vw);max-width:1180px;padding:25px;color:#e6e7ed}.synth-dialog h2{display:flex;align-items:center;gap:12px}.synth-badge{font-size:9px;letter-spacing:1.8px;border:1px solid #62537a;color:#c9b3ef;border-radius:5px;padding:5px 7px}.synth-intro{color:#acadb9;font-size:13px;line-height:1.65;max-width:780px}.synth-dialog label{display:flex;flex-direction:column;gap:7px;color:#aeb2bd;font-size:11px;font-weight:500;min-width:0}.synth-dialog input,.synth-dialog select{background:#171b21;border:1px solid #424752;border-radius:5px;color:#ececf2;min-width:0;min-height:33px;padding:5px 8px;width:100%;box-sizing:border-box;font:inherit;font-size:12px}.synth-dialog input:focus-visible,.synth-dialog select:focus-visible,.synth-dialog button:focus-visible,.synth-audition:focus-visible{outline:2px solid #c9aafa;outline-offset:2px}.synth-dialog input[type=range]{min-height:18px;padding:0;border:0;accent-color:#bda0e9}.synth-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;padding:15px;background:#24242d;border:1px solid #3d3d49;border-radius:9px;margin:18px 0}.synth-toolbar label{min-width:195px;flex:1;max-width:340px}.synth-toolbar>span{margin-left:auto;font-size:11px;color:#9c9baa;padding-bottom:9px}.synth-layout{display:grid;grid-template-columns:165px minmax(0,1fr);gap:18px;align-items:start}.synth-list{display:flex;flex-direction:column;gap:6px;max-height:770px;overflow:auto;position:sticky;top:0}.synth-list>p{font-size:12px;color:#a5a3b0;line-height:1.65;padding:8px}.synth-list-item{border:1px solid #393c47;border-radius:7px;background:#22252d;color:#e6e3ed;text-align:left;padding:11px;cursor:pointer;min-width:0}.synth-list-item[aria-pressed=true]{border-color:#a38aba;background:#31293d}.synth-list-item strong,.synth-list-item small{display:block;overflow-wrap:anywhere}.synth-list-item strong{font-size:12px}.synth-list-item small{font-size:10px;color:#a9a3b4;line-height:1.5;margin-top:6px}.synth-editor{min-width:0}.synth-editor[hidden],.synth-audition[hidden]{display:none}.synth-patch-heading{display:flex;gap:10px;align-items:end;margin-bottom:15px}.synth-patch-heading>label{flex:1}.synth-oscillators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.synth-card{border:1px solid #3a3c49;background:#22242c;border-radius:8px;padding:14px;min-width:0;margin:0;display:flex;flex-direction:column;gap:12px}.synth-card legend{color:#cdc1de;font-size:11px;letter-spacing:.5px;font-weight:600;padding:0 5px}.synth-wave{width:100%;height:46px;border:1px solid #383746;border-radius:5px;background:#1b1d25;margin-top:0}.synth-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.synth-section-grid{margin-top:17px;align-items:stretch}.synth-range>span{display:flex;justify-content:space-between;gap:5px}.synth-range output{color:#d6c5ed;font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.synth-unit{display:inline;color:#7e8190}.synth-adsr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.synth-envelope{height:75px;width:100%;background:#1c1e26;border-radius:5px;margin-top:auto}.synth-note{font-size:10px!important;line-height:1.6!important;color:#9f98ac!important;margin:2px 0 0!important}.synth-edit-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;align-items:center}.synth-edit-actions>span{font-size:10px;color:#96919f;line-height:1.5}.synth-remove{color:#dba5aa!important}.synth-audition{border:1px solid #51435e;background:#25222d;border-radius:9px;padding:15px;margin-top:22px;outline:none}.synth-audition-head{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-bottom:12px}.synth-audition-head>strong{font-size:12px;color:#dac9f0}.synth-audition-head label{flex-direction:row;align-items:center;gap:8px}.synth-audition-head select{width:55px}.synth-audition-head>span{margin-left:auto;font-size:10px;color:#a59ab3;line-height:1.5}.synth-keyboard{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:4px;max-width:740px;margin:auto;touch-action:none}.synth-key{height:74px;border-radius:4px 4px 6px 6px;border:1px solid #bdb6c8;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px;padding:9px 0;cursor:pointer;touch-action:none;user-select:none}.synth-key.white{background:#e5e0ea;color:#35313e}.synth-key.black{background:#24232c;color:#bfb4cd;border-color:#58505f;height:58px}.synth-key kbd{font-size:9px;font-family:inherit;border:0;background:none;padding:0;color:inherit;opacity:.65}.synth-key span{font-size:10px}.synth-key.held{background:#be9be8;color:#251c31;border-color:#d8b9ff;box-shadow:0 0 0 2px #b696d944}.synth-status{min-height:18px;color:#d4b9ec;font-size:12px;line-height:1.5;margin:14px 0 0}.synth-dialog button:disabled{opacity:.45;cursor:not-allowed}@media(max-width:850px){.synth-layout{grid-template-columns:1fr}.synth-list{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:130px}.synth-list>p{grid-column:1/-1;margin:0}.synth-toolbar>span{margin-left:0}.synth-audition-head>span{margin-left:0}}@media(max-width:600px){.synth-dialog{padding:17px}.synth-oscillators{grid-template-columns:1fr}.synth-oscillators .synth-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.synth-wave{grid-column:1/-1}.synth-oscillators .synth-two{gap:8px}.synth-section-grid{grid-template-columns:1fr}.synth-patch-heading{flex-wrap:wrap}.synth-patch-heading>label{flex-basis:100%}.synth-list{grid-template-columns:repeat(2,minmax(0,1fr))}.synth-audition{padding:10px}.synth-keyboard{gap:2px}.synth-key{height:65px}.synth-key.black{height:52px}.synth-key kbd{display:none}.synth-edit-actions .project-action{font-size:10px}.synth-dialog h2{font-size:20px}}
.synth-dialog{background:#1c1f26;border-color:#51435e}.synth-dialog label{margin:0;letter-spacing:0}.synth-dialog select{margin-top:0;height:33px}.synth-dialog input{margin:0}
.synth-modulation{border:1px solid #52435f;border-radius:9px;padding:15px;background:#201f29}.synth-modulation-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:14px}.synth-modulation-heading h3{font-size:14px;color:#d3bfe9;margin:0 0 6px}.synth-modulation-heading p,.synth-modulation-empty{font-size:11px;line-height:1.6;color:#aaa0b7;margin:0}.synth-macros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.synth-macros .synth-card{padding:10px}.synth-modulation-routes{display:flex;flex-direction:column;gap:8px;margin:15px 0}.synth-modulation-route{display:grid;grid-template-columns:18px minmax(0,1.2fr) minmax(0,1.2fr) minmax(90px,1fr) auto;align-items:end;gap:9px;border:1px solid #42384e;border-radius:6px;background:#25212e;padding:11px}.synth-modulation-route>strong{font-size:11px;color:#9d8aaf;align-self:center}.synth-modulation-route>button{min-height:33px}.synth-modulation-empty{padding:14px;border:1px dashed #4c4058;border-radius:6px}@media(max-width:750px){.synth-macros{grid-template-columns:repeat(2,minmax(0,1fr))}.synth-modulation-route{grid-template-columns:18px repeat(2,minmax(0,1fr))}.synth-modulation-route>.synth-range{grid-column:2}.synth-modulation-heading{align-items:start}.synth-modulation-heading>button{white-space:nowrap}}@media(max-width:420px){.synth-modulation{padding:10px}.synth-modulation-heading{flex-wrap:wrap}}