:root{color-scheme:dark;--bg:#10131b;--panel:#191e2a;--line:#30394a;--muted:#a6b0c2;--cyan:#70f4cf;--pink:#ff8cba}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 65% 0,#283748 0,transparent 60%),var(--bg);color:#eff5ff;font:14px/1.6 system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button,select,input[type=number]{border:1px solid var(--line);border-radius:10px;background:#252d3b;color:inherit;padding:10px 13px}button:hover{border-color:var(--cyan)}button:disabled{opacity:.4;cursor:default}button[aria-pressed=true]{color:#101b19;background:var(--cyan);border-color:var(--cyan)}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:3px}main{max-width:1180px;margin:auto;padding:26px 24px 36px}header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:32px}.brand{letter-spacing:2px;font-weight:800;font-size:12px;text-decoration:none;color:#fff}.brand span{color:var(--cyan)}.chip{color:var(--cyan);font:10px monospace;letter-spacing:1px;background:#70f4cf0b;border:1px solid #70f4cf30;padding:5px 9px;border-radius:30px}.eyebrow{font:11px monospace;letter-spacing:2px;color:var(--cyan)}h1{font-size:clamp(30px,4.5vw,54px);letter-spacing:-2px;line-height:1.15;margin:10px 0 14px}em{font-style:normal;color:var(--cyan)}p{margin:0;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;margin-top:27px}.panel{background:#191e2ae8;border:1px solid var(--line);border-radius:22px;padding:22px;min-width:0}h2{font-size:13px;margin:0 0 16px;letter-spacing:1px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px}.section-title h2{margin:0}#pad{position:relative;width:100%;aspect-ratio:1.07;border:1px solid #526477;border-radius:16px;overflow:hidden;touch-action:none;cursor:crosshair;background:radial-gradient(ellipse at 100% 0,#ff718c23,transparent 65%),radial-gradient(ellipse at 100% 100%,#6b78ff26,transparent 65%),radial-gradient(ellipse at 0 0,#ffcf6e1b,transparent 65%),radial-gradient(ellipse at 0 100%,#70f4cf1c,transparent 65%),#101a25;user-select:none;outline:none}.grid{position:absolute;inset:0;opacity:.25;background:repeating-linear-gradient(0deg,transparent 0,transparent calc(12.5% - 1px),#587087 12.5%),repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 1px),#587087 12.5%)}#pad:focus-visible{box-shadow:0 0 0 3px var(--cyan)}.corner{position:absolute;font-size:12px;letter-spacing:1.2px;font-weight:700;pointer-events:none}.corner small,.center-label small{display:block;font-size:10px;letter-spacing:0;font-weight:400;margin-top:3px;color:#afbac9}.tl{top:18px;left:17px;color:#ffcf8a}.tr{top:18px;right:17px;text-align:right;color:#ff9ead}.bl{bottom:18px;left:17px;color:#93e0c9}.br{bottom:18px;right:17px;text-align:right;color:#afaaff}.center-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;letter-spacing:2px;color:#a9c1c9;text-align:center;white-space:nowrap;pointer-events:none}#dot{position:absolute;width:48px;height:48px;border:1.5px solid var(--cyan);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#70f4cf18;box-shadow:0 0 40px #70f4cf30;pointer-events:none;display:grid;place-items:center}#dot i{width:7px;height:7px;background:var(--cyan);border-radius:50%}.below{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.below span{font:11px monospace;color:var(--cyan)}.below button{font-size:11px}.blend-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;margin:16px 0}.blend-bars label{display:flex;gap:10px;align-items:center;font:9px monospace;color:var(--muted)}meter{width:100%;height:6px;accent-color:var(--cyan)}.help{font-size:11px;line-height:1.8}#scope{display:block;width:100%;height:45px;margin-top:18px}.live{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:10px;margin-top:10px}.live #chord{font-size:24px;color:var(--cyan);font-weight:700}.live #beat{font:11px monospace;color:var(--muted)}.upload{display:block;text-align:center;padding:19px 9px;border:1px dashed #637286;border-radius:12px;cursor:pointer;color:var(--cyan);font-weight:700;background:#70f4cf06}.upload small{display:block;color:var(--muted);font-weight:400;font-size:10px;margin-top:4px}input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.upload:focus-within{outline:3px solid var(--pink)}.wide{width:100%;margin-top:9px}.ghost{background:transparent;color:var(--muted);font-size:11px}#name{margin:15px 0 3px;color:#fff;overflow-wrap:anywhere;font-size:13px}#status{font-size:11px;min-height:38px}.facts{display:flex;gap:16px;margin-top:10px;font-size:10px;color:var(--muted)}.facts b{margin-left:5px;color:var(--cyan);font-weight:400}.mt{margin-top:24px}.segmented{display:flex;gap:6px}.segmented button{flex:1;font-size:12px}.slider{display:flex;align-items:center;gap:8px;margin:13px 0;font-size:11px;color:var(--muted);white-space:nowrap}.slider input{min-width:0;flex:1;accent-color:var(--cyan);width:60px}.slider output{font:10px monospace;min-width:35px;text-align:right}.transport{display:flex;gap:7px;margin:19px 0 12px}.transport #play{flex:1;background:var(--cyan);color:#10221c;font-weight:700}#seek{width:100%;accent-color:var(--cyan)}.time{display:flex;justify-content:space-between;font:11px monospace;color:var(--muted)}details{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}summary{cursor:pointer;color:var(--muted);font-size:11px}.adjust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.adjust label{font-size:11px;color:var(--muted)}.adjust input,.adjust select{display:block;width:100%;margin-top:4px;padding:7px;font-size:12px}.adjust label:last-child{grid-column:1/-1}.explanation{margin-top:22px;padding:19px 22px;border-left:2px solid #70f4cf66;background:#151c26;border-radius:0 12px 12px 0;font-size:12px}.explanation b{font-weight:500}.explanation p{margin-top:6px;font-size:11px;line-height:1.9}footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin-top:25px}progress{width:100%;accent-color:var(--cyan);height:5px}@media(max-width:760px){main{padding:20px 14px}.layout{grid-template-columns:1fr;gap:16px}.panel{padding:17px}.controls{grid-row:1}header{margin-bottom:24px}header>.chip{display:none}.intro>p:last-child{font-size:12px}h1{font-size:32px}#pad{aspect-ratio:1}.corner{font-size:10px}.corner small{font-size:9px}.center-label{font-size:12px}.mt{margin-top:18px}footer{flex-direction:column}.upload{padding:13px}.facts{margin-bottom:4px}}

.genre-settings{margin:0 0 17px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;background:#10172066}.genre-settings summary{font-size:12px;color:#e7eef8}.genre-settings summary span{float:right;color:var(--cyan);font-size:10px}.genre-selectors{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin-top:12px}.genre-selectors label{font-size:10px;color:var(--muted)}.genre-selectors select{display:block;width:100%;margin-top:4px;font-size:12px;padding:8px;min-width:0}.genre-settings button{margin-top:10px;font-size:10px;padding:5px 0;border:0}.corner b{font-weight:700}.blend-bars label>span{min-width:78px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#padHelp{min-height:40px}@media(max-width:760px){.genre-selectors{gap:8px}.genre-selectors select{font-size:11px}.genre-settings{padding:10px}.blend-bars{gap:8px}.blend-bars label>span{min-width:65px;max-width:75px}}

[hidden]{display:none!important}.play-modes{margin-bottom:15px}.play-modes button{padding:12px 5px}.arp-options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.arp-options label{font-size:10px;color:var(--muted)}.arp-options input,.arp-options select{display:block;width:100%;padding:8px;margin-top:4px;font-size:12px;min-width:0}.arp-actions{display:flex;gap:8px;margin-bottom:9px}.arp-actions button{font-size:10px;flex:1;padding:10px 5px}#arpStatus{font-size:11px;color:var(--cyan);min-height:23px;margin:0 0 12px}#pad.arp-active{border-color:var(--cyan);box-shadow:inset 0 0 50px #70f4cf17}#padCenterTitle{font-weight:500}.arp-active #dot{box-shadow:0 0 42px #70f4cf88}

main{max-width:1500px}.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 290px;gap:16px}.panel{padding:17px}#pad,#arpPad{aspect-ratio:1;min-height:280px}#arpPad{position:relative;width:100%;border:1px solid #526477;border-radius:16px;overflow:hidden;touch-action:none;cursor:crosshair;user-select:none;outline:none;background:radial-gradient(ellipse at 100% 0,#ff8cba20,transparent 65%),radial-gradient(ellipse at 0 100%,#70f4cf20,transparent 65%),#101a25}#arpPad:focus-visible{box-shadow:0 0 0 3px var(--pink)}#arpPad.arp-active{border-color:var(--pink);box-shadow:inset 0 0 50px #ff8cba17}#arpDot{position:absolute;width:40px;height:40px;border:1.5px solid var(--pink);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:#ff8cba22;box-shadow:0 0 30px #ff8cba44;pointer-events:none;display:grid;place-items:center}#arpDot i{width:6px;height:6px;background:var(--pink);border-radius:50%}.arp-panel .section-title .chip{color:var(--pink);border-color:#ff8cba44}.corner{font-size:10px}.corner small{font-size:9px}.center-label{font-size:11px}.center-label small{font-size:9px}.blend-bars label>span{min-width:59px;max-width:68px}.backing-actions{margin-bottom:10px}.backing-actions span{font-size:10px;color:var(--muted)}#arpReadout{color:var(--pink);font-size:10px}.arp-options{gap:8px}#arpControls .help{font-size:10px}.arp-actions{flex-wrap:wrap}.controls .transport button{padding:10px 8px;font-size:11px}@media(min-width:761px) and (max-width:1100px){.layout{grid-template-columns:1fr 1fr}.controls{grid-column:1/-1}.controls .transport{max-width:400px}}@media(max-width:760px){.layout{grid-template-columns:1fr}.controls{grid-row:1}.arp-panel{grid-row:2}.performance{grid-row:3}.corner{font-size:11px}#pad,#arpPad{min-height:0}.center-label{font-size:12px}.blend-bars label>span{min-width:65px;max-width:78px}}

.drum-panel{grid-column:1/3}.drum-chip{color:#ffc97a;border-color:#ffc97a44}.drum-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:16px 0}.drum-pad{min-height:88px;touch-action:none;user-select:none;background:linear-gradient(145deg,#333142,#222936);border:1px solid #555166;text-align:left;padding:13px;border-radius:13px;transition:background .06s,box-shadow .06s}.drum-pad b{display:block;font-size:14px;color:#ffe0ad}.drum-pad small{display:block;font:10px monospace;color:var(--muted);margin-top:5px}.drum-pad.hit,.drum-pad:active{background:#8b6332;border-color:#ffc97a;box-shadow:0 0 20px #ffc97a33}.drum-loop-controls{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.drum-loop-controls label{font-size:10px;color:var(--muted)}.drum-loop-controls select{display:block;margin-top:4px;padding:9px;min-width:130px}.drum-loop-controls button{font-size:12px}.drum-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:5px;margin:14px 0}.drum-steps span{height:7px;background:#344052;border-radius:2px}.drum-steps span:nth-child(4n+1){background:#5a5a66}.drum-steps span.current{background:#ffc97a;box-shadow:0 0 9px #ffc97a66}.drum-bottom{display:flex;gap:20px;align-items:center;justify-content:space-between}.drum-bottom .slider{min-width:220px;max-width:350px;flex:1}#drumStatus{color:#ffc97a;font-size:11px}@media(max-width:760px){.drum-panel{grid-column:auto;grid-row:4}.drum-pads{gap:8px}.drum-pad{padding:10px;min-height:78px}.drum-pad b{font-size:11px}.drum-pad small{font-size:9px}.drum-bottom{display:block}.drum-bottom .slider{min-width:0;max-width:none}.drum-loop-controls{gap:7px}.drum-loop-controls button{font-size:11px;padding:10px}}

.lap-controls{display:flex;gap:8px;align-items:end;margin:0 0 9px}.lap-controls label{flex:1;min-width:0;font-size:10px;color:var(--muted)}.lap-controls select{display:block;width:100%;padding:8px;font-size:11px;margin-top:3px}.lap-controls button,.lap-progress button{font-size:10px;padding:8px;white-space:nowrap}.lap-progress{display:flex;align-items:center;gap:8px;margin:8px 0 12px;min-height:24px}.lap-progress progress{display:block;flex:0 0 65px;width:65px;height:6px}.lap-progress span{font-size:10px;color:var(--cyan);flex:1}#arpLapText{color:var(--pink)}#arpLap{accent-color:var(--pink)}.corner{padding:6px;background:#10131b88;border:1px solid #7995a14d;border-radius:5px}.corner:before{content:'';display:inline-block;width:6px;height:6px;margin-right:5px;border:1px solid currentColor}.corner small{max-width:115px}.lap-flash{animation:lap-flash .5s ease-out}@keyframes lap-flash{0%{box-shadow:inset 0 0 70px #70f4cf55}100%{box-shadow:inset 0 0 0 transparent}}@media(max-width:760px){.lap-controls button{font-size:9px}.lap-progress span{font-size:10px}}

.corner-control{pointer-events:auto;width:clamp(76px,25%,104px);height:clamp(76px,25%,104px);min-height:76px;padding:10px 5px 17px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:2px;text-align:left;touch-action:none;cursor:grab;user-select:none;border:0;border-radius:0;background:transparent;z-index:2;white-space:normal;line-height:1.3;font-size:10px;overflow:hidden}.corner-control:before{display:none}.corner-control.tr,.corner-control.br{align-items:flex-end;text-align:right}.corner-control.bl,.corner-control.br{justify-content:flex-end;padding-bottom:5px}.corner-control:hover{border:0;background:transparent}.corner-control b{max-width:100%;overflow-wrap:anywhere;font-size:10px;pointer-events:none}.corner-control small{font-size:8px;max-width:94%;pointer-events:none}.corner-control:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.corner-control.orbiting{background:transparent;text-shadow:0 0 12px var(--cyan)}.arp-panel .corner-control.orbiting{background:transparent;text-shadow:0 0 12px var(--pink)}.corner-count{display:none;position:absolute;bottom:5px;right:8px;font:10px monospace;color:var(--cyan);pointer-events:none}.arp-panel .corner-count{color:var(--pink)}.corner-instruction{font-size:11px;color:var(--cyan);margin:8px 0 12px;min-height:32px}.arp-panel .corner-instruction{color:var(--pink)}#pad,#arpPad{min-height:320px}.corner-control[data-active="true"] b{text-shadow:0 0 12px #ff8cba66}@media(max-width:760px){#pad,#arpPad{min-height:290px}.corner-control{width:80px;height:80px}.corner-control b{font-size:9px}.corner-control small{font-size:8px}}

.scope-heading{display:flex;flex-wrap:wrap;gap:5px 12px;justify-content:space-between;margin-top:18px;font-size:10px;color:var(--muted)}.scope-heading b{font-weight:500;letter-spacing:1px}.scope-heading span{color:var(--cyan)}#scope{height:180px;margin-top:8px;background:#080c16;border:1px solid var(--line);border-radius:12px;touch-action:none;cursor:crosshair}#scope:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.scope-patterns{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;color:var(--muted);font-size:9px;margin:5px 0 9px}

.turntable-panel{grid-column:1/-1}.turntable-layout{display:grid;grid-template-columns:250px minmax(0,1fr);align-items:center;gap:30px}.turntable-controls{max-width:650px}.scratch-title{font-size:22px;font-weight:700;margin:0 0 8px}.turntable-controls #scratchStatus{color:var(--cyan);font-size:12px;min-height:24px}#turntable{position:relative;width:240px;height:240px;touch-action:none;user-select:none;cursor:grab;outline:none;border-radius:50%;background:#080a0f;box-shadow:0 8px 30px #0008}#turntable:focus-visible{outline:3px solid var(--pink);outline-offset:5px}#turntable[aria-disabled=true]{opacity:.5}#turntable.scratching{cursor:grabbing;box-shadow:0 0 30px #70f4cf44}#vinyl{position:absolute;inset:5px;border-radius:50%;border:1px solid #555c6a;background:repeating-radial-gradient(circle,#171b22 0 2px,#252a32 3px,#11151d 4px 5px);pointer-events:none;will-change:transform}.vinyl-label{position:absolute;inset:32%;border-radius:50%;background:linear-gradient(140deg,#7ce9cf,#9c8cf0);color:#111a22;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:7px;text-align:center;letter-spacing:.4px}.vinyl-label span{font-size:8px;margin-top:4px}.vinyl-marker{position:absolute;top:7%;left:49%;height:18px;width:3px;border-radius:3px;background:#70f4cf}.spindle{position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:50%;background:#e5ecf9;box-shadow:0 0 0 3px #0006;pointer-events:none}@media(max-width:760px){.turntable-layout{grid-template-columns:1fr;justify-items:center;gap:24px}.turntable-controls{width:100%}.scratch-title{font-size:20px}.turntable-panel{grid-row:5}}

.drum-memory{border:1px solid #70f4cf44;border-radius:13px;padding:16px;margin:18px 0;background:#70f4cf06}.memory-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.memory-title b{font-size:14px}.memory-title label{font-size:11px;color:var(--muted)}.memory-title select{margin-left:8px;padding:5px 9px;font-size:11px}.memory-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.memory-actions button{font-size:12px}.memory-actions #drumRecord[aria-pressed=true]{background:#ff8cba;border-color:#ff8cba;color:#23101a}#drumMemoryStatus{font-size:12px;color:var(--cyan);min-height:20px;margin:12px 0 6px}.memory-progress{display:flex;align-items:center;gap:12px}.memory-progress progress{flex:1;min-width:0}.memory-progress span{font:10px monospace;color:var(--muted);white-space:nowrap}.drum-memory .help{margin-top:9px}@media(max-width:760px){.drum-memory{padding:12px}.memory-actions button{font-size:11px;padding:9px}}

.bass-panel{grid-column:1/-1}.bass-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:center}.bass-controls>label:not(.slider){font-size:11px;color:var(--muted)}.bass-controls select{display:block;margin-top:4px;padding:7px 10px;font-size:12px}.bass-controls .slider{flex:1;min-width:200px;max-width:380px}.bass-panel .help{margin-top:14px}@media(max-width:760px){.bass-panel{grid-row:6}.bass-controls{gap:12px}.bass-controls .slider{flex-basis:100%;max-width:none}}

.rolling-panel{grid-column:1/-1}.rolling-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.rolling-actions button{background:var(--cyan);color:#10221c;font-weight:700}.rolling-actions span{font-size:12px;color:var(--muted)}.rolling-panel .help{margin-top:12px}@media(max-width:760px){.rolling-panel{grid-row:7}}

.header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}#updateApp{font-size:12px;padding:8px 12px;color:var(--cyan);background:#70f4cf0d;border-color:#70f4cf66;white-space:nowrap}.update-status{font-size:10px;text-align:right;color:var(--muted);margin:-25px 0 23px;min-height:16px}@media(max-width:760px){header{gap:12px;align-items:flex-start;flex-wrap:wrap}.header-actions .chip{display:none}.update-status{margin:-16px 0 20px}#updateApp{font-size:11px}}

.backing-actions{flex-wrap:wrap;gap:8px}.backing-actions button{font-size:11px;padding:8px 10px}.backing-actions span{flex-basis:100%}

.drum-presets{border:1px solid #ffc97a44;border-radius:13px;padding:16px;margin:16px 0;background:#ffc97a06}.drum-presets h3{font-size:14px;margin:0 0 5px;color:#ffe0ad}.drum-presets>.help{margin:0 0 12px}.drum-presets .drum-bottom{gap:12px}@media(max-width:760px){.drum-presets{padding:12px}.drum-loop-controls select{min-width:120px}}

.scope-actions{display:flex;gap:8px;margin:10px 0}.scope-actions button{font-size:11px;padding:8px 10px}
.studio-panel{grid-column:1/-1;border-color:#9383c866;background:linear-gradient(150deg,#242131,#191e2a 60%)}.studio-panel .section-title .chip{color:#c9b6ff;border-color:#a590df55}.studio-intro{font-size:13px;color:#c4bdd8;margin:0 0 18px}.studio-toolbar,.studio-edit-controls,.studio-tools{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.studio-panel label:not(.slider):not(.studio-check):not(.studio-file){font-size:10px;color:var(--muted)}.studio-panel select,.studio-panel input[type=number]{display:block;margin-top:4px;padding:8px 10px;font-size:12px;max-width:100%}.studio-toolbar input{width:80px}.studio-toolbar button,.studio-tools button,.studio-page button{font-size:11px;padding:8px 11px}.studio-toolbar #studioPlay{border-color:#b79be2;color:#d9bdff}.studio-toolbar #studioPlay[aria-pressed=true]{color:#171321;background:#bda0f1}.studio-playing{font-size:11px;color:#c9b6ff;align-self:center;line-height:1.5}.studio-status{font-size:12px;color:var(--cyan);min-height:20px;margin:14px 0}.studio-edit-controls{margin:18px 0 10px;border-top:1px solid var(--line);padding-top:16px}.studio-edit-controls .slider{margin:0;min-width:210px;max-width:350px;flex:1}.studio-page{display:flex;gap:5px;align-self:center;flex-wrap:wrap}.studio-page button{padding:6px 9px;font-size:10px}.studio-grid-scroll{overflow-x:auto;margin:12px 0 14px;padding-bottom:9px;scrollbar-color:#a78bd3 #121722}.studio-grid{display:grid;grid-template-columns:100px repeat(16,minmax(28px,1fr));gap:5px;min-width:660px;align-items:center}.studio-grid .studio-lane-title{position:sticky;left:0;z-index:1;background:#242435;border:1px solid #454059;border-radius:5px;padding:8px 5px;font-size:10px;color:#dfd8ed;text-align:left;min-height:33px}.studio-grid .studio-lane-title[aria-pressed=true]{background:#463344;color:#d5abb9}.studio-step-number{text-align:center;color:var(--muted);font:10px monospace;line-height:22px}.studio-grid .studio-cell{height:33px;min-width:0;padding:0;border:1px solid #42485a;border-radius:5px;font:11px monospace;color:#69748b;background:#151b28;touch-action:manipulation}.studio-grid .studio-cell.level-1{background:#4e4465;color:#cab9e3}.studio-grid .studio-cell.level-2{background:#8571ac;color:#fff}.studio-grid .studio-cell.level-3{background:#c0a3f3;color:#1c1331}.studio-grid .studio-cell.beat-start{border-left:2px solid #d0c0e5}.studio-grid .studio-cell.playing{outline:2px solid #70f4cf;outline-offset:-2px}.studio-tools{margin:12px 0}.studio-harmony{margin-top:18px}.studio-harmony summary{font-size:12px;color:#ded2ee}.studio-musical{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.studio-arrangement{margin-top:18px;padding:16px;background:#11172288;border-radius:11px}.studio-check{display:flex;align-items:center;gap:8px;color:#ddd3ec;font-size:12px}.studio-check input{accent-color:#b597e4}.studio-chain{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:12px 0}.studio-chain select{width:100%;font-size:11px;padding:7px 5px}.studio-mixer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.studio-mixer .slider{margin:18px 0 8px}.studio-file{position:relative;border:1px solid var(--line);border-radius:10px;padding:8px 11px;font-size:11px;cursor:pointer;color:#d2bddf}.studio-file:focus-within{outline:2px solid var(--pink)}@media(max-width:760px){.studio-panel{grid-row:8}.studio-musical{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-chain{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-mixer{grid-template-columns:1fr;gap:0}.studio-mixer .slider{margin:9px 0}.studio-toolbar>label:first-child{flex:1;min-width:160px}.studio-toolbar>label:first-child select{width:100%}.studio-edit-controls .slider{flex-basis:100%;max-width:none}.studio-toolbar #studioPlay{flex:1}.studio-arrangement{padding:12px}.studio-status{min-height:38px}}

.studio-dj{margin:24px 0;padding:20px;border:1px solid #b49bf24a;border-radius:16px;background:linear-gradient(130deg,#b49bf210,#73efcc08)}.studio-dj h3{margin:0 0 8px;font-size:16px;color:#d5c0ff}.studio-dj-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.studio-dj-heading>div{flex:1}.studio-dj-heading>button{background:#c3a3f4;color:#20132f;font-weight:750;flex-shrink:0}.studio-dj-switches{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.studio-dj-mix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px}.studio-dj-mix .slider{min-width:0}.studio-dj-live{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.studio-dj-live button{flex:1;min-width:95px}#studioDJDrop{border-color:#b49bf2;color:#e3ceff}#studioDJPosition{min-height:1.5em;color:#73efcc;font-size:13px;margin:12px 0}.studio-dj .help{line-height:1.7}@media(max-width:700px){.studio-dj{padding:14px}.studio-dj-heading{align-items:stretch;flex-direction:column;gap:8px}.studio-dj-mix{grid-template-columns:1fr}.studio-dj-live button{min-width:85px}.studio-dj-switches{gap:12px}}

.studio-chain-slot{display:grid;gap:6px}.studio-chain-slot select{width:100%;min-width:0}.studio-chain-slot select:last-child{font-size:12px}.studio-chain-size{display:flex;align-items:center;gap:10px;margin:14px 0}.studio-dj-switches>label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#studioNeonLoad{background:#73efcc;color:#103c30}

.pro-studio{margin:24px 0;border:1px solid #3d818b;background:linear-gradient(140deg,#132333,#131823)}.pro-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:20px 0}.pro-fields label{display:grid;gap:8px;color:#b6dbe2;font-size:14px}.pro-fields input,.pro-fields select{width:100%;min-width:0}.pro-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.pro-actions a{background:#77e6cb;color:#102328;padding:12px 18px;border-radius:10px;font-weight:700}.pro-actions label{display:grid;gap:6px;font-size:13px}.pro-actions input[type=file]{max-width:200px}#proGenerate{background:#77e6cb;color:#102328;font-weight:800}#proStatus{color:#b7e1e9;line-height:1.7}input[type=number]{background:#141e2b;color:#eee;border:1px solid #405065;border-radius:7px;padding:10px}