:root{font-family:Arial,Helvetica,sans-serif;color:#354337;background:#dbe2d2;font-synthesis:none;--paper:#f3f0e5;--line:#a5ad99;--green:#647859;--muted:#7b846f}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:#f8f5ed;color:#354337;padding:9px 12px;font-size:11px;box-shadow:0 2px #d2d2c1}button:hover{background:#e3e9d9}button:active{transform:translateY(1px);box-shadow:none}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #536c42;outline-offset:3px}main{max-width:1440px;margin:22px auto;padding:0 28px;display:grid;grid-template-columns:260px minmax(340px,1fr) 260px;gap:14px 20px}header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 18px}.brand{font-size:25px;letter-spacing:5px;font-weight:600}.header-label{font-size:11px;letter-spacing:2px;color:var(--muted)}.intro{grid-column:2;grid-row:2;text-align:center;padding:8px 0;position:relative}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--muted);margin:0 0 5px}h1{font-size:25px;letter-spacing:-.7px;font-weight:400;margin:0}h1 br,.description{display:none}.status{display:inline-flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin-top:9px}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:#a1ad90}.status.online:before{background:#536c42}.transport{grid-column:2;grid-row:3;display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:13px;border:1px solid var(--line);border-radius:9px;background:#e4e8da;box-shadow:0 3px #c7cebb}.play{background:var(--green);color:#fff;border-color:#526548;min-width:160px}.play:hover{background:#526548}.tempo{display:flex;align-items:center;gap:6px;font-size:10px}.tempo input{width:49px;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:6px;font-size:11px;color:#354337}.tempo span{font-size:9px}.master-volume{display:flex;align-items:center;gap:7px;font-size:10px;flex:1;min-width:130px}.master-volume input{min-width:45px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border:1px solid #b1b8a3;border-radius:5px;background:#dce3cd;cursor:pointer;box-shadow:inset 0 1px 2px #aeb7a2;margin:5px 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1px solid #66735c;border-radius:50%;background:#f4f0e3;box-shadow:0 2px 2px #9ba58d}h2{font-size:12px;font-weight:600;margin:0 0 14px;letter-spacing:.5px}.composition-card{grid-column:2;grid-row:4;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:16px;text-align:center;box-shadow:0 3px #c7cebb}.pill{font-size:9px;background:#e5e8d8;border:1px solid #c5cbb8;border-radius:20px;display:inline-block;padding:4px 9px;margin:0 3px}.composition-card h2{margin:12px 0 6px;font-size:13px}.composition-card p{display:none}.phrase-actions{display:flex;justify-content:center;gap:7px;margin-top:14px}.phrase-actions button{font-size:10px;padding:7px 9px}.signal-orbit{height:74px;display:flex;align-items:center;justify-content:center;gap:4px;margin:4px 0 13px}.signal-orbit i{display:block;width:4px;height:var(--height);background:#8c9e77;border-radius:5px;opacity:.7}.arrangement-strip{grid-column:2;grid-row:5;padding:13px 16px;background:#d0dac4;border:1px solid var(--line);border-radius:9px}.arrangement-label{display:flex;justify-content:space-between;font-size:11px}.arrangement-label strong{font-weight:600}.arrangement-label>span{font-size:10px;color:var(--muted)}.arrangement-strip p{font-size:10px;line-height:1.5;margin:8px 0;color:#64705b}.energy-row{display:flex;align-items:center;gap:12px;font-size:9px;margin:10px 0}.energy-track{height:4px;background:#b9c4aa;flex:1;border-radius:4px;overflow:hidden}.energy-track>div{height:100%;background:#6f865d;transition:width .25s}.section-stages{display:flex;gap:4px;justify-content:space-between}.section-stages span{font-size:9px;padding:5px 7px;border-radius:4px;color:#708064}.section-stages .current{background:var(--paper);color:#354337}.part-roles{display:none}.primary-voices,.voices{display:contents}.primary-voices>h2,.section-hint{display:none}.voices>div{grid-row:2/7;grid-column:1;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:15px;box-shadow:0 3px #c7cebb;align-self:stretch}.voices>div:last-child{grid-column:3;background:#e9eddd}.voice{padding:0}.layer-switch{display:flex;gap:6px;margin-bottom:20px}.layer-switch button{font-size:9px;padding:7px;flex:1}.layer-switch button[aria-pressed=true]{background:#cbd9bc;border-color:#8c9f7a}.voice-heading{display:flex;align-items:center;gap:8px}.voice-heading h2{font-size:20px;letter-spacing:2px;margin:0}.voice-heading p{font-size:10px;color:var(--muted);margin:5px 0}.index{font-size:10px;color:var(--muted)}.tag{display:none}.wave{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;border-block:1px solid #c9ceba;padding:13px 0;margin:18px 0;font-size:10px;color:var(--muted)}.wave select{border:1px solid var(--line);border-radius:4px;padding:5px;background:#f4f1e6;color:#354337;font-size:10px}.wave-mark{font-size:19px;color:#8b9b7a;width:100%;text-align:center;letter-spacing:4px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:24px 15px}.controls label span{display:flex;justify-content:space-between;gap:4px;font-size:10px;margin-bottom:9px}.controls b{font-size:9px;font-weight:400;color:var(--muted)}.voice footer{font-size:8px;letter-spacing:.7px;color:var(--muted);border-top:1px solid #c9ceba;margin-top:23px;padding-top:14px;line-height:1.7}.utility-row{grid-column:2;grid-row:6;display:flex;align-items:center;justify-content:space-between;gap:7px}.meter-row{display:flex;gap:8px;align-items:center;font-size:9px;color:var(--muted)}.meter{width:60px;height:5px;background:#c3ceb5;border-radius:4px;overflow:hidden}.meter>div{height:100%;background:#738c61}.reset{box-shadow:none;background:transparent;border:0;font-size:9px;padding:5px}.melody-panel{grid-column:1/-1;grid-row:7;background:var(--paper);padding:16px 18px;border:1px solid var(--line);border-radius:9px;box-shadow:0 3px #c7cebb}.macro-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px 23px}.control-title{display:flex;justify-content:space-between;align-items:center;gap:6px;font-size:10px;margin-bottom:7px}.control-title output{font-size:9px;color:var(--muted);white-space:nowrap}.macro-grid small{display:none}.macro-grid label{min-width:0}.instrument-panel{grid-row:8;background:#e8ecdd}.instrument-panel .macro-grid{grid-template-columns:repeat(6,1fr);row-gap:17px}.all-layers{margin-top:14px;padding:6px 10px;font-size:10px}.page-footer{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--muted);font-size:9px;padding:8px 0}.error{grid-column:1/-1;color:#814c3d;background:#eedacc;padding:12px;border-radius:6px}@media(min-width:1500px){main{margin-top:35px;gap:18px 30px}.controls{gap:30px 18px}.signal-orbit{height:100px}.composition-card{padding:20px}}@media(max-width:1100px){main{grid-template-columns:225px minmax(280px,1fr) 225px;padding:0 18px;gap:12px}.transport .master-volume{flex-basis:100%;justify-content:center}.master-volume input{max-width:140px}.controls{grid-template-columns:1fr;gap:12px}.wave-mark{display:none}.macro-grid,.instrument-panel .macro-grid{grid-template-columns:repeat(4,1fr)}.voices>div{padding:12px}.phrase-actions{flex-wrap:wrap}}@media(max-width:800px){main{display:flex;flex-direction:column;margin:15px auto;padding:0 16px;max-width:650px}header{padding-bottom:15px}.intro{order:1}.transport{order:2}.composition-card{order:3}.arrangement-strip{order:4}.utility-row{order:5}.primary-voices{display:block;order:6}.voices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.voices>div,.voices>div:last-child{grid-row:auto;grid-column:auto}.melody-panel{order:7}.instrument-panel{order:8}.page-footer{order:9}.macro-grid,.instrument-panel .macro-grid{grid-template-columns:repeat(3,1fr)}h1{font-size:22px}}@media(max-width:430px){.voices{grid-template-columns:1fr}.controls{grid-template-columns:1fr 1fr}.macro-grid,.instrument-panel .macro-grid{grid-template-columns:repeat(2,1fr)}.header-label{font-size:9px;letter-spacing:1px}.brand{font-size:21px}.phrase-actions button{font-size:9px}}.control-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.control-group{min-width:0;margin:0;padding:13px 12px;border:1px solid #c4cbb7;border-radius:7px;background:#f5f3e9}.control-group legend{padding:0 6px;font-size:10px;color:#69785c}.group-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.group-controls label{min-width:0}.group-controls label>span{display:flex;justify-content:space-between;gap:6px;font-size:10px;margin-bottom:8px}.group-controls b{font-weight:400;font-size:9px;color:var(--muted)}.group-controls small{display:none}.voices .control-groups{grid-template-columns:1fr;gap:12px}.instrument-panel .control-groups{grid-template-columns:repeat(4,minmax(0,1fr))}.instrument-panel .group-controls{grid-template-columns:1fr;gap:12px}.voice .wave-mark{max-width:100%;overflow:hidden}.control-title{font-size:10px}.melody-panel>.control-groups{gap:16px}@media(max-width:1000px){.instrument-panel .control-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.voices>div{grid-row:auto}.control-groups{grid-template-columns:1fr}.instrument-panel .control-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}.voices .control-groups{gap:8px}.voice .wave{margin:12px 0;padding:9px 0}.voice footer{margin-top:14px;padding-top:10px}:root{background:#efefef;color:#606063;--paper:#f4f4f4;--line:#d1d1d5;--green:#b7b5c9;--muted:#85858c;font-family:Courier New,monospace}main{background:#f5f5f5;border:1px solid #d5d5d5;border-radius:28px;margin:24px auto;padding:22px 26px;box-shadow:inset 0 0 0 7px #fff,0 3px 8px #ccc;position:relative}main:before,main:after{content:"⊕";position:absolute;font-size:23px;color:#949499;text-shadow:1px 1px white;top:6px}main:before{left:8px}main:after{right:8px}header{border:0;padding-bottom:5px}.brand{font-family:Georgia,serif;font-style:italic;letter-spacing:5px;font-size:27px;color:#777;text-shadow:1px 1px #fff,-1px -1px #aaa}.header-label{font-size:10px}.voices>div,.voices>div:last-child{background:#f0f0f0;border:8px solid #fff;border-radius:25px;box-shadow:inset 0 2px 5px #e3e3e3;padding:18px}.voice-heading h2{font-weight:400;font-size:18px;letter-spacing:3px}.layer-switch{margin-bottom:17px}button{border:1px solid #d2d2d8;border-radius:9px;background:linear-gradient(#fff,#f1f1f2);box-shadow:0 2px 3px #c6c6cd,inset 0 1px 1px #fff;color:#77777e}button:hover{background:#e6e5ed}.layer-switch button[aria-pressed=true],.play{background:linear-gradient(#e9e8f1,#d6d4e5);color:#666474;border-color:#c5c3d0}.play:hover{background:#d6d4e5}.intro h1{font-family:Georgia,serif;font-style:italic;font-size:36px;letter-spacing:4px;color:#777;text-shadow:1px 1px white,-1px -1px #aaa}.eyebrow,.status{font-size:9px}.status.online:before{background:#55a85c}.transport{border:1px solid #d5d5db;background:#f1f1f3;box-shadow:inset 0 2px 3px #d7d7dc;border-radius:15px}.tempo input{background:#fff;border-color:#ddd;color:#777}.composition-card{border:2px solid #9d9d9f;border-radius:20px;background:#eeeef0;box-shadow:inset 2px 2px 2px #fff,inset -2px -2px 3px #aaa,0 3px 3px #ccc;padding:18px}.composition-card>div:first-child{background:linear-gradient(110deg,#e2e5ee,#e6e6f0);border:1px solid #bbbcc8;box-shadow:inset 2px 2px 4px #fff,0 2px 3px #c3c3c7;border-radius:9px;padding:18px;color:#4aa753}.composition-card h2{font-size:12px;font-weight:400}.pill{color:#4aa753;background:transparent;border:0;font-size:10px}.signal-orbit i{background:#6dae75;opacity:.65}.phrase-actions{gap:0}.phrase-actions button{flex:1;border-radius:0;background:#e1dfed;padding:12px 5px;box-shadow:inset 0 1px 2px #fff,0 2px 3px #bbb}.phrase-actions button:first-child{border-radius:10px 0 0 10px}.phrase-actions button:last-child{border-radius:0 10px 10px 0}.arrangement-strip{background:#eeeef0;border:0;border-radius:16px;box-shadow:inset 0 2px 4px #ddd}.arrangement-strip p,.arrangement-label>span{color:#888}.energy-track{background:#dedce9}.energy-track>div{background:#aaa7c1}.section-stages span{color:#898790}.section-stages .current{background:#dcd9ea;color:#686575}.control-group{background:#f2f2f2;border:0;border-radius:14px;box-shadow:inset 0 1px 3px #e3e3e3;padding:14px}.control-group legend{font-size:10px;color:#97979c;text-shadow:0 1px #fff}.group-controls label>span,.control-title{color:#85858b}.control-title output,.group-controls b{color:#aaa}.voice .wave{border-color:#dedee2}.wave select{background:#e5e3ee;border-color:#d2cedf;color:#85818e;box-shadow:inset 0 1px 2px #fff}.wave-mark{color:#aaa8b5}.voice footer{border-color:#dedee2;color:#a0a0a6}.melody-panel,.instrument-panel{border:7px solid #fff;border-radius:22px;background:#f0f0f0;box-shadow:inset 0 2px 4px #e1e1e1}.melody-panel h2{color:#8e8e93;font-weight:400;font-size:12px}.meter{background:#dddbe6}.meter>div{background:#8bb293}.reset{background:transparent;box-shadow:none;color:#999}.page-footer{color:#aaa}.master-volume,.tempo{color:#888}input[type=range]{height:26px;border:0;border-radius:30px;background:linear-gradient(#b8b8bc,#b8b8bc) center/86% 3px no-repeat,#fff;box-shadow:inset 0 1px 2px #f7f7f7;margin:6px 0}input[type=range]::-webkit-slider-thumb{width:23px;height:23px;border-radius:50%;border:1px solid #a7a7aa;background:radial-gradient(ellipse at 30% 20%,#fff,#e9e9e9,#949498 32%,#f9f9fa 43%,#c1c1c4 57%,#fafafa 69%,#a1a1a6 87%,#eee);box-shadow:0 2px 3px #bdbdc2,inset 0 1px 1px #fff}.control-groups,.voices .control-groups{gap:10px}.voices .control-group{padding:10px}.controls label span{color:#888}.all-layers{background:#e2dfed}.section-hint{color:#888}@media(max-width:800px){main{margin:12px;padding:16px;border-radius:22px}.intro h1{font-size:28px}.voices>div,.voices>div:last-child{padding:12px;border-width:6px}.phrase-actions button,.control-group legend{font-size:9px}}.group-controls label>span,.control-title{color:#66666e}.control-title output,.group-controls b{color:#797982}.composition-card>div:first-child,.pill{color:#34833e}.control-group legend{color:#76767e}.transport{grid-row:3}.audio-bars{flex-basis:100%;display:flex;justify-content:center;align-items:center;gap:5px;height:76px;background:#e1e5ee;border:1px solid #c2c5cf;border-radius:9px;box-shadow:inset 2px 2px 3px #fff,0 2px 3px #ccc;margin-top:7px}.audio-bars i{display:block;width:5px;height:5px;border-radius:4px;background:#5b9c65;transition:height 80ms linear}.melody-panel{grid-column:2;grid-row:4;padding:13px;border-width:5px}.instrument-panel{grid-column:2;grid-row:5}.instrument-panel .control-groups{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-row{grid-column:2;grid-row:6}.voices>div{grid-row:2/7}.page-footer{grid-row:7}.instrument-panel .group-controls{gap:10px}.control-title{margin-bottom:3px}@media(max-width:800px){.voices>div{grid-row:auto}.audio-bars{height:70px}.instrument-panel .control-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}main{margin:12px auto;padding:14px 22px;gap:8px 14px;grid-template-columns:minmax(220px,1fr) minmax(340px,1.5fr) minmax(220px,1fr)}header{padding:0}.intro{padding:0}.intro h1{font-size:28px}.eyebrow{font-size:8px}.status{margin-top:4px}.transport{padding:10px;gap:7px}.voices>div,.voices>div:last-child{padding:12px;border-width:6px}.voice-heading{margin-bottom:14px}.voice-heading p{line-height:1.4}.layer-switch{margin-bottom:12px}.voices .control-groups{gap:10px}.voices .control-group{padding:8px}.group-controls{gap:10px}.group-controls label>span{margin-bottom:3px}.voice footer{font-size:7px;margin-top:12px;padding-top:8px}.melody-panel{padding:10px}.melody-panel h2{margin-bottom:8px}.control-group{padding:9px}.instrument-panel .group-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.instrument-panel .control-groups{grid-template-columns:1fr;gap:10px}.knob-control{display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;min-width:0}.knob-control>span{font-size:9px;line-height:1.2;min-height:22px}.knob-control output{font-size:9px;color:#797982}.knob{width:43px;height:43px;padding:0;border-radius:50%;background:linear-gradient(135deg,#f7f6ff,#cbc8df);border:1px solid #b7b3c5;box-shadow:0 2px 4px #b9b8c0,inset 1px 1px 3px #fff;touch-action:none;position:relative}.knob:hover{background:#d7d3e7}.knob:active{box-shadow:0 2px 4px #b9b8c0}.knob i{position:absolute;width:4px;height:9px;background:#8b879a;border-radius:3px;top:4px;left:18px}.page-footer{padding:2px 0}.all-layers{margin-top:8px}@media(min-width:801px)and (max-height:760px){main{margin:6px auto;padding:10px 18px;gap:6px 12px}.voices .control-groups{gap:7px}.voice-heading{margin-bottom:8px}.voice-heading p{display:none}.voice footer{display:none}.control-group{padding:7px}.melody-panel{padding:8px}.knob{width:36px;height:36px}.knob i{left:15px}.knob-control>span{font-size:8px}.intro h1{font-size:24px}.group-controls label>span{font-size:9px}input[type=range]{height:23px}}@media(max-width:800px){main{margin:10px;padding:14px}.voices>div,.voices>div:last-child{padding:10px}.instrument-panel .control-groups{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:430px){.instrument-panel .control-groups{grid-template-columns:1fr}}:root{--green:#b9bdc1;--paper:#f4f4f4;--line:#d0d2d4}body{background:#efefef}main{border:0;border-radius:0;box-shadow:none;background:transparent;margin:18px auto;padding:0 22px;gap:10px 16px}main:before,main:after{display:none}.intro{grid-row:1}.transport{grid-row:2}.melody-panel{grid-row:3}.instrument-panel{grid-row:4}.status.online:before{background:#969da3}.layer-switch button[aria-pressed=true],.play,.all-layers{background:linear-gradient(145deg,#fafbfc,#dfe2e5 45%,#c7ccd0);border-color:#bdc2c7;color:#62686e;box-shadow:inset 0 1px 2px #fff,0 2px 3px #c2c5c8}.play:hover,.all-layers:hover,button:hover{background:#dce0e3}.knob{background:radial-gradient(circle at 35% 25%,#fff,#eef0f2 32%,#cdd2d6 68%,#e5e8ea);border:1px solid #b9bfc4;box-shadow:inset 1px 1px 3px #fff,0 2px 4px #b9bec2}.knob:hover{background:radial-gradient(circle at 35% 25%,#fff,#d0d6db)}.knob i{background:#8c959d}.knob:active{box-shadow:inset 1px 1px 3px #fff,0 2px 4px #b9bec2}input[type=range]{height:28px;background:linear-gradient(#c4c9cd,#c4c9cd) center/86% 3px no-repeat,#fafbfc;box-shadow:inset 0 1px 3px #e7e9eb;border-radius:30px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px;border-radius:50%;border:1px solid #b8bfc5;background:radial-gradient(circle at 35% 25%,#fff,#f1f3f5 30%,#d4d9dd 68%,#bcc4ca);box-shadow:inset 0 1px 2px #fff,0 2px 3px #bdc3c8}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;border:1px solid #b8bfc5;background:radial-gradient(circle at 35% 25%,#fff,#d4d9dd);box-shadow:0 2px 3px #bdc3c8}button:focus-visible,input:focus-visible{outline-color:#7f929f}@media(min-width:801px)and (max-height:760px){main{margin:10px auto;padding:0 18px;gap:7px 12px}}@media(max-width:800px){main{margin:12px auto;padding:0 14px}.voices>div{grid-row:auto}}:root{color:#a2b88b;--muted:#a2b88b;--green:#dfebcf}h1,h2,.intro h1,.voice-heading h2,.voice-heading p,.index,.eyebrow,.status,.tempo,.master-volume,.knob-control,.knob-control output,.control-group legend,.group-controls label>span,.control-title,.control-title output,.group-controls b,.voice footer,.melody-panel h2{color:#a2b88b;text-shadow:none}.intro h1{color:#bed3a5}.layer-switch button[aria-pressed=true],.play,.all-layers,button{background:linear-gradient(145deg,#f8fbf2,#e7f0dc);border-color:#d7e2cb;color:#a2b88b;box-shadow:inset 0 1px 2px #fff,0 2px 3px #d1d9ca}button:hover,.play:hover,.all-layers:hover{background:#e1ecd5}.tempo input{color:#a2b88b}.status:before,.status.online:before{background:#c6dbb0}.knob{width:72px;height:72px;background:radial-gradient(circle at 35% 25%,#fafdf5,#e5efd9 42%,#cddfba);border:1px solid #d1dfc4;box-shadow:inset 1px 1px 4px #fff,0 3px 6px #ccd7c1}.knob i{width:5px;height:12px;left:32px;top:7px;background:#a7bd94}.knob:active{box-shadow:inset 1px 1px 4px #fff,0 3px 6px #ccd7c1}.knob-control{gap:5px}.knob-control>span{font-size:9px}.knob-control output{font-size:11px}.instrument-panel .group-controls{gap:8px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.group-controls label>span,.control-title{justify-content:flex-end}input[type=range]{background:linear-gradient(#d2dfc7,#d2dfc7) center/86% 3px no-repeat,#fafcf7}input[type=range]::-webkit-slider-thumb{background:radial-gradient(circle at 35% 25%,#fcfff7,#e7f0dd 42%,#c9dbb7);border-color:#d0dec3;box-shadow:inset 0 1px 2px #fff,0 2px 3px #d0dac7}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 25%,#fcfff7,#d8e7c8);border-color:#d0dec3}button:focus-visible,input:focus-visible{outline-color:#a5bc91}@media(min-width:801px)and (max-height:760px){.knob{width:62px;height:62px}.knob i{left:27px}.knob-control>span{font-size:8px}}:root{color:#606063;--muted:#85858c}h1,h2,.intro h1,.voice-heading h2,.voice-heading p,.index,.eyebrow,.status,.tempo,.master-volume,.knob-control,.knob-control output,.control-group legend,.group-controls label>span,.control-title,.control-title output,.group-controls b,.voice footer,.melody-panel h2{color:#66666e;text-shadow:none}.intro h1{color:#717579}.tempo input{color:#66666e}button{background:linear-gradient(#fff,#f1f1f2);border-color:#d2d2d8;color:#66666e;box-shadow:0 2px 3px #c6c6cd,inset 0 1px 1px #fff}button:hover{background:#e5e7e8}.layer-switch button[aria-pressed=true],.play,.all-layers{background:linear-gradient(145deg,#f8fbf2,#e0eccf);border-color:#d3dfc5;color:#66666e;box-shadow:inset 0 1px 2px #fff,0 2px 3px #d1d9ca}.play:hover,.all-layers:hover{background:#dbe8ca}.knob{background:radial-gradient(circle at 35% 25%,#fafdf5,#e5efd9 42%,#cddfba);border-color:#d1dfc4;box-shadow:inset 1px 1px 4px #fff,0 3px 6px #ccd7c1}.knob:hover{background:radial-gradient(circle at 35% 25%,#fcfff8,#d7e7c4)}input[type=range]{background:linear-gradient(#c4c9cd,#c4c9cd) center/86% 3px no-repeat,#fafbfc}.play,.all-layers{background:linear-gradient(145deg,#f2f5ef,#d4dfd1);border-color:#c1cebd}.play:hover,.all-layers:hover{background:#cddbc9}.knob{background:radial-gradient(circle at 35% 25%,#f6f8f3,#dce5d8 42%,#becfb9);border-color:#bcccb6;box-shadow:inset 1px 1px 4px #fff,0 3px 6px #c4cfc0}.knob:hover{background:radial-gradient(circle at 35% 25%,#f9fbf7,#cbdac5)}.knob i{background:#8da185}.status:before,.status.online:before{background:#aabda1}input[type=range]::-webkit-slider-thumb{background:radial-gradient(circle at 35% 25%,#f9fbf7,#dbe5d6 42%,#b9ccb1);border-color:#bdcdb5;box-shadow:inset 0 1px 2px #fff,0 2px 3px #c4d0bf}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 25%,#f9fbf7,#cbdac5);border-color:#bdcdb5}.vertical-control{display:flex;flex-direction:column;align-items:center;gap:6px}.vertical-control>span{width:100%;justify-content:center!important}.vertical-control input[type=range]{writing-mode:vertical-lr;direction:rtl;width:30px;height:106px;background:linear-gradient(#c4c9cd,#c4c9cd) center/3px 86% no-repeat,#fafbfc;margin:0}.voice-heading{margin-top:8px;margin-bottom:18px}.voices .control-group:has(.vertical-control){padding-bottom:12px}.voice footer{margin-top:14px}@media(min-width:801px)and (max-height:760px){.vertical-control input[type=range]{height:82px}.voice-heading{margin-bottom:10px}}:root{background:#e6e4df;color:#686965;--muted:#92938e}body{background:radial-gradient(ellipse at 20% 10%,#f0efeb,#dfddd7);min-height:100vh}main{max-width:1440px;margin:20px auto;padding:0 24px;gap:14px 20px}.voices>div,.voices>div:last-child,.melody-panel,.instrument-panel{background:linear-gradient(145deg,#eae9e5,#e3e2dd);border:1px solid #f8f7f3;border-radius:24px;box-shadow:8px 8px 18px #cccac4,-7px -7px 16px #f6f5f1,inset 0 1px 1px #fff;padding:16px}.intro h1{font-family:Arial,Helvetica,sans-serif;font-style:normal;letter-spacing:4px;font-size:30px;color:#797b75;text-shadow:0 1px #fff}.eyebrow{letter-spacing:2px;color:#9b9c95}.status{color:#8c8e87}.transport{background:#e7e6e1;border:1px solid #f8f7f2;box-shadow:inset 2px 2px 4px #cfcec7,inset -2px -2px 4px #f9f8f3;border-radius:16px;padding:14px}.control-group{background:transparent;box-shadow:none;border:0;padding:8px}.control-group legend{font-size:9px;letter-spacing:.3px;color:#8c8e87}.voice-heading h2{font-family:Arial,Helvetica,sans-serif;font-weight:600;letter-spacing:3px;color:#7a7c75}.voice-heading p{color:#92948d}.group-controls b,.control-title output{font-size:10px;color:#7e8079}.voice footer{border-color:#d1d1ca;color:#a0a29b}.melody-panel h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:.6px;color:#7b7d76}button{background:linear-gradient(#efefeb,#dfdfda);border:1px solid #f7f7f2;border-radius:7px;color:#80827a;box-shadow:3px 3px 6px #cecec7,-2px -2px 5px #faf9f4,inset 0 1px 1px #fff}.play,.all-layers{background:linear-gradient(#d6e9c2,#b6d69f);border-color:#dcebcf;color:#65785b;box-shadow:3px 3px 6px #c9cfc1,inset 0 1px 1px #eef9e6}.play:hover,.all-layers:hover{background:#c0daaa}.stop{background:linear-gradient(#f4ceca,#e8aaa8);color:#96716f;border-color:#f4d5d1}.stop:hover{background:#ecc1bd}.tempo input{border:1px solid #f6f5f0;background:#e5e5df;box-shadow:inset 2px 2px 4px #c9cac2,inset -2px -2px 4px #fafaf4;color:#797d72}.knob-control{gap:7px}.knob-control>span{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#888b82}.knob{width:82px;height:82px;border-radius:50%;border:2px solid #f8f9f4;background:radial-gradient(circle at 35% 25%,#f4f5f0,#dedfd9 60%,#cfd1c9);box-shadow:5px 6px 9px #bfc2b8,-4px -4px 8px #fff,inset 2px 2px 3px #fafcf5,inset -2px -2px 3px #c9cdc1;outline:7px solid #dce4d1;outline-offset:3px;margin:12px 0}.knob:hover{background:radial-gradient(circle at 35% 25%,#fff,#dfe3d9)}.knob:active{box-shadow:5px 6px 9px #bfc2b8,inset 2px 2px 3px #fafcf5}.knob i{width:9px;height:9px;border-radius:50%;top:11px;left:35px;background:#b8c9a4;box-shadow:inset 1px 1px 2px #94a681,0 1px 1px #fff}.knob-control output{color:#92978a;font-size:10px}.instrument-panel .control-groups{gap:13px}.instrument-panel .group-controls{gap:12px}.knob-control:nth-child(2) .knob{outline-color:#e4d4d4}.knob-control:nth-child(2) .knob i{background:#d7aaaa}.knob-control:nth-child(3) .knob{outline-color:#d8d9e3}.knob-control:nth-child(3) .knob i{background:#b0aecb}input[type=range]{height:26px;border:1px solid #f8f8f2;border-radius:18px;background:linear-gradient(90deg,#a9cfdc,#bab5d5,#e4aabb,#edc999,#cee1a8) center/86% 7px no-repeat,#d6d7d0;box-shadow:inset 2px 2px 4px #bcbeb6,inset -2px -2px 4px #f8faf0}input[type=range]::-webkit-slider-thumb{width:30px;height:30px;border:1px solid #f5f7ef;background:radial-gradient(circle at 35% 25%,#f6f7f2,#dedfd9 65%,#c7cac1);box-shadow:2px 3px 5px #acb0a5,inset 0 1px 2px #fff}input[type=range]::-moz-range-thumb{width:28px;height:28px;border:1px solid #f5f7ef;background:radial-gradient(circle at 35% 25%,#f6f7f2,#d4d8cc);box-shadow:2px 3px 5px #acb0a5}.vertical-control input[type=range]{width:28px;height:106px;background:linear-gradient(0deg,#a9cfdc,#bbb5d3,#e4a9bc,#edca9a,#cde0aa) center/7px 86% no-repeat,#d3d5cc;border:1px solid #f7f9ef;box-shadow:inset 2px 2px 4px #b4b8ab,inset -2px -2px 4px #f7f9f0}.vertical-control{gap:10px}.all-layers{margin-top:10px}@media(min-width:801px)and (max-height:820px){main{margin:12px auto;gap:10px 16px;padding:0 22px}.voices>div,.voices>div:last-child,.melody-panel,.instrument-panel{padding:12px}.knob{width:66px;height:66px;margin:10px 0;outline-width:5px}.knob i{left:27px;top:9px}.knob-control{gap:5px}.knob-control>span{font-size:9px}.instrument-panel .control-groups{gap:8px}.vertical-control input[type=range]{height:88px}.intro h1{font-size:26px}.transport{padding:11px}.control-group{padding:7px}.voice footer{display:none}}@media(max-width:800px){main{margin:16px auto;padding:0 16px}.knob{width:66px;height:66px;outline-width:5px}.knob i{left:27px;top:9px}}@media(min-width:801px)and (max-height:820px){main{margin:6px auto;gap:8px 16px}.instrument-panel .control-groups{gap:5px}.knob{margin:8px 0}.knob-control{gap:4px}.transport{padding:9px}}body{display:flow-root}.envelope-knob .knob{width:54px;height:54px;margin:9px 0;outline-width:5px;outline-offset:2px}.envelope-knob .knob i{width:7px;height:7px;top:8px;left:22px}.envelope-knob .knob-control{gap:6px}.envelope-knob .knob-control output{color:#7e8079}.segment-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:76px}.segment-control output{font-size:10px;color:#7e8079}.segment-scale{display:flex;width:100%;gap:3px;padding:7px 5px;background:#d9dbd3;border:1px solid #f8f9f1;border-radius:10px;box-shadow:inset 2px 2px 4px #bdc1b4,inset -2px -2px 4px #f6f8ef}.segment-scale button{flex:1;min-width:0;height:18px;padding:0;border-radius:4px;background:#d5d8cf;border:1px solid #e9ede1;box-shadow:inset 0 1px 2px #fff}.segment-scale button.lit{background:linear-gradient(#f1c7c2,#e2a5a0);border-color:#f5d2cc}.segment-scale button:hover{background:#ecc2ba}.step-control{display:flex;align-items:center;justify-content:center;gap:4px;min-height:76px}.step-control input{width:65px;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;background:#e3e5dd;border:1px solid #f5f7ed;border-radius:8px;padding:10px 4px;font-size:20px;color:#92998a;text-align:center;box-shadow:inset 2px 2px 4px #c8cebe,inset -2px -2px 4px #f6f9ef}.step-control input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.step-buttons{display:flex;flex-direction:column;gap:4px}.step-buttons button{padding:2px 7px;font-size:13px;line-height:1}.step-control small{display:block!important;color:#92978a;font-size:10px}.voices .control-group{min-width:0}.voice .control-groups{gap:14px}.intro,.voice-heading h2,.voice-heading p,.voice-heading .tag,.voice footer,.melody-panel h2,.control-group legend,.knob-control>span,.step-control small{display:none}.voice-heading{margin:0 0 10px}.index{font-size:16px}.voices>div{grid-row:1/5}.transport{grid-row:1}.melody-panel{grid-row:2}.instrument-panel{grid-row:3}.tempo,.master-volume{font-size:0}.tempo span{display:none}.master-volume output{font-size:10px}.play{min-width:80px}.all-layers{font-size:18px;padding:3px 12px}.step-control small{display:none!important}.instrument-panel .group-controls{grid-template-columns:1fr 1fr;gap:24px 18px}.instrument-panel .control-groups{gap:22px}.instrument-control{min-width:0;min-height:60px}.color-bar{display:flex;flex-direction:column;justify-content:center;gap:10px}.color-bar output{font-size:11px;color:#858b7d;text-align:right}.color-bar input[type=range]{height:20px;background-image:linear-gradient(#df9d9b,#efc4c0);background-repeat:no-repeat;background-color:#d1d4cc;border:1px solid #f4f6ee;box-shadow:inset 1px 2px 4px #b6bcae,inset -1px -1px 3px #f8faf2;border-radius:12px}.color-bar:nth-child(2) input[type=range]{background-image:linear-gradient(#a9c996,#cfe6bd)}.color-bar input[type=range]::-webkit-slider-thumb{width:34px;height:18px;border-radius:12px;background:linear-gradient(#fafbf5,#d7decd);border-color:#e8eede;box-shadow:1px 2px 3px #aeb6a5}.instrument-control.segment-control{gap:10px}.instrument-control .segment-scale{padding:7px}.instrument-control .segment-scale button{height:22px}.instrument-panel .control-group:first-child>.group-controls>.instrument-control:last-child{grid-column:1/-1;max-width:75%;width:100%;justify-self:center}.instrument-panel .step-control input{width:86px;font-size:25px}.instrument-panel .step-buttons button{font-size:16px;padding:3px 9px}.instrument-panel .all-layers{margin-top:20px}.instrument-panel{padding-top:20px;padding-bottom:20px}.extra-sounds{display:flex;justify-content:center;gap:12px;padding:13px 10px;margin-top:18px;border-radius:14px;background:#e0e3da;border:1px solid #f5f7ee;box-shadow:inset 2px 2px 5px #c5cabe,inset -2px -2px 5px #f6f9ef}.sound-pad{position:relative;width:48px;height:46px;padding:4px;border-radius:12px;font-size:23px;color:#a1a69a;background:linear-gradient(#edf0e7,#dce1d4)}.sound-pad i{position:absolute;bottom:5px;left:21px;width:5px;height:5px;border-radius:50%;background:#c2c8ba}.sound-pad[aria-pressed=true]{background:linear-gradient(#f4f7ed,#dce9cc);color:#8ca477}.sound-pad[aria-pressed=true] i{background:#a4c18f;box-shadow:0 0 5px #aec99b}.sound-glass[aria-pressed=true],.sound-machine[aria-pressed=true]{background:linear-gradient(#f4e9e5,#e5c9c4);color:#b78b83}.sound-noise[aria-pressed=true],.sound-pluck[aria-pressed=true]{background:linear-gradient(#efedf5,#d5d2e4);color:#9b96b5}.wave-buttons{display:flex;gap:0;margin-top:22px;border:1px solid #f6f8ed;border-radius:10px;overflow:hidden;box-shadow:3px 3px 7px #ccd1c3,-2px -2px 5px #fafcf4}.wave-buttons button{flex:1;border-radius:0;padding:6px 0;font-size:24px;box-shadow:none;border:0;border-right:1px solid #d2d8c9;background:linear-gradient(#eef1e8,#dce1d5);color:#a5ad9c}.wave-buttons button:last-child{border-right:0}.wave-buttons button[aria-pressed=true]{background:linear-gradient(#e5dccf,#eed2c8);color:#bd8e7d;box-shadow:inset 1px 2px 4px #ceb8ab}.instrument-panel .all-layers{margin-top:14px}@media(max-width:430px){.extra-sounds{gap:8px}.sound-pad{width:42px;height:42px}.sound-pad i{left:18px}}.envelope-knob .knob-control{position:relative;min-height:110px;padding-top:22px}.knob-dial{position:absolute;top:0;left:50%;width:98px;height:98px;transform:translate(-50%);pointer-events:none}.knob-dial svg{width:100%;height:100%}.knob-dial b{position:absolute;top:38px;left:72px;color:#ed9691;font-size:19px;font-weight:400;transform-origin:-23px 11px;transform:rotate(calc(var(--knob-angle) - 90deg))}.envelope-knob .knob{width:54px;height:54px;margin:0 0 15px;outline:0;border:1px solid #f8f8f4;background:linear-gradient(#f8f8f4,#e5e5e0);box-shadow:0 5px 7px #b6b7af,inset 0 1px 3px #fff}.envelope-knob .knob:hover{background:linear-gradient(#fff,#e9e9e3)}.envelope-knob .knob i{width:10px;height:10px;left:21px;top:21px;background:#f19b96;box-shadow:0 0 0 2px #f7c7c0,inset 0 1px 1px #ffa9a5;border-radius:50%}.envelope-knob .knob-control output{position:relative;margin-top:3px}.extra-sounds{gap:0;padding:5px;margin-top:18px;border:1px solid #f6f7f0;border-radius:11px;background:#e0e2db;box-shadow:inset 2px 2px 5px #c1c5ba,inset -2px -2px 5px #fafbf5,0 1px 2px #c7cbc0}.sound-pad{flex:1;width:auto;height:65px;border:1px solid #d0d4c9;border-radius:0;background:linear-gradient(#ebeee5,#dfe3d8);box-shadow:inset 0 1px 2px #fafcf5;position:relative;padding:0;color:transparent}.sound-pad:first-child{border-radius:7px 0 0 7px}.sound-pad:last-child{border-radius:0 7px 7px 0}.sound-pad span{display:none}.sound-pad:before{content:"";position:absolute;width:45px;height:45px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:linear-gradient(#e6e9df,#dde1d5);border:1px solid #d5dbcd;box-shadow:inset 1px 1px 3px #f6f9ef}.sound-pad i{width:15px;height:15px;left:50%;top:50%;bottom:auto;transform:translate(-50%,-50%);background:#c1c5bb;border:1px solid #b6bcae;box-shadow:inset 1px 1px 2px #dce0d5}.sound-pad[aria-pressed=true],.sound-glass[aria-pressed=true],.sound-machine[aria-pressed=true],.sound-noise[aria-pressed=true],.sound-pluck[aria-pressed=true]{background:linear-gradient(#eef1e8,#e1e6d9);box-shadow:inset 0 1px 2px #fafcf4}.sound-pad[aria-pressed=false]{background:#d8dcd1;box-shadow:inset 2px 2px 5px #c2c8b8}.sound-pad[aria-pressed=true] i{width:21px;height:21px;background:#e9a4a0;border:1px solid #d8918d;box-shadow:inset 1px 1px 2px #f8c4bc,1px 2px 3px #c5b4aa}.sound-noise[aria-pressed=true] i,.sound-pluck[aria-pressed=true] i{background:#a6cba6;border-color:#89b78c;box-shadow:inset 1px 1px 2px #cae5c8,1px 2px 3px #abbba4}.sound-glass[aria-pressed=true] i{background:#b0a7d1;border-color:#9a91be;box-shadow:inset 1px 1px 2px #d2c9e7,1px 2px 3px #b2aec1}.sound-machine[aria-pressed=true] i{background:#bbbdb6;border-color:#a1a69b;box-shadow:inset 1px 1px 2px #e0e1d8,1px 2px 3px #adb2a6}@media(max-width:430px){.extra-sounds{gap:0}.sound-pad{width:auto;height:56px}.sound-pad:before{width:36px;height:36px}.sound-pad i{left:50%}}.extra-sounds{max-width:360px;width:100%;margin:18px auto 0;padding:4px;border-radius:8px}.sound-pad{height:44px}.sound-pad:before{width:30px;height:30px}.sound-pad i{width:10px;height:10px}.sound-pad[aria-pressed=true] i{width:14px;height:14px}@media(max-width:430px){.sound-pad{height:40px}.sound-pad:before{width:27px;height:27px}}.knob-dial b{color:#b3bcc6}.envelope-knob .knob i{background:conic-gradient(#cde0aa,#edca9a,#e4a9bc,#bbb5d3,#a9cfdc,#cde0aa);box-shadow:0 0 0 2px #ecefe6,inset 0 1px 1px #fff}.knob-adjustments{display:flex;gap:10px;margin-top:2px}.knob-adjustments button{width:28px;height:24px;padding:0;font-size:17px;line-height:1;border-radius:7px}.envelope-knob .knob{cursor:ns-resize;touch-action:none}.envelope-knob .knob-control{padding-bottom:4px}@media(min-width:801px){main{min-height:calc(100dvh - 32px);margin:16px auto;grid-template-rows:72px 110px 1fr auto;align-items:stretch}.voices>div,.voices>div:last-child{padding:22px}.voice .control-groups{gap:22px}.voice-heading{margin-bottom:20px}.group-controls{gap:18px}.group-controls label>span{margin-bottom:10px}.group-controls b,.control-title output{font-size:12px}input[type=range]{height:30px}input[type=range]::-webkit-slider-thumb{width:34px;height:34px}.transport{padding:16px;gap:12px}.transport button{height:38px}.play{min-width:110px}.tempo input{font-size:15px;width:58px}.master-volume output{font-size:12px}.melody-panel{padding:18px}.envelope-knob .knob-control{min-height:142px;padding-top:27px}.knob-dial{width:118px;height:118px}.knob-dial b{top:49px;left:89px;transform-origin:-30px 11px}.envelope-knob .knob{width:66px;height:66px;margin-bottom:19px}.envelope-knob .knob i{left:27px;top:27px}.knob-adjustments button{width:32px;height:27px}.segment-scale button{height:24px}.step-control input{padding:13px 5px;font-size:24px}.wave-buttons{margin-top:26px}.wave-buttons button{padding:9px 0;font-size:27px}.instrument-panel .control-groups{gap:30px}.instrument-panel .group-controls{gap:28px 22px}.instrument-control{min-height:70px}.color-bar input[type=range]{height:25px}.color-bar input[type=range]::-webkit-slider-thumb{height:23px;width:40px}.extra-sounds{max-width:400px;margin-top:24px}.sound-pad{height:49px}.sound-pad:before{width:34px;height:34px}.instrument-panel .all-layers{margin-top:18px}}@media(min-width:801px)and (max-height:760px){main{min-height:calc(100dvh - 20px);margin:10px auto;grid-template-rows:62px 100px 1fr auto}.voices>div,.voices>div:last-child{padding:16px}.voice .control-groups{gap:14px}.envelope-knob .knob-control{min-height:127px;padding-top:23px}.knob-dial{width:106px;height:106px}.envelope-knob .knob{width:60px;height:60px;margin-bottom:16px}.envelope-knob .knob i{left:24px;top:24px}.knob-dial b{top:43px;left:79px;transform-origin:-26px 11px}.wave-buttons{margin-top:18px}.instrument-panel .control-groups{gap:18px}.instrument-panel .group-controls{gap:20px 18px}.extra-sounds{margin-top:18px}}@media(min-width:801px)and (max-height:820px){main{min-height:calc(100dvh - 20px);margin:10px auto;grid-template-rows:62px 100px 1fr auto}.instrument-panel .control-groups,.instrument-panel .group-controls{gap:18px}.instrument-control{min-height:58px}.instrument-panel{padding:14px}.extra-sounds{margin-top:16px}.instrument-panel .all-layers{margin-top:12px}.step-control input{width:75px}.voice .control-groups{gap:18px}.voices>div,.voices>div:last-child{padding:18px}.step-control input{min-width:0;width:70px;font-size:20px}}.instrument-panel .control-group:last-child .segment-control{grid-row:1;grid-column:1/-1}.instrument-panel .control-group:last-child .step-control{grid-row:2}.instrument-panel .control-group:last-child .step-control:first-child{grid-column:1}.instrument-panel .control-group:last-child .step-control:last-child{grid-column:2}.instrument-panel .step-control input{width:65px;font-size:20px;padding:10px 4px}.instrument-panel .step-buttons button{padding:2px 7px;font-size:13px;line-height:1}@media(min-width:801px){.instrument-panel .step-control input{width:70px;font-size:20px;padding:13px 5px}}.color-bar input[type=range],.color-bar:nth-child(2) input[type=range]{background-image:linear-gradient(90deg,#a9cfdc,#bbb5d3,#e4a9bc,#edca9a,#cde0aa);background-size:86% 7px!important;background-position:center;background-color:#d6d7d0;box-shadow:inset 2px 2px 4px #bcbeb6,inset -2px -2px 4px #f8faf0}.color-bar input[type=range]::-webkit-slider-thumb{background:radial-gradient(circle at 35% 25%,#f6f7f2,#dedfd9 65%,#c7cac1);border-color:#f5f7ef;box-shadow:2px 3px 5px #acb0a5,inset 0 1px 2px #fff}.segment-scale button.lit:nth-child(1){background:#a9cfdc;border-color:#c4e2eb}.segment-scale button.lit:nth-child(2){background:#b8b1d5;border-color:#d6cfee}.segment-scale button.lit:nth-child(3){background:#e4a9bc;border-color:#f2cad7}.segment-scale button.lit:nth-child(4){background:#eabc94;border-color:#f5d4b6}.segment-scale button.lit:nth-child(5){background:#e6d99a;border-color:#f5e9be}.segment-scale button.lit:nth-child(6){background:#cde0aa;border-color:#e1edca}.segment-scale button.lit:nth-child(7){background:#abd5b5;border-color:#cce9d3}.segment-scale button.lit:nth-child(8){background:#a6d7d6;border-color:#c6ece9}.segment-scale button.lit:nth-child(9){background:#b1c8e0;border-color:#d2e3f0}.segment-scale button.lit:nth-child(10){background:#c9b5d9;border-color:#e4d4ee}.segment-scale button.lit:nth-child(11){background:#e1b5c8;border-color:#f0d3e0}.sound-pad[aria-pressed=true] i{background:radial-gradient(circle at 35% 25%,#f8c9c4,#e9a4a0);border-color:#d8918d;box-shadow:inset 1px 1px 2px #ffe5de,1px 2px 3px #c5b4aa}.sound-noise[aria-pressed=true] i{background:radial-gradient(circle at 35% 25%,#c8e9ef,#94c7d7);border-color:#8ebbc9;box-shadow:inset 1px 1px 2px #e9fbff,1px 2px 3px #b1c6c8}.sound-glass[aria-pressed=true] i{background:radial-gradient(circle at 35% 25%,#d5c8f0,#b0a0d2);border-color:#a393c4;box-shadow:inset 1px 1px 2px #f1e8ff,1px 2px 3px #beb4ce}.sound-pluck[aria-pressed=true] i{background:radial-gradient(circle at 35% 25%,#f7dfba,#e6bf83);border-color:#d6b277;box-shadow:inset 1px 1px 2px #fff2d8,1px 2px 3px #cebea5}.sound-machine[aria-pressed=true] i{background:radial-gradient(circle at 35% 25%,#e1efc5,#b5cf94);border-color:#a6bd88;box-shadow:inset 1px 1px 2px #f7ffe5,1px 2px 3px #bdcba9}.sound-pad[aria-pressed=false] i{background:#c8cbc2;border-color:#b9beb1;box-shadow:inset 1px 1px 2px #e1e5da}.wave-buttons button[aria-pressed=true]{background:linear-gradient(#dce8ed,#b6d2df);color:#829daa;box-shadow:inset 1px 2px 4px #a9c2cd}.wave-buttons button:nth-child(2)[aria-pressed=true]{background:linear-gradient(#e3dbee,#c7b6de);color:#9b86b5}.wave-buttons button:nth-child(3)[aria-pressed=true]{background:linear-gradient(#f2dbdf,#e5b8c4);color:#b58595}.wave-buttons button:nth-child(4)[aria-pressed=true]{background:linear-gradient(#e6edd8,#cbdcae);color:#96aa7e}.envelope-knob .knob-control{min-height:170px;padding-top:32px}.knob-dial{width:148px;height:148px}.knob-dial b{top:63px;left:113px;transform-origin:-39px 11px}.envelope-knob .knob{width:82px;height:82px;margin-bottom:24px}.envelope-knob .knob i{left:35px;top:35px;width:10px;height:10px}@media(min-width:801px)and (max-height:820px){.envelope-knob .knob-control{min-height:155px;padding-top:29px}.knob-dial{width:136px;height:136px}.knob-dial b{top:57px;left:104px;transform-origin:-36px 11px}.envelope-knob .knob{width:76px;height:76px;margin-bottom:22px}.envelope-knob .knob i{left:32px;top:32px}.voice .control-groups{gap:14px}.wave-buttons{margin-top:18px}}@media(max-width:800px){.envelope-knob .knob-control{min-height:135px;padding-top:25px}.knob-dial{width:118px;height:118px}.knob-dial b{top:49px;left:89px;transform-origin:-30px 11px}.envelope-knob .knob{width:66px;height:66px;margin-bottom:18px}.envelope-knob .knob i{left:27px;top:27px}}.play{background:linear-gradient(#e1edca,#cde0aa);border-color:#dce9c5;color:#778b60;box-shadow:3px 3px 6px #c6d1b9,inset 0 1px 1px #f2f9e6}.play:hover{background:#cde0aa}.stop{background:linear-gradient(#f2cad7,#e4a9bc);border-color:#edc0cf;color:#a77587;box-shadow:3px 3px 6px #d6bec7,inset 0 1px 1px #fbe3eb}.stop:hover{background:#e4a9bc}.step-control input,.instrument-panel .step-control input{width:84px;min-width:84px;padding:10px 6px;font-size:18px;line-height:1.3;font-variant-numeric:tabular-nums}.step-control{gap:6px}.step-buttons{flex-shrink:0}