:root{color:#f3eee9;font-synthesis:none;text-rendering:optimizelegibility;--copper:#c98752;--copper-bright:#e1aa77;--copper-deep:#6d4028;--ink:#050505;--panel:#0e0d0c;--panel-2:#15110f;--line:#d3915b47;--muted:#958a82;background:#050505;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 50% 0,#74442738,#0000 29rem),radial-gradient(circle at 12% 35%,#5c321d14,#0000 32rem),#050505;min-width:320px;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 18% 21%,#ffffffb3 0 1px,#0000 1.3px),radial-gradient(circle at 74% 12%,#e1aa77a6 0 1px,#0000 1.4px),radial-gradient(circle at 86% 58%,#ffffff7a 0 1px,#0000 1.2px),radial-gradient(circle at 34% 82%,#e1aa7773 0 1px,#0000 1.3px);background-size:260px 240px,330px 310px,290px 350px,380px 300px;position:fixed;inset:0}button,input,select{font:inherit}button{color:inherit}.shell{z-index:1;width:min(1480px,100% - 32px);margin:0 auto;padding:38px 0 28px;position:relative}.masthead{justify-content:space-between;align-items:flex-end;gap:24px;padding:0 6px 22px;display:flex}.eyebrow{color:var(--copper);letter-spacing:.32em;margin:0 0 7px;font-size:.67rem;font-weight:800}h1{letter-spacing:-.055em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3rem,7vw,6.8rem);font-weight:400;line-height:.85}.subtitle{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:13px 0 0;font-size:.78rem}.status-cluster{border:1px solid var(--line);color:#a89a91;letter-spacing:.14em;background:#080808bd;align-items:center;gap:10px;padding:10px 13px;font-size:.68rem;font-weight:800;display:flex}.lamp{background:#4d3224;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #ffffff0a}.lamp.live{background:var(--copper-bright);box-shadow:0 0 14px #e1aa77bf}.synth-panel{background:linear-gradient(145deg,#ffffff06,#0000 22%),linear-gradient(#15120f,#090909 48%,#0d0b0a);border:1px solid #db996659;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 36px 90px #00000094,inset 0 1px #ffffff0a,inset 0 -30px 70px #00000052}.synth-panel:before,.synth-panel:after{content:"";background:#261b16;border:1px solid #523421;border-radius:50%;width:6px;height:6px;position:absolute;top:14px;box-shadow:0 0 0 1px #050505}.synth-panel:before{left:14px}.synth-panel:after{right:14px}.panel-grid{background:var(--line);gap:1px;display:grid}.oscillators{grid-template-columns:repeat(3,1fr)}.lower-grid{border-top:1px solid var(--line);grid-template-columns:1fr 1.35fr 1fr}.module{background:linear-gradient(#ffffff05,#0000 44%),#0c0b0af7;min-width:0;padding:24px}.module-title{border-bottom:1px solid #c987522e;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:25px;padding-bottom:11px;display:flex}.module-title span{color:var(--copper-bright);letter-spacing:.08em;font-family:Georgia,Times New Roman,serif;font-size:1.15rem}.module-title small{color:#6f635d;letter-spacing:.2em;font-size:.57rem}.control,.select-control{margin:18px 0;display:block}.control-top,.select-control>span{color:#aaa098;letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;gap:12px;margin-bottom:9px;font-size:.69rem;font-weight:700;display:flex}output{color:var(--copper-bright)}input[type=range]{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#221915,#493126);border:1px solid #493126;border-radius:999px;height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 36% 30%,#e3aa77,#8a5433 48%,#2b1a12 51%,#080808 70%);border:1px solid #e4b083;border-radius:50%;width:21px;height:21px;margin-top:-9px;box-shadow:0 2px 8px #000,0 0 10px #c9875229}input[type=range]::-moz-range-track{background:linear-gradient(90deg,#221915,#493126);border:1px solid #493126;border-radius:999px;height:4px}input[type=range]::-moz-range-thumb{background:#8a5433;border:1px solid #e4b083;border-radius:50%;width:19px;height:19px}select{color:#eadfd8;background:#080808;border:1px solid #493126;border-radius:4px;outline:none;width:100%;padding:12px 13px}select:focus,input[type=range]:focus-visible{outline:1px solid var(--copper-bright);outline-offset:3px}.quad-controls{grid-template-columns:1fr 1fr;column-gap:22px;display:grid}.performance-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050505d6;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.performance-copy p:last-child{color:#887d76;margin:0;font-size:.72rem}.panic{color:#d3a27c;letter-spacing:.18em;cursor:pointer;background:#180f0c;border:1px solid #774d34;border-radius:4px;padding:9px 16px;font-size:.66rem;font-weight:900}.panic:hover{border-color:var(--copper-bright)}.keyboard{background:linear-gradient(#090807,#020202),#050505;gap:2px;height:205px;padding:18px 22px 24px;display:flex}.key{cursor:pointer;border-radius:0 0 5px 5px;flex:1;min-width:30px;transition:transform 45ms,filter 45ms,background 45ms;position:relative}.key.white{color:#191715;background:linear-gradient(90deg,#bfb8b1,#f1ece7 42%,#cfc7c0);border:1px solid #524b46;height:100%;box-shadow:inset 0 -8px 12px #0000001f}.key.black{z-index:2;color:#bc835b;background:linear-gradient(90deg,#050505,#17110e 50%,#050505);border:1px solid #70472d;flex:.66;height:68%;margin:0 -10px;box-shadow:0 8px 10px #000000a6,inset 0 -4px #6b3e2629}.key span,.key small{position:absolute;left:50%;transform:translate(-50%)}.key span{font-size:.73rem;font-weight:800;bottom:28px}.key small{opacity:.5;font-size:.62rem;bottom:10px}.key.black span{bottom:24px}.key.black small{bottom:8px}.key.pressed{filter:brightness(.78);transform:translateY(3px)}footer{color:#5f5651;letter-spacing:.17em;justify-content:space-between;gap:16px;padding:14px 6px 0;font-size:.58rem;font-weight:800;display:flex}@media (width<=900px){.oscillators,.lower-grid{grid-template-columns:1fr}.masthead{flex-direction:column;align-items:flex-start}.status-cluster{align-self:stretch}.keyboard{height:165px;padding-inline:10px}.key.black{margin-inline:-7px}}@media (width<=560px){.shell{width:min(100% - 14px,1480px);padding-top:22px}.module{padding:19px 16px}.quad-controls{grid-template-columns:1fr}.performance-strip{flex-direction:column;align-items:flex-start}.keyboard{overflow-x:auto}.key{flex:0 0 46px}.key.black{flex-basis:30px}footer{flex-direction:column}}.sequencer{border-top:1px solid var(--line);background:linear-gradient(#ffffff05,#0000 48%),#080707f5;padding:24px}.sequencer-head,.voice-editor-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.sequencer-head{margin-bottom:18px}.sequencer-title{min-width:280px;margin:0}.sequencer-actions,.voice-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.seq-action,.lane-select{color:#b99378;letter-spacing:.14em;cursor:pointer;background:#0d0908;border:1px solid #553828;border-radius:4px;font-size:.62rem;font-weight:900}.seq-action{padding:9px 13px}.seq-action:hover,.lane-select:hover{border-color:var(--copper-bright);color:var(--copper-bright)}.seq-action.primary{color:#f0bb8c;background:#1b100c;border-color:#94603c;box-shadow:inset 0 0 18px #c9875214}.seq-action.toggle.active{color:#ffd0a8;background:#3a1f14;border-color:#d99862;box-shadow:0 0 12px #c987522e}.sequencer-controls{grid-template-columns:minmax(180px,320px) minmax(180px,320px);gap:24px;margin-bottom:20px;display:grid}.control.compact{margin:0}.sequence-grid{padding-bottom:5px;overflow-x:auto}.sequence-ruler,.sequence-row{grid-template-columns:84px repeat(16,minmax(30px,1fr));align-items:center;gap:5px;min-width:790px;display:grid}.sequence-ruler{color:#6b5f58;text-align:center;margin-bottom:5px;font-size:.55rem}.sequence-row{margin-bottom:6px}.lane-select{letter-spacing:.1em;height:100%;min-height:28px;padding:5px 7px}.lane-select.selected{color:#f0bb8c;background:#22130e;border-color:#b7784c;box-shadow:inset 3px 0 #d39563}.seq-step{aspect-ratio:1.28;cursor:pointer;background:linear-gradient(#ffffff06,#0000),#0b0908;border:1px solid #39271f;border-radius:3px;min-height:28px;transition:border-color 80ms,background 80ms,box-shadow 80ms,transform 80ms;box-shadow:inset 0 -5px 10px #00000047}.seq-step.bar-start{border-left-color:#74503a}.seq-step.active{background:radial-gradient(circle at 50% 42%,#efb88bcc 0 2px,#0000 3px),linear-gradient(#6f452d,#2a1811);border-color:#c98752;box-shadow:inset 0 0 14px #ecaa7521,0 0 8px #c987521f}.seq-step.accent{background:radial-gradient(circle at 50% 42%,#fff0df 0 3px,#0000 4px),linear-gradient(#a7663d,#472619);border-color:#f2bd8d;box-shadow:0 0 12px #e1aa7747,inset 0 0 18px #ffcda01f}.seq-step.playhead{outline-offset:2px;outline:1px solid #e1aa77c2;transform:translateY(-1px)}.seq-step.active.playhead{box-shadow:inset 0 0 18px #ecaa7538,0 0 14px #e1aa774d}.voice-editor{background:linear-gradient(145deg,#c987520e,#0000 40%),#0b0908;border:1px solid #c987523b;border-radius:10px;margin-top:22px;padding:18px}.voice-editor-head{margin-bottom:18px}.voice-editor-head .eyebrow{margin-bottom:4px}.voice-editor h3{color:var(--copper-bright);letter-spacing:.08em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:1.55rem;font-weight:400}.voice-controls{grid-template-columns:repeat(5,minmax(120px,1fr));gap:18px;display:grid}.voice-control{background:#0000002e;border:1px solid #c987521f;border-radius:6px;padding:12px}@media (width<=1000px){.voice-controls{grid-template-columns:repeat(3,minmax(130px,1fr))}}@media (width<=900px){.sequencer-head,.voice-editor-head{flex-direction:column;align-items:flex-start}.sequencer-actions,.voice-actions{justify-content:flex-start}}@media (width<=560px){.sequencer{padding:19px 16px}.sequencer-controls{grid-template-columns:1fr;gap:16px}.sequencer-actions,.voice-actions{width:100%}.seq-action{flex:1}.voice-controls{grid-template-columns:1fr}}.melodic{border-top:1px solid var(--line);background:linear-gradient(#c9875209,#0000 45%),#090807;padding:24px}.melodic-head,.melodic-editor{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.melodic-head{margin-bottom:18px}.melodic-title{min-width:300px;margin:0}.melodic-steps{grid-template-columns:repeat(16,minmax(52px,1fr));gap:5px;padding-bottom:7px;display:grid;overflow-x:auto}.mel-step{color:#665b55;cursor:pointer;background:#0b0908;border:1px solid #39271f;border-radius:5px;min-width:52px;min-height:70px;padding:8px 5px}.mel-step small,.mel-step strong{display:block}.mel-step small{color:#5d5149;margin-bottom:17px;font-size:.52rem}.mel-step strong{letter-spacing:.05em;font-size:.63rem}.mel-step.bar-start{border-left-color:#805237}.mel-step.active{color:#efb989;background:linear-gradient(#3c2418,#160e0b);border-color:#a86943}.mel-step.selected{outline:1px solid var(--copper-bright);outline-offset:2px}.mel-step.playhead{box-shadow:0 0 16px #e1aa7752,inset 0 0 16px #e1aa771a}.melodic-editor{background:#0003;border:1px solid #c9875233;border-radius:9px;margin-top:18px;padding:18px}.melodic-editor h3{color:var(--copper-bright);margin:0 0 12px;font-family:Georgia,Times New Roman,serif;font-size:1.3rem;font-weight:400}.melodic-controls{grid-template-columns:repeat(3,minmax(130px,1fr));gap:16px;width:min(680px,100%);display:grid}.melodic-control{border:1px solid #c987521f;border-radius:6px;padding:10px}@media (width<=900px){.melodic-head,.melodic-editor{flex-direction:column;align-items:flex-start}.melodic-controls{width:100%}}@media (width<=560px){.melodic{padding:19px 16px}.melodic-controls{grid-template-columns:1fr}}.workspace-tabs{gap:8px;margin:0 6px 18px;display:flex}.workspace-tab{color:#9f8d82;letter-spacing:.16em;cursor:pointer;background:#080707d1;border:1px solid #4c3022;border-radius:5px;min-width:130px;padding:10px 16px;font-size:.66rem;font-weight:900}.workspace-tab.active{color:#f0bb8c;background:#1a100c;border-color:#b8774d;box-shadow:inset 0 0 18px #c9875214}.daw-panel{background:linear-gradient(#13100e,#080707 50%,#0c0a09);border:1px solid #db996659;border-radius:18px;overflow:hidden;box-shadow:0 36px 90px #00000080,inset 0 1px #ffffff09}.daw-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:20px;padding:24px;display:flex}.daw-head h2{letter-spacing:-.03em;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.4rem,5vw,4.4rem);font-weight:400}.daw-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.daw-grid{grid-template-columns:minmax(250px,340px) minmax(0,1fr);min-height:520px;display:grid}.loop-library,.arranger{padding:24px}.loop-library{border-right:1px solid var(--line)}.daw-help,.daw-status{color:#80736b;font-size:.7rem;line-height:1.6}.daw-library{gap:9px;margin-top:18px;display:grid}.loop-card{background:#0b0908;border:1px solid #c987522e;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;padding:11px;display:grid}.loop-card.selected{background:#1a100c;border-color:#c98752;box-shadow:inset 3px 0 #d39563}.loop-card-copy{min-width:0}.loop-card strong,.loop-card small{display:block}.loop-card strong{color:#d8c8bd;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.loop-card small{color:#725f53;margin-top:3px;font-size:.6rem}.loop-card-actions{gap:5px;display:flex}.loop-mini{color:#b98b6b;letter-spacing:.08em;cursor:pointer;background:#100b09;border:1px solid #4a3022;border-radius:4px;padding:6px 8px;font-size:.55rem;font-weight:900}.daw-slots{grid-template-columns:repeat(4,minmax(130px,1fr));gap:10px;display:grid}.daw-slot{min-width:0;position:relative}.daw-slot-main{color:#665b55;text-align:left;cursor:pointer;background:linear-gradient(#ffffff05,#0000),#090807;border:1px solid #39271f;border-radius:7px;width:100%;min-height:110px;padding:14px}.daw-slot-main small,.daw-slot-main strong{display:block}.daw-slot-main small{color:#55483f;margin-bottom:28px;font-size:.58rem}.daw-slot-main strong{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.daw-slot.filled .daw-slot-main{color:#e0ad84;background:linear-gradient(145deg,#c987522e,#0000 55%),#160e0b;border-color:#885638}.daw-slot-remove{color:#795a47;cursor:pointer;background:#0b0807;border:1px solid #4a3022;border-radius:4px;width:25px;height:25px;position:absolute;top:7px;right:7px}.daw-status{margin:18px 0 0}.loop-save-strip{background:#0003;border:1px solid #c9875229;border-radius:7px;grid-template-columns:minmax(170px,300px) auto minmax(160px,1fr);align-items:center;gap:10px;margin:18px 0 20px;padding:12px;display:grid}.loop-name{color:#eadfd8;background:#080808;border:1px solid #493126;border-radius:4px;outline:none;width:100%;padding:10px 11px}.loop-save-status{color:#74675f;font-size:.65rem}@media (width<=900px){.daw-head{flex-direction:column;align-items:flex-start}.daw-actions{justify-content:flex-start}.daw-grid{grid-template-columns:1fr}.loop-library{border-right:0;border-bottom:1px solid var(--line)}.daw-slots{grid-template-columns:repeat(2,minmax(120px,1fr))}.loop-save-strip{grid-template-columns:1fr auto}.loop-save-status{grid-column:1/-1}}@media (width<=560px){.workspace-tabs{grid-template-columns:1fr 1fr;display:grid}.workspace-tab{min-width:0}.daw-head,.loop-library,.arranger{padding:18px 16px}.daw-slots,.loop-save-strip{grid-template-columns:1fr}}.loop-save-actions{flex-wrap:wrap;gap:6px;display:flex}.daw-actions .seq-action:disabled,.loop-save-actions .seq-action:disabled{opacity:.42;cursor:wait}[data-slot-kind]{color:#9d6b4b;letter-spacing:.08em;margin-left:6px}@media (width<=900px){.loop-save-actions{justify-content:flex-start}}@media (width<=560px){.loop-save-actions{grid-template-columns:1fr;display:grid}}