:root{color-scheme:only light;font-family:"Press Start 2P",Courier New,Monaco,monospace;--bg-main: #0f0220;--bg-grid: rgba(0, 255, 245, .17);--panel-bg: #1a0438;--panel-dark: #110226;--text-main: #ffe97a;--accent-pink: #ff2fd1;--accent-cyan: #00ffe1;--accent-purple: #7035ff;--accent-orange: #ff9e2c;--danger: #ff5e95}*{box-sizing:border-box}html{overflow-y:scroll}body{margin:0;min-height:100vh;background-color:var(--bg-main);background-image:linear-gradient(to right,transparent 0,transparent 39px,var(--bg-grid) 40px),linear-gradient(to bottom,transparent 0,transparent 39px,var(--bg-grid) 40px),radial-gradient(circle at top,#3f1086 0%,var(--bg-main) 60%);background-size:40px 40px,40px 40px,100% 100%;color:var(--text-main)}a{color:var(--accent-cyan)}a:hover{color:var(--accent-pink)}.container{display:block;width:100%;min-height:100dvh;text-align:center;padding:.75rem}.synth-container{width:min(calc(100vw - 1.5rem),780px);max-width:780px;margin:0 auto;padding:1.25rem;text-align:left}.retro-logo{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1rem;margin-bottom:.7rem;color:#fff;background:linear-gradient(90deg,#ff2fd1 0,#ff2fd1 20%,#00ffe1 20%,#00ffe1 40%,#7035ff 40%,#7035ff 60%,#ff9e2c 60%,#ff9e2c 80%,#ff2fd1 80%,#ff2fd1);border:4px solid #ffffff;box-shadow:0 0 16px #ff2fd1a6}.retro-logo span{font-weight:900;letter-spacing:.2rem;text-shadow:2px 0 0 #080012,-2px 0 0 #080012,0 2px 0 #080012,0 -2px 0 #080012,4px 4px 0 #120124,0 0 12px rgba(255,255,255,.85);font-size:clamp(1.1rem,3vw,1.45rem)}.subhead{margin:0 0 1rem;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.08rem;text-shadow:0 0 8px rgba(0,255,225,.8)}.subhead-note{margin:-.45rem 0 .8rem;color:var(--accent-cyan);font-size:.62rem;line-height:1.45;letter-spacing:.03rem;text-shadow:0 0 6px rgba(0,255,225,.65)}.tab-shell{border:0;background:transparent;box-shadow:none;margin-top:.2rem}.tab-row{display:flex;gap:.7rem;padding:0 0 .65rem;border-bottom:0;background:transparent}.tab-btn{border:2px solid var(--accent-orange);background:#2a0a53;color:var(--text-main);padding:.65rem .75rem;font-family:inherit;font-size:.82rem;letter-spacing:.08rem;cursor:pointer;text-transform:uppercase;box-shadow:none}.tab-btn[aria-selected=true]{border-color:var(--accent-pink);color:#fff;background:linear-gradient(180deg,#7d21b1,#4f0c74)}.tab-panel{padding:0}.synth-form{display:grid;gap:.95rem;padding:1rem;border:1px solid var(--accent-orange);background:#1a0438f0}.synth-form label{display:grid;gap:.45rem;color:var(--text-main);font-weight:500;font-size:.78rem;letter-spacing:.06rem;text-transform:uppercase}.hint{margin:-.15rem 0 .2rem;font-size:.68rem;line-height:1.5;color:#ffcee9}.toggle-label{grid-template-columns:auto 1fr;align-items:center;gap:.65rem}.synth-form input[type=number],.synth-form input[type=file],.synth-form input[type=checkbox],.synth-form input[type=range],.synth-form select,.synth-form button,.synth-form audio{font-family:inherit}.synth-form input[type=number],.synth-form input[type=file],.synth-form select,.synth-form textarea,.dram-sound-card input[type=number],.dram-sound-card input[type=text],.dram-sound-card select,.dram-sound-panel input[type=text],.dram-sound-panel input[type=range],.dram-sound-panel select,.dram-controls input[type=number],.dram-controls input[type=range],.dram-controls select{width:100%;min-height:38px;padding:.42rem;font-size:.8rem;color:#fff;background:#20064b;border:1px solid var(--accent-cyan);box-shadow:none}.synth-form input[type=file]::file-selector-button{font-family:inherit;font-size:.7rem;margin-right:.65rem;border:1px solid var(--accent-pink);padding:.4rem .5rem;background:#36095f;color:#ffe97a}.rng-lazer-slider-label{display:grid;gap:.45rem}.big-btn{min-height:84px;border:2px solid #fff0aa;color:#fff;background:linear-gradient(180deg,#a92cff,#5e0ca4 55%,#32066e);font-family:inherit;font-size:1.5rem;letter-spacing:.14rem;text-transform:uppercase;cursor:pointer;box-shadow:0 0 16px #a92cffb3,inset 0 0 14px #ffffff14}.rng-lazer-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:36px;margin:0;border:0;background:transparent;position:absolute;top:0;right:0;bottom:0;left:0;z-index:3}.rng-lazer-range-shell{--lazer-fill: 40%;position:relative;min-height:36px;border:1px solid var(--accent-cyan);background:#18063a;overflow:hidden}.rng-lazer-range-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#2a74ff,#1b8fff 25%,#1ac5ff 45%,#ff7a2f 72%,#ff3e1e,#c91208);z-index:1}.rng-lazer-range-mask{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--lazer-fill));background:#18063a;z-index:2}.rng-lazer-slider::-webkit-slider-runnable-track{height:14px;background:transparent}.rng-lazer-slider::-moz-range-thumb{width:0;height:0;border:0;background:transparent;box-shadow:none}.rng-lazer-slider::-moz-range-track{height:14px;background:transparent}.rng-lazer-code{width:100%;min-height:90px;padding:.5rem;font-family:inherit;font-size:.64rem;color:#fff;background:#20064b;border:1px solid var(--accent-cyan);resize:vertical}.rng-lazer-code-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.rng-lazer-copy-btn{width:34px;height:34px;border:0;background:transparent;color:#fff;font-family:inherit;font-size:.95rem;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;width:auto;min-width:34px;white-space:nowrap}.synth-form input[type=checkbox],.toggle-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border:1px solid var(--accent-cyan);background:#23084a;position:relative}.synth-form input[type=checkbox]:checked:after,.toggle-label input[type=checkbox]:checked:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--accent-pink);box-shadow:0 0 8px #ff2fd1cc}.synth-form input:focus,.synth-form button:focus,.tab-btn:focus{outline:3px solid #fff2aa;outline-offset:2px}.synth-form button{margin-top:.25rem;min-height:46px;padding:.65rem .9rem;border:1px solid var(--accent-pink);color:#fff;background:linear-gradient(180deg,#8e1fbe,#5d0f8a);font-size:.84rem;letter-spacing:.08rem;text-transform:uppercase;cursor:pointer;box-shadow:none}.synth-form button:disabled{opacity:.7;cursor:wait}.error{color:var(--danger);margin:.7rem 0 0;text-shadow:0 0 6px rgba(255,94,149,.65)}.result{display:grid;gap:.8rem;margin-top:.9rem;padding:1rem;border:1px solid var(--accent-orange);background:#1a0438f0;width:100%;max-width:100%;min-width:0}.dram-main-panel{margin-top:0}.result h2{margin:0;font-size:.92rem;text-transform:uppercase;color:#fff}.result a{font-size:.72rem;text-transform:uppercase;letter-spacing:.06rem}.dram-sounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.7rem}.dram-sound-switcher{display:flex;flex-wrap:wrap;gap:.5rem}.small-btn{border:1px solid var(--accent-orange);background:#1a0438;color:var(--text-main);font-family:inherit;font-size:.62rem;letter-spacing:.04rem;text-transform:uppercase;padding:.45rem .55rem;cursor:pointer}.small-btn[aria-selected=true]{border-color:var(--accent-pink);color:#fff;background:linear-gradient(180deg,#7d21b1,#4f0c74)}.small-btn:disabled{opacity:.7;cursor:wait}.arcade-sound-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem}.arcade-sound-grid .small-btn{color:#fff;border-width:2px;text-shadow:0 0 4px rgba(0,0,0,.45)}.arcade-sound-grid .small-btn:nth-child(4n+1){border-color:var(--accent-pink);background:linear-gradient(180deg,#8e1fbe,#5d0f8a)}.arcade-sound-grid .small-btn:nth-child(4n+2){border-color:var(--accent-cyan);background:linear-gradient(180deg,#0f8f9d,#075562)}.arcade-sound-grid .small-btn:nth-child(4n+3){border-color:var(--accent-purple);background:linear-gradient(180deg,#5b2cc5,#3b1e80)}.arcade-sound-grid .small-btn:nth-child(4n+4){border-color:var(--accent-orange);background:linear-gradient(180deg,#b05f10,#7d3e06)}.dram-sound-panel{display:grid;gap:.65rem;border:1px solid var(--accent-cyan);background:#13022a;padding:.8rem}.dram-sound-panel-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.dram-sound-panel h3{margin:0;font-size:.74rem;color:#fff}.dram-shape-preview{border:1px solid var(--accent-cyan);background:#100326;padding:.35rem}.dram-shape-preview svg{display:block;width:100%;height:160px}.dram-sound-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem .75rem}.dram-sound-grid label{display:grid;gap:.28rem;font-size:.62rem;letter-spacing:.04rem}.dram-sound-grid .toggle-label{grid-template-columns:auto 1fr;align-items:center;gap:.55rem}.dram-fx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .75rem}.dram-bottom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem .75rem;grid-column:1 / -1;width:100%}.dual-range{display:grid;gap:.35rem}.dram-adsr-panel .dual-range>span{display:none}.dual-range-shell{position:relative;height:50px}.dual-range-track,.dual-range-active{position:absolute;top:50%;transform:translateY(-50%);height:8px;border-radius:99px}.dual-range-track{left:0;right:0;border:1px solid var(--accent-cyan);background:#100326}.dual-range-active{border:1px solid #fff0aa;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink))}.dual-range-shell input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:0;margin:0;padding:0;border:0;box-shadow:none;background:transparent;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.dual-range-ticks{position:absolute;left:0;right:0;top:21px;height:28px;pointer-events:none;user-select:none;-webkit-user-select:none}.dual-range-tick{position:absolute;transform:translate(-50%);display:grid;justify-items:center;gap:.12rem;pointer-events:none;user-select:none;-webkit-user-select:none}.dual-range-tick i{width:1px;height:6px;background:var(--accent-cyan);opacity:.9}.dual-range-tick em{font-style:normal;font-size:.5rem;letter-spacing:.02rem;color:#8efef2}.dual-range-shell input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;border:2px solid #fff0aa;background:var(--accent-orange);box-shadow:0 0 8px #ff9e2ca6;pointer-events:auto;cursor:ew-resize}.dual-range-shell input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;border:2px solid #fff0aa;background:var(--accent-orange);box-shadow:0 0 8px #ff9e2ca6;pointer-events:auto;cursor:ew-resize}.dram-adsr-panel{margin:0;padding:.55rem .6rem .7rem;border:1px solid var(--accent-orange);background:#170334}.dram-adsr-panel legend{padding:0 .35rem;color:var(--accent-cyan);font-size:.58rem;letter-spacing:.08rem;text-transform:uppercase}.dram-tone-grid{display:grid;gap:.5rem;margin-top:.45rem}.dram-adsr-knobs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.retro-vertical-slider{display:grid;justify-items:center;gap:.25rem;font-size:.56rem;letter-spacing:.04rem;color:#ffe9ff}.retro-slider-shell{position:relative;width:46px;height:108px;border:2px solid var(--accent-orange);background:#1a0438;padding:6px}.retro-vertical-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;width:100%;height:100%;min-height:0;margin:0;padding:0;border:0;background:transparent;box-shadow:none;cursor:ns-resize}.retro-vertical-slider input[type=range]::-webkit-slider-runnable-track{width:10px;height:100%;border:1px solid var(--accent-cyan);background:#100326;margin:0 auto}.retro-vertical-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:28px;height:12px;border-radius:1px;margin-top:0;margin-left:-9px;border:2px solid #fff0aa;background:linear-gradient(180deg,var(--accent-orange),#d97308);box-shadow:0 0 8px #ff9e2c8c;cursor:ns-resize}.retro-vertical-slider input[type=range]::-moz-range-track{width:10px;border:1px solid var(--accent-cyan);background:#100326;margin:0 auto}.retro-vertical-slider input[type=range]::-moz-range-thumb{width:28px;height:12px;border-radius:1px;margin-left:-9px;border:2px solid #fff0aa;background:linear-gradient(180deg,var(--accent-orange),#d97308);box-shadow:0 0 8px #ff9e2c8c;cursor:ns-resize}.retro-vertical-slider strong{color:var(--accent-cyan);font-size:.54rem;letter-spacing:.04rem}.dram-sound-card{display:grid;gap:.45rem;padding:.7rem;border:1px solid var(--accent-cyan);background:#13022a}.dram-sound-card h3{margin:0 0 .25rem;font-size:.72rem;color:#fff}.dram-sound-card label{display:grid;gap:.3rem;font-size:.62rem;letter-spacing:.04rem}.dram-sound-card button{min-height:38px;border:1px solid var(--accent-pink);color:#fff;background:linear-gradient(180deg,#8e1fbe,#5d0f8a);font-family:inherit;font-size:.67rem;cursor:pointer}.dram-preview audio{width:100%}.dram-controls{display:grid;grid-template-columns:minmax(170px,240px) auto 120px auto;gap:.75rem;align-items:end}.dram-controls label{display:grid;gap:.4rem;font-size:.65rem;min-width:0}.dram-controls input[type=number],.dram-controls select{min-height:36px}.dram-controls .player-btn{min-height:36px;align-self:end;justify-self:stretch}.dram-controls .toggle-label{display:flex;align-items:center;gap:.6rem;min-height:36px;align-self:end;padding-bottom:.1rem}.dram-sequencer{display:grid;gap:.4rem;overflow-x:auto}.dram-lane{display:grid;grid-template-columns:68px 26px 26px repeat(16,26px);gap:.3rem;align-items:center}.dram-lane span{font-size:.58rem;color:var(--accent-cyan)}.lane-mode-btn{width:26px;height:26px;border:1px solid var(--accent-cyan);background:#100326;color:var(--accent-cyan);font-family:inherit;font-size:.58rem;cursor:pointer;padding:0}.lane-mode-btn.active{border-color:var(--accent-pink);color:#fff;background:#7924a6}.dram-step{width:26px;height:26px;border:1px solid var(--accent-orange);background:#160332;color:#fff;font-family:inherit;font-size:.54rem;cursor:pointer;padding:0}.dram-step-0\.5{background:#5b1a6e}.dram-step-1{background:#d83fb8}.dram-step.playhead{border-color:#fff0aa;box-shadow:0 0 10px #ffe97ae6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#090216bf;display:grid;place-items:center;z-index:1000;padding:1rem}.modal-card{width:min(92vw,460px);border:2px solid var(--accent-orange);background:#180236;padding:1rem;display:grid;gap:.8rem}.modal-card p{margin:0;font-size:.72rem;line-height:1.5;color:#fff}.retro-player{display:grid;gap:.8rem;padding:0;border:0;background:transparent;width:100%;min-width:0}.player-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.player-actions{display:flex;align-items:center;gap:.6rem}.player-head p{margin:0;font-size:.74rem;color:#fff}.player-btn{border:1px solid var(--accent-pink);color:#fff;background:linear-gradient(180deg,#8e1fbe,#5d0f8a);font-family:inherit;font-size:.8rem;letter-spacing:.06rem;min-height:36px;min-width:110px;cursor:pointer;box-shadow:none}.download-link{font-size:.68rem;letter-spacing:.05rem;text-transform:uppercase;white-space:nowrap}.visual-tabs{display:flex;gap:.5rem}.visual-tab{border:1px solid var(--accent-cyan);background:#1a0438;color:var(--text-main);font-family:inherit;font-size:.62rem;letter-spacing:.05rem;text-transform:uppercase;padding:.42rem .6rem;cursor:pointer}.visual-tab[aria-selected=true]{border-color:var(--accent-pink);color:#fff}.wave-shell{display:grid;gap:.6rem;min-width:0}.spectrogram-shell{border:1px solid var(--accent-cyan);background:#100326;padding:.35rem;width:100%;max-width:100%;min-width:0;overflow:hidden}.spectrogram-image{display:block;width:100%;max-width:100%;height:210px;object-fit:fill;image-rendering:pixelated}.wave-channel{display:grid;gap:.35rem;min-width:0}.wave-channel p{margin:0;font-size:.66rem;color:var(--accent-cyan)}.wave-rows{display:flex;align-items:center;gap:0;height:82px;padding:.45rem;border:1px solid var(--accent-cyan);background:linear-gradient(to top,rgba(255,47,209,.14),transparent),#100326;width:100%;min-width:0;overflow:hidden}.wave-sample{align-self:center;flex:1 1 0;min-height:2px;max-height:100%;background:linear-gradient(180deg,var(--accent-cyan),var(--accent-pink));box-shadow:0 0 6px #00ffe199}.progress-wrap{display:grid;gap:.3rem}.progress-meter{height:10px;border:1px solid var(--accent-cyan);background:#110226}.progress-meter span{display:block;height:100%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-pink))}.progress-seek{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border:1px solid var(--accent-cyan);background:#13022a}.progress-seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:20px;background:var(--accent-orange);border:2px solid #fff0aa;cursor:pointer}.progress-seek::-moz-range-thumb{width:14px;height:20px;background:var(--accent-orange);border:2px solid #fff0aa;cursor:pointer}@media (max-width: 560px){.dram-sound-panel-head{flex-direction:column;align-items:stretch}.dram-sound-panel-head .player-actions{display:grid;grid-template-columns:1fr;gap:.45rem;width:100%}.dram-sound-panel-head .player-btn{width:100%}}@media (max-width: 640px){.container{padding:.4rem}.synth-container{width:calc(100vw - .8rem);padding:.75rem}.dram-controls{grid-template-columns:1fr;align-items:stretch}.dram-bottom-grid{grid-template-columns:1fr}.dram-adsr-knobs{grid-template-columns:repeat(2,minmax(0,1fr))}.big-btn{min-height:74px;font-size:1.2rem}}