:root{--bg:#0b0b0a;--panel:#141412;--panel2:#1a1916;--line:#35332d;--line2:#26251f;--ink:#eee9de;--muted:#8d8a81;--amber:#ffb43b;--red:#dd573e;--track:#ffb43b;--row:22px;--shadow:0 20px 70px #000b}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;overflow:hidden}button,input,select{font:inherit;color:inherit}button,select,input{border:1px solid var(--line);background:#171715}button{cursor:pointer}button:hover:not(:disabled){border-color:#716c60;background:#22211d}button:disabled{opacity:.28;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.boot{position:fixed;inset:0;display:grid;place-content:center;text-align:center;background:#0d0d0c;z-index:50;transition:opacity .45s}.boot-mark,.about-mark{font:800 76px/1 'Arial Narrow',sans-serif;letter-spacing:-8px;color:var(--amber);transform:skew(-6deg)}.boot p{font:700 9px Inter;letter-spacing:.35em;color:var(--muted)}.app{height:100%;display:grid;grid-template-rows:66px 1fr 28px;background:radial-gradient(circle at 75% 15%,#31251320,transparent 42%),var(--bg)}.topbar{display:grid;grid-template-columns:210px minmax(180px,1fr) auto minmax(270px,1fr);align-items:center;border-bottom:1px solid var(--line);background:#11110ff5;z-index:6}.brand{height:65px;border:0;border-right:1px solid var(--line);display:flex;align-items:center;gap:11px;padding:0 18px;text-align:left;background:transparent}.brand-icon{font:800 27px/.8 'Arial Narrow';letter-spacing:-3px;color:var(--amber);transform:skew(-7deg);border-right:1px solid var(--line);padding-right:13px}.brand-icon span,.about-mark span{color:var(--ink)}.brand b{display:block;font:800 13px/.92 'Arial Narrow';letter-spacing:.16em}.brand b:last-child{color:var(--amber)}.project-head{padding:0 20px;min-width:0}.project-head label,.tempo span,.count-in span{display:block;font:700 7px Inter;letter-spacing:.18em;color:var(--muted)}.project-head input{max-width:200px;border:0;background:transparent;font:700 15px 'Arial Narrow';letter-spacing:.06em;padding:4px 0}.project-head #saveState{font-size:7px;letter-spacing:.12em;color:#718e72;margin-left:8px}.transport{height:100%;display:flex;align-items:center;gap:6px;border-inline:1px solid var(--line);padding:0 12px}.transport button{height:34px;min-width:35px}.transport .play{background:var(--ink);color:#111}.transport .play.active{background:var(--amber);box-shadow:0 0 22px #ffb43b44}.transport .record{color:var(--red)}.transport .record.active{background:var(--red);color:#fff}.tempo,.count-in{display:flex;align-items:center;gap:6px;border-left:1px solid var(--line);padding-left:8px}.tempo input{width:44px;border:0;background:transparent;font-weight:800}.count-in select{width:62px;border:0;background:transparent;font:700 8px Inter}.transport .toggle{font:700 7px Inter;letter-spacing:.1em;color:var(--muted)}.transport .toggle[aria-pressed=true]{color:var(--amber);border-color:#765b2d}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:7px;padding:0 12px}.top-actions button{height:34px;padding:0 12px;font:800 8px Inter;letter-spacing:.13em}.top-actions #exportBtn{border-color:var(--amber);color:var(--amber)}.master-control{width:85px;display:grid;grid-template-columns:1fr auto;gap:3px 6px;align-items:center}.master-control span,.master-control output{font:700 7px Inter;letter-spacing:.1em;color:var(--muted)}.master-control output{color:var(--amber)}.master-control input{grid-column:1/-1}#meter{background:#171714}main{min-height:0;display:grid;grid-template-columns:210px 1fr}.track-rail{background:#11110f;border-right:1px solid var(--line);min-height:0;overflow:auto}.rail-label{height:38px;padding:14px 15px 0;font:700 7px Inter;letter-spacing:.18em;color:#747168}.track{position:relative;border:0;border-top:1px solid var(--line2);border-bottom:1px solid #090909;width:100%;height:78px;padding:13px 14px;text-align:left;background:#121210}.track::before{content:"";position:absolute;left:0;inset-block:0;width:2px;background:transparent}.track.active{background:#1b1915}.track.active::before{background:var(--track)}.track-head{display:flex;justify-content:space-between}.track-name{font:800 12px 'Arial Narrow';letter-spacing:.1em}.track small{display:block;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 7px Inter;letter-spacing:.08em;color:var(--muted);margin-top:4px}.track-foot{display:flex;align-items:center;gap:8px;margin-top:10px}.track-meter{height:2px;flex:1;background:#2c2a25}.track-meter i{display:block;height:100%;background:var(--track)}.mute{width:20px;height:17px;padding:0;font:800 7px Inter;color:var(--muted)}.mute.on{color:var(--red);border-color:var(--red)}.add{margin:13px;width:calc(100% - 26px);height:34px;border-style:dashed;color:var(--muted);font:700 8px Inter;letter-spacing:.1em}.workspace{min-width:0;min-height:0;display:flex;flex-direction:column}.modebar{height:40px;flex:none;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#131311}.modebar nav{height:100%;display:flex}.modebar button{height:100%;border:0;background:transparent;padding:0 18px;font:800 8px Inter;letter-spacing:.15em;color:var(--muted);position:relative}.modebar nav button.active{color:var(--ink)}.modebar nav button.active::after{content:"";height:2px;position:absolute;bottom:0;left:16px;right:16px;background:var(--amber)}.modebar>div button{padding:0;width:32px}.view{display:none;min-height:0;overflow:auto}.view.active{display:block}.eyebrow{display:block;font:800 7px Inter;letter-spacing:.2em;color:var(--amber);margin-bottom:5px}.inspector{min-height:106px;display:flex;align-items:center;justify-content:space-between;padding:15px 22px;border-bottom:1px solid var(--line);background:linear-gradient(110deg,#1b1915,#121210)}.voice-title{min-width:190px}.inspector h1,.section-title h1,.performance h1{font:800 clamp(24px,3vw,36px)/1 'Arial Narrow';letter-spacing:.05em;margin:0 0 8px}.preset-row{display:flex;gap:6px}.preset-row select{max-width:135px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:4px;color:var(--muted);font:700 8px Inter}.synth-controls{display:flex;gap:13px;overflow:auto;padding:2px}.knob-control{text-align:center;min-width:48px}.knob{--v:50%;width:39px;height:39px;border-radius:50%;border:1px solid #555149;background:conic-gradient(from 225deg,var(--track) 0 var(--v),#292722 var(--v) 75%,#151513 75%);position:relative;margin:auto}.knob::after{content:"";position:absolute;inset:5px;border-radius:50%;background:#181816;border:1px solid #34322c}.knob::before{content:"";position:absolute;z-index:1;width:1px;height:8px;background:var(--ink);left:50%;top:5px;transform-origin:50% 14px;transform:rotate(calc(-130deg + var(--n)*260deg))}.knob-control input{position:absolute;opacity:0;pointer-events:none}.knob-control label{display:block;font:700 7px Inter;letter-spacing:.08em;color:var(--muted);margin-top:5px}.knob-control output{font:600 7px Inter;color:#c9c3b7}.arp-rack,.fx-rack,.macro-strip{min-height:64px;display:flex;align-items:center;padding:9px 22px;border-bottom:1px solid var(--line);background:#161512}.arp-rack>div:first-child,.fx-title,.macro-strip>div:first-child{width:175px;flex:none;border-right:1px solid var(--line)}.arp-rack strong,.fx-title strong,.macro-strip strong{font:700 10px 'Arial Narrow';letter-spacing:.08em}.arp-rack>label{margin-left:18px;display:grid;gap:5px;font:700 7px Inter;letter-spacing:.1em;color:var(--muted)}.arp-rack select{height:28px;min-width:88px;padding:0 8px;font-size:8px}.arp-rack.disabled{opacity:.35;pointer-events:none}.switch{display:flex!important;align-items:center}.switch input{accent-color:var(--amber)}.fx-title button{margin-left:10px;padding:5px 7px;font:800 7px Inter;color:var(--muted)}.fx-title button.active{color:var(--red);border-color:var(--red)}.fx-controls{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding-left:20px}.fx-unit{display:grid;grid-template-columns:1fr auto;gap:6px;font:700 7px Inter;letter-spacing:.08em;color:var(--muted)}.fx-unit input{grid-column:1/-1}.fx-unit output{color:var(--track)}.macros{flex:1;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;padding-left:20px}.macro label{display:flex;justify-content:space-between;font:700 7px Inter;letter-spacing:.08em;color:var(--muted);margin-bottom:7px}.macro output{color:var(--ink)}input[type=range]{appearance:none;width:100%;height:2px;background:#3a372f;margin:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:9px;height:14px;background:var(--amber);border:0}.editor-head{min-height:52px;padding:8px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px}.editor-head>div{display:flex;align-items:center;gap:7px}.editor-head button,.editor-head label{height:28px;padding:0 8px;font:800 7px Inter;letter-spacing:.08em;color:var(--muted)}.editor-head label{display:flex;align-items:center;gap:5px;border-left:1px solid var(--line)}.editor-head select{height:27px;font-size:8px}.editor-head #clipSelect{min-width:170px;border:0;border-bottom:1px solid var(--line);background:transparent}.editor-head #zoomRange{width:70px}.composition-tools{min-height:48px;display:flex;justify-content:space-between;align-items:center;padding:7px 18px;background:#11110f;border-bottom:1px solid var(--line);gap:12px}.composition-tools>div{display:flex;align-items:center;gap:6px}.composition-tools label,.generators>span,.selection-editor>span{font:800 7px Inter;letter-spacing:.1em;color:var(--muted)}.composition-tools select,.composition-tools input,.composition-tools button{height:27px;padding:0 8px;font-size:8px}.selection-editor input[type=number]{width:50px}.selection-editor input[type=range]{width:65px}.piano-shell{height:360px;display:grid;grid-template-columns:64px 1fr;grid-template-rows:24px 1fr;border-bottom:1px solid var(--line);background:#0f0f0d;overflow:hidden}.roll-corner{display:grid;place-items:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font:700 7px Inter;color:var(--muted)}.roll-ruler{overflow:hidden;border-bottom:1px solid var(--line);position:relative}.ruler-content{height:24px;position:relative;will-change:transform}.ruler-content span{position:absolute;inset-block:0;border-left:1px solid #3b3931;padding:7px 4px;font:700 7px Inter;color:#77736a;white-space:nowrap}.piano-labels{overflow:hidden;border-right:1px solid var(--line);position:relative}.piano-labels>div{will-change:transform}.pitch-label{height:22px;display:flex;align-items:center;justify-content:flex-end;padding-right:7px;border-bottom:1px solid #292720;background:#151513;font:700 7px Inter;color:#77736a}.pitch-label.in-scale{color:#c0b9aa;background:#1b1914}.pitch-label:nth-child(12n+1){border-top:1px solid #77705f}.roll-pane{overflow:auto}.sequencer{position:relative;background-color:#11110e;background-image:repeating-linear-gradient(to right,#38352d 0 1px,transparent 1px var(--step)),repeating-linear-gradient(to right,#6a5d3d 0 1px,transparent 1px var(--beat)),repeating-linear-gradient(to right,#9a793b 0 2px,transparent 2px var(--bar)),repeating-linear-gradient(to bottom,#28261f 0 1px,transparent 1px var(--row));cursor:crosshair}.note-block{position:absolute;padding:0;border:1px solid color-mix(in srgb,var(--track) 70%,#fff);background:color-mix(in srgb,var(--track) calc(35% + var(--vel)*35%),#171610);box-shadow:inset 0 1px #ffffff33;z-index:2}.note-block:hover{filter:brightness(1.2)}.note-block.selected{outline:2px solid #fff;outline-offset:-2px;z-index:3}.note-resize{position:absolute;right:-1px;top:0;bottom:0;width:6px;background:#ffffff50;cursor:ew-resize}.roll-playhead,.automation-playhead{position:absolute;top:0;bottom:0;width:2px;background:var(--amber);box-shadow:0 0 8px #ffb43b88;z-index:5;pointer-events:none}.automation-head{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);background:#141310}.automation-head>div{display:flex;align-items:center;gap:9px}.automation-head .eyebrow{margin:0}.automation-head select,.automation-head button{height:25px;font:700 7px Inter}.automation-head>span{font:700 7px Inter;letter-spacing:.1em;color:var(--muted)}.automation-pane{height:76px;overflow:hidden;background:#10100e;border-bottom:1px solid var(--line);margin-left:64px}.automation-lane{height:100%;position:relative;background-image:repeating-linear-gradient(to right,#38352d 0 1px,transparent 1px var(--step));cursor:crosshair}.automation-step{position:absolute;bottom:0;height:calc(var(--value)*100%);border-right:1px solid #ffb43b40;background:linear-gradient(#ffb43b55,#ffb43b16);pointer-events:none}.automation-step.point::before{content:"";position:absolute;left:-3px;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 7px var(--amber)}.keyboard{height:72px;display:flex;padding:9px 22px 13px;gap:2px;background:#121210}.key{flex:1;max-width:90px;background:#d9d2c4;color:#24231f;border:0;border-radius:1px 1px 3px 3px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;font:800 7px Inter}.key:nth-child(2),.key:nth-child(4),.key:nth-child(7){background:#35332d;color:#c9c3b8;height:65%;z-index:1;margin-inline:-12px}.key.active{background:var(--amber);transform:translateY(2px)}.section-title{padding:30px 34px 22px;border-bottom:1px solid var(--line);background:linear-gradient(130deg,#1d1913,#10100f)}.section-title p,.performance p{color:var(--muted);font-size:11px;margin:4px 0}.song-stats{margin-top:14px;font:800 8px Inter;letter-spacing:.13em;color:var(--amber)}.arrangement{padding:26px 34px;display:flex;gap:8px;overflow:auto;min-height:315px;scroll-snap-type:x proximity}.scene{min-width:270px;height:260px;border:1px solid var(--line);padding:13px;background:linear-gradient(145deg,#1d1b17,#131311);scroll-snap-align:center;position:relative;transition:.18s}.scene::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--amber);opacity:.5}.scene.playing{border-color:var(--amber);transform:translateY(-3px);box-shadow:0 12px 35px #0009,0 0 0 1px #ffb43b44}.scene.dragging{opacity:.4}.scene.drop-target{border-left:3px solid var(--amber)}.scene-top{display:grid;grid-template-columns:20px 1fr 25px;gap:7px;align-items:center;margin-bottom:11px}.drag-handle{font-size:18px;color:#77736a;cursor:grab}.scene-top input{min-width:0;border:0;border-bottom:1px solid var(--line);background:transparent;font:800 13px 'Arial Narrow';letter-spacing:.09em;text-transform:uppercase}.scene-top button{width:25px;height:25px;padding:0}.scene-clips{display:grid;gap:6px}.scene-clips label{display:grid;grid-template-columns:78px 1fr;align-items:center;border-left:2px solid var(--track);padding-left:7px}.scene-clips label span{font:800 7px Inter;letter-spacing:.07em;color:var(--muted)}.scene-clips select{min-width:0;height:28px;padding:0 5px;font:600 8px Inter}.scene-bottom{display:grid;grid-template-columns:60px 1fr 28px;align-items:end;gap:8px;margin-top:12px}.scene-repeats span{display:block;font:700 7px Inter;color:var(--muted);margin-bottom:3px}.scene-repeats input{width:52px;height:28px;padding:0 6px}.scene-actions{display:flex;gap:4px}.scene-actions button{width:28px;height:28px;padding:0}.scene-bottom em{font:800 25px 'Arial Narrow';font-style:normal;color:#4d4940;text-align:right}.arrange-actions{display:flex;gap:8px;margin:0 34px 30px}.scene-add{height:38px;padding:0 15px;border-style:dashed;color:var(--muted);font:800 8px Inter;letter-spacing:.1em}#autoArrangeBtn{border-style:solid;border-color:#655536;color:var(--amber)}.performance{text-align:center;padding:34px}.performance-orb{width:200px;height:200px;margin:20px auto;display:grid;place-items:center;border:1px solid #554a35;border-radius:50%;position:relative;box-shadow:0 0 80px #ffb43b10,inset 0 0 50px #000}.performance-orb::before,.performance-orb::after{content:"";position:absolute;inset:18px;border:1px dashed #3f3a30;border-radius:50%;animation:rotate 18s linear infinite}.performance-orb::after{inset:45px;animation-direction:reverse;animation-duration:9s}.performance-orb span,.performance-orb b{font:800 68px 'Arial Narrow';letter-spacing:-10px;color:var(--amber);transform:skew(-7deg)}.performance-orb b{position:absolute;color:var(--ink);transform:translateX(25px) skew(-7deg)}.performance-orb i{position:absolute;width:7px;height:7px;background:var(--amber);border-radius:50%;box-shadow:0 0 18px var(--amber);animation:pulse 1s infinite}.perform-macros{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;max-width:750px;margin:auto}.performance-keys{justify-content:center;max-width:850px;margin:25px auto;background:transparent}footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#11110f;font:700 7px Inter;letter-spacing:.11em;color:#6f6c64}.status-dot{width:5px;height:5px;border-radius:50%;background:#6e9570;display:inline-block;margin-right:6px;box-shadow:0 0 7px #6e9570}footer b{color:#aaa59a}.signal-health{color:#7a766c}dialog{width:min(540px,calc(100% - 30px));max-height:85vh;overflow:auto;border:1px solid #514b3e;background:#171714;color:var(--ink);padding:27px;box-shadow:var(--shadow)}dialog::backdrop{background:#050505d9;backdrop-filter:blur(4px)}dialog h2{font:800 27px 'Arial Narrow';letter-spacing:.07em;margin:5px 0 8px}dialog p{font-size:11px;line-height:1.6;color:var(--muted)}.dialog-close{position:absolute;right:11px;top:11px;width:30px;height:30px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.export-grid button{height:80px;text-align:left;padding:14px}.export-grid b{font:800 20px 'Arial Narrow';display:block;color:var(--amber)}.export-grid span{font-size:8px;color:var(--muted)}#renderStatus{font:700 9px Inter;color:var(--amber);margin-top:11px;min-height:14px}.help-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:17px}.help-grid div{padding:11px 5px;border-bottom:1px solid var(--line)}.help-grid b,.help-grid span{display:block;font-size:8px}.help-grid span{color:var(--muted);margin-top:4px}.note{font-size:9px}.about-mark{font-size:78px}#projectMenu>button:not(.dialog-close),#projectMenu>.file-button{display:block;width:100%;padding:11px;margin:6px 0;border:1px solid var(--line);background:#1b1a17;text-align:left;font-size:10px;cursor:pointer}input[type=file]{display:none}.versions-head{margin-top:20px;padding-bottom:7px;border-bottom:1px solid var(--line);font:800 8px Inter;letter-spacing:.13em;color:var(--amber)}.versions-list>div{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.versions-list b,.versions-list small{display:block;font-size:9px}.versions-list small{color:var(--muted);margin-top:3px}.versions-list button{height:27px;font-size:7px}.versions-list p{font-size:9px}#toast{position:fixed;right:18px;bottom:41px;background:var(--ink);color:#171714;padding:11px 15px;font:800 8px Inter;letter-spacing:.09em;transform:translateY(80px);opacity:0;transition:.25s;z-index:60}#toast.show{transform:none;opacity:1}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.8);opacity:.5}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:1100px){.topbar{grid-template-columns:185px 1fr auto}.project-head{display:none}.top-actions{grid-column:3}.top-actions canvas,.master-control{display:none}main{grid-template-columns:185px 1fr}.inspector{display:block}.voice-title{margin-bottom:13px}.synth-controls{max-width:100%}.arp-rack>div:first-child,.fx-title,.macro-strip>div:first-child{width:135px}.composition-tools{flex-wrap:wrap}.selection-editor{width:100%;justify-content:flex-end}.signal-health{display:none}}
@media(max-width:760px){html,body{overflow:auto;max-width:100%}.app{height:auto;min-height:100vh;grid-template-rows:auto 1fr 28px}.topbar{grid-template-columns:minmax(0,1fr) auto;height:auto}.brand{border-right:0}.transport{grid-row:2;grid-column:1/-1;width:100vw;height:54px;border-top:1px solid var(--line);justify-content:flex-start;overflow-x:auto}.top-actions{grid-column:2;grid-row:1}.top-actions #menuBtn{display:none}main{display:block}.track-rail{display:flex;max-width:100vw;overflow:auto;border-bottom:1px solid var(--line)}.rail-label,.track small,.track-foot,.track-rail .add{display:none}.track{min-width:116px;height:44px;border-right:1px solid var(--line);padding:14px}.workspace{max-width:100vw}.view{overflow:visible}.inspector{padding:14px}.synth-controls{overflow:auto}.arp-rack,.fx-rack,.macro-strip{display:block;padding:12px}.arp-rack>div:first-child,.fx-title,.macro-strip>div:first-child{width:auto;border:0;margin-bottom:10px}.arp-rack>label{display:inline-grid;margin:5px}.fx-controls,.macros{padding:0;grid-template-columns:1fr 1fr}.editor-head{overflow:auto}.editor-head>div:first-child{min-width:220px}.composition-tools{display:block}.composition-tools>div{margin:7px 0;overflow:auto}.piano-shell{height:340px;grid-template-columns:54px 1fr}.automation-pane{margin-left:54px}.keyboard{padding-inline:8px}.perform-macros{grid-template-columns:1fr 1fr}.section-title{padding:24px 18px}.arrangement{padding:20px 15px}.scene{min-width:255px}.arrange-actions{margin-inline:15px;flex-wrap:wrap}footer span:nth-child(2),footer span:nth-child(3){display:none}}
.arp-rack{flex-wrap:wrap;row-gap:7px}.arp-rack input[type=range]{width:82px}.macros,.perform-macros{grid-template-columns:repeat(6,1fr)}.count-in input{width:46px;height:28px;padding:0 5px;background:#151513;border:1px solid var(--line);color:var(--ink);font:700 8px Inter}
@media(max-width:760px){html{height:auto;min-height:100%;overflow:auto}body{height:auto;min-height:100%;overflow:visible}.app{display:block;height:auto;min-height:100vh}.workspace{display:block}.macros,.perform-macros{grid-template-columns:1fr 1fr}footer{height:28px}}
.knob-control{position:relative}.knob-control input{inset:0;width:100%;height:100%}
.fx-controls{grid-template-columns:repeat(6,1fr)}.compat-report{display:grid;gap:1px;margin:18px 0;background:var(--line)}.compat-report div{display:grid;grid-template-columns:135px 1fr;gap:12px;padding:9px;background:var(--panel)}.compat-report span{font:700 8px Inter;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.compat-report b{font:600 9px Inter;overflow-wrap:anywhere}.compat-report .good{color:#9bbf91}.compat-report .bad{color:var(--red)}#copyCompatBtn{width:100%;height:38px;color:var(--amber)}
@media(max-width:760px){.fx-controls{grid-template-columns:1fr 1fr}}

/* Remaster: faster operation + pressure-industrial identity */
:root{--pressure:#ff4b32;--hot:#ffc247;--steel:#b9b4a8;--void:#080806}.app{position:relative;background:linear-gradient(115deg,#18120b28,transparent 30%),radial-gradient(circle at 84% 8%,#ff4b3210,transparent 33%),var(--bg)}.app::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.055;background:linear-gradient(115deg,transparent 0 72%,#ffb43b0b 100%)}.topbar{position:relative;border-bottom-color:#55452d;box-shadow:0 5px 22px #000b}.topbar::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--amber) 0 18%,transparent 18% 55%,var(--pressure) 78%,transparent);opacity:.75}.brand{position:relative;overflow:hidden}.brand::after{content:"// 02";position:absolute;right:9px;bottom:7px;color:#5b554a;font:800 6px Inter;letter-spacing:.15em}.brand-icon{font-size:31px;text-shadow:5px 0 #ff4b3224}.brand b{font-size:14px}.brand b:last-child{color:var(--hot)}button{transition:border-color .14s,background .14s,color .14s,transform .14s}button:active:not(:disabled){transform:translateY(1px)}.top-actions button,.editor-head button,.generators button,.scene-add{clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,7px 100%,0 calc(100% - 7px))}.record.active{animation:recordPressure 1.1s steps(2) infinite}@keyframes recordPressure{50%{box-shadow:0 0 0 3px #ff4b3230,0 0 24px #ff4b3255}}
.modebar{position:relative;background:linear-gradient(90deg,#15130f,#0d0d0b);box-shadow:0 8px 24px #0008;z-index:5}.modebar::before{content:"MODE";font:800 6px Inter;letter-spacing:.2em;color:#4d493f;position:absolute;left:8px;top:3px}.modebar nav{margin-left:8px}.mode-actions{display:flex;align-items:center;height:100%}.modebar .focus-trigger,.modebar .command-trigger{width:auto;padding-inline:12px;border-left:1px solid var(--line);color:#a9a398}.modebar .focus-trigger[aria-pressed=true]{color:#111;background:var(--amber)}.modebar .command-trigger{color:var(--amber)}.command-trigger kbd{padding:3px 4px;margin-right:5px;border:1px solid #6f5b37;background:#251d12;color:var(--hot);font:800 7px Inter}.modebar nav button.active::after{height:3px;left:8px;right:8px;box-shadow:0 0 13px #ffb43b88}.modebar nav button.active{background:linear-gradient(180deg,transparent,#ffb43b0c)}
.track{overflow:hidden}.track::after{content:"";position:absolute;right:-18px;top:-26px;width:54px;height:80px;border-left:1px solid #302d26;transform:rotate(25deg)}.track.active{background:linear-gradient(100deg,color-mix(in srgb,var(--track) 12%,#15130f),#181611 70%);box-shadow:inset 5px 0 18px #0006}.track.active::before{width:4px;box-shadow:0 0 15px var(--track)}.track.active .track-name{color:#fff;text-shadow:0 0 18px color-mix(in srgb,var(--track) 50%,transparent)}
.collapsible-rack{position:relative;transition:min-height .18s,height .18s}.rack-toggle{position:absolute;right:9px;top:8px;width:25px;height:25px;padding:0;z-index:3;color:var(--amber);border-color:#5d4b2e;background:#17140f;font:800 13px Inter}.voice-title .rack-toggle{right:auto;left:164px;top:12px}.collapsible-rack.collapsed{min-height:42px;height:42px;overflow:hidden}.collapsible-rack.collapsed>:not(:first-child){display:none}.inspector.collapsed{padding-block:7px;display:flex}.inspector.collapsed .voice-title{display:flex;align-items:center;gap:12px}.inspector.collapsed .eyebrow,.inspector.collapsed .preset-row{display:none}.inspector.collapsed h1{font-size:18px;margin:0}.inspector.collapsed .rack-toggle{left:190px;top:8px}.arp-rack.collapsed>div:first-child,.fx-rack.collapsed .fx-title,.macro-strip.collapsed>div:first-child{width:100%;border:0}.focus-mode #synthRack,.focus-mode #motionRack,.focus-mode #effectsRack,.focus-mode #macroRack{display:none}.focus-mode .editor-head{border-top:3px solid var(--amber)}.editor-head{position:sticky;top:0;z-index:4;background:#0d0d0cf2;backdrop-filter:blur(8px);box-shadow:0 7px 18px #0008}.editor-head::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber)}
.fx-rack{background:linear-gradient(100deg,#17140f,#141210)}.fx-rack::before,.macro-strip::before,.arp-rack::before{content:"";position:absolute;left:0;top:0;width:80px;height:1px;background:linear-gradient(90deg,var(--pressure),transparent)}.note-block{border-left:3px solid #fff6;box-shadow:inset 0 1px #ffffff33,2px 2px 0 #000}.note-block.selected{outline-color:var(--pressure);box-shadow:0 0 13px #ff4b3260}.roll-playhead,.automation-playhead{background:var(--pressure);box-shadow:0 0 12px #ff4b32}.scene{clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}.scene::before{background:linear-gradient(90deg,var(--amber),var(--pressure))}.section-title{position:relative;overflow:hidden}.section-title::after{content:"ARRANGE // IMPACT SEQUENCE";position:absolute;right:25px;top:25px;font:800 7px Inter;letter-spacing:.22em;color:#4b453b;transform:rotate(90deg);transform-origin:right top}.performance-orb{border-color:#7d522f;box-shadow:0 0 100px #ff4b3218,inset 0 0 70px #000}.performance-orb i{background:var(--pressure);box-shadow:0 0 24px var(--pressure)}
.command-dialog{width:min(650px,calc(100% - 24px));padding:0;border:1px solid #7a6037;background:#0d0d0cf5;box-shadow:0 28px 100px #000,0 0 0 1px #ff4b3225}.command-dialog::backdrop{background:#030302dc;backdrop-filter:blur(8px)}.command-head{height:55px;display:flex;align-items:center;gap:12px;padding:0 18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#21170d,#12100d)}.command-head .eyebrow{margin:0;color:var(--pressure)}.command-head b{font:800 17px 'Arial Narrow';letter-spacing:.1em}.command-head kbd{margin-left:auto;padding:5px 7px;border:1px solid var(--line);color:var(--muted);font:700 7px Inter}.command-search{height:58px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid var(--line)}.command-search span{font-size:24px;color:var(--amber)}.command-search input{width:100%;height:100%;border:0;background:transparent;font:700 16px 'Arial Narrow';letter-spacing:.04em}.command-results{max-height:360px;overflow:auto;padding:7px}.command-item{width:100%;height:48px;padding:0 11px;border:0;border-left:2px solid transparent;display:grid;grid-template-columns:1fr auto;text-align:left;background:transparent}.command-item span{display:flex;align-items:center;gap:10px;font:800 11px 'Arial Narrow';letter-spacing:.08em}.command-item span i{width:26px;color:var(--amber);font-style:normal}.command-item kbd{align-self:center;color:#777168;font:700 7px Inter;letter-spacing:.08em}.command-item.active,.command-item:hover{border-left-color:var(--pressure);background:linear-gradient(90deg,#ff4b3219,transparent);color:#fff}.command-help{margin:0;padding:10px 18px;border-top:1px solid var(--line);font:700 7px Inter;letter-spacing:.15em;color:#68645b}
@media(max-width:760px){body{overflow-x:hidden}.modebar{position:sticky;top:0;width:100%;min-width:0;overflow-x:auto}.modebar::before{display:none}.modebar nav{margin:0;flex:none}.modebar button{padding-inline:10px}.mode-actions{flex:none}.modebar .command-trigger{font-size:0}.modebar .command-trigger kbd{font-size:7px;margin:0}.modebar .focus-trigger{font-size:7px}.top-actions #menuBtn{display:block}.collapsible-rack.collapsed{display:flex;height:42px}.inspector.collapsed{display:flex}.rack-toggle{display:block}.editor-head{top:40px}.command-results{max-height:52vh}.command-dialog{margin-top:8vh}.section-title::after{display:none}.track.active{min-width:140px}.track.active .track-name{color:var(--hot)}}

/* SPECTRAL DECK — cyberpunk product system */
:root{--bg:#060813;--panel:#0d1122;--panel2:#12172b;--panel3:#181e36;--line:#252d4b;--line2:#171d35;--ink:#f2f6ff;--muted:#8f9ab6;--amber:#ffd166;--red:#ff5470;--cyan:#2ee8ff;--magenta:#ff3bd4;--violet:#8b7cff;--lime:#a7ff5b;--pressure:#ff5470;--hot:#ffd166;--void:#04050c;--shadow:0 24px 70px #02030acc;color-scheme:dark}
*{scrollbar-width:thin;scrollbar-color:#394469 #090c19}html,body{background:#050711;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{font-size:12px}.app{grid-template-rows:76px 1fr 30px;background:radial-gradient(circle at 78% -10%,#5327813d,transparent 38%),radial-gradient(circle at 4% 40%,#0b678026,transparent 28%),linear-gradient(145deg,#070916,#050711 65%)}.app::before{z-index:0;opacity:1;background:radial-gradient(circle at 84% 18%,#ff3bd40a,transparent 25%);mix-blend-mode:screen}.app>*{position:relative;z-index:1}
button,select,input{border-color:var(--line);background:#10152a;color:var(--ink);border-radius:7px}button{font-weight:750}button:hover:not(:disabled){border-color:#56638e;background:#19213d;color:#fff;box-shadow:0 0 0 1px #2ee8ff18,0 8px 24px #02040c80}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.top-actions button,.editor-head button,.generators button,.scene-add{clip-path:none}.eyebrow{font-size:8px;letter-spacing:.17em;color:var(--cyan);margin-bottom:6px}.boot{background:radial-gradient(circle,#171c3a,#050711 62%)}.boot-mark,.about-mark{background:linear-gradient(135deg,var(--cyan),var(--violet) 48%,var(--magenta));background-clip:text;color:transparent;filter:drop-shadow(0 0 22px #8b7cff55)}
.topbar{grid-template-columns:228px minmax(178px,1fr) auto minmax(275px,1fr);height:76px;border-color:#2a3358;background:#080b19e8;backdrop-filter:blur(24px) saturate(1.4);box-shadow:0 10px 40px #02030caa}.topbar::after{height:1px;bottom:-1px;background:linear-gradient(90deg,var(--cyan),var(--violet) 45%,var(--magenta));opacity:.9;box-shadow:0 0 18px #8b7cff88}.brand{height:75px;padding-inline:20px;border-color:#242c4b}.brand::after{content:"SPECTRAL DECK";right:13px;bottom:9px;color:#566183;font-size:6px}.brand-icon{border:0;padding:0;font-size:32px;letter-spacing:-4px;background:linear-gradient(135deg,var(--cyan),var(--violet) 50%,var(--magenta));background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 0 12px #8b7cff66)}.brand-icon span{color:#f4f7ff}.brand b{font-family:Inter,sans-serif;font-size:13px;line-height:1.02;letter-spacing:.15em}.brand b:last-child{color:var(--magenta)}.project-head{padding-inline:18px}.project-head label,.tempo span,.count-in span{font-size:7px;color:#74809f}.project-head input{max-width:210px;font-family:Inter,sans-serif;font-size:14px}.project-head #saveState{display:inline-flex;align-items:center;gap:4px;color:#7fe6bc}.project-head #saveState::before{content:"";width:5px;height:5px;border-radius:50%;background:#65f1ae;box-shadow:0 0 9px #65f1ae}
.transport{height:52px;margin:auto 0;padding:6px 8px;gap:5px;border:1px solid #283150;border-radius:13px;background:#0c1021;box-shadow:inset 0 1px #ffffff08,0 10px 28px #02030a88}.transport button{height:38px;min-width:38px;border-color:#2a3354;background:#12172a}.transport .play{background:linear-gradient(135deg,var(--cyan),#78f1ff);color:#06101a;border:0;box-shadow:0 0 22px #2ee8ff30}.transport .play.active{background:linear-gradient(135deg,var(--magenta),var(--violet));color:#fff;box-shadow:0 0 26px #ff3bd455}.transport .record{color:var(--red);font-size:17px}.transport .record.active{background:linear-gradient(135deg,#ff365c,var(--magenta));border-color:transparent}.tempo,.count-in{height:32px;padding-left:9px;border-color:#242c49}.tempo input{font-size:15px;color:#fff}.count-in select{font-size:8px;color:#cdd5e9}.transport .toggle[aria-pressed=true]{color:var(--lime);border-color:#567c44;background:#16231b}.top-actions{gap:8px;padding-inline:14px}.top-actions button{height:38px;border-radius:9px}.top-actions #exportBtn{border-color:#9e56c6;color:#fff;background:linear-gradient(135deg,#63236e,#44266f);box-shadow:0 0 20px #ff3bd41f}.master-control span,.master-control output{color:#8993af}.master-control output{color:var(--cyan)}#meter{border-radius:7px;background:#0b1021;border:1px solid #202947}
main{grid-template-columns:228px minmax(0,1fr)}.track-rail{border-color:#242c4a;background:#080b18;padding:12px 10px}.rail-label{height:34px;padding:6px 8px 0;font-size:7px;color:#64708e}.rail-label::after{content:" / 04 CHANNELS";color:#414a67}#tracks{display:grid;gap:7px}.track{height:78px;border:1px solid #1e2744;border-radius:11px;padding:13px;background:linear-gradient(145deg,#10152a,#0b0f20);box-shadow:inset 0 1px #ffffff07}.track::before{inset:10px auto 10px 0;width:3px;border-radius:0 4px 4px 0}.track::after{right:-22px;top:-20px;width:64px;border-color:#27304e;opacity:.55}.track:hover{transform:translateX(2px)}.track.active{background:linear-gradient(110deg,color-mix(in srgb,var(--track) 18%,#10152a),#10152a 70%);border-color:color-mix(in srgb,var(--track) 60%,#334064);box-shadow:0 0 0 1px color-mix(in srgb,var(--track) 15%,transparent),0 10px 28px #02040c99,inset 0 1px #ffffff0b}.track.active::before{width:4px}.track-name{font-family:Inter,sans-serif;font-size:11px;letter-spacing:.1em}.track-head>b{font-size:15px;color:color-mix(in srgb,var(--track) 80%,#fff)}.track small{font-size:8px;color:#7d88a4}.track-meter{height:3px;border-radius:3px;background:#252d48;overflow:hidden}.track-meter i{border-radius:3px;box-shadow:0 0 10px var(--track)}.mute{border:0;background:#171c30;border-radius:4px}.add{height:39px;margin:10px 0 0;width:100%;border:1px dashed #344063;border-radius:10px;color:#91a0c3;background:#0c1122}.add:hover:not(:disabled){color:var(--cyan);border-color:var(--cyan);background:#0c202d}
.workspace{background:linear-gradient(180deg,#0a0d1c,#070a15)}.modebar{height:50px;padding-inline:12px;border-color:#222a47;background:#0b0e1ded;backdrop-filter:blur(18px);box-shadow:0 8px 25px #02040d88}.modebar::before{content:""}.modebar nav{height:38px;margin:0;padding:3px;border:1px solid #252e4d;border-radius:10px;background:#080b17}.modebar button{height:32px;padding-inline:17px;border-radius:7px;font-size:8px;color:#7f8ba8}.modebar nav button.active{color:#fff;background:linear-gradient(135deg,#29365b,#20284a);box-shadow:inset 0 1px #ffffff10,0 5px 16px #02030b}.modebar nav button.active::after{height:2px;left:13px;right:13px;background:linear-gradient(90deg,var(--cyan),var(--violet));box-shadow:0 0 12px var(--cyan)}.modebar .focus-trigger,.modebar .command-trigger{height:34px;border:1px solid #252e4d;border-radius:8px;margin-left:5px;color:#aab4cc}.modebar .focus-trigger[aria-pressed=true]{color:#09111a;background:linear-gradient(135deg,var(--lime),var(--cyan));border-color:transparent}.modebar .command-trigger{color:var(--cyan)}.command-trigger kbd{border-color:#3f4d75;border-radius:4px;background:#151b31;color:var(--cyan)}
.view{padding-bottom:20px}.inspector,.arp-rack,.fx-rack,.macro-strip{margin-inline:14px;border:1px solid #222b4a;border-radius:12px;background:linear-gradient(135deg,#10162b,#0d1224);box-shadow:inset 0 1px #ffffff08,0 8px 26px #02040d55}.inspector{min-height:126px;margin-top:14px;padding:18px 20px;background:radial-gradient(circle at 75% 0,color-mix(in srgb,var(--track) 12%,transparent),transparent 35%),linear-gradient(135deg,#121831,#0c1123)}.inspector h1,.section-title h1,.performance h1{font-family:Inter,sans-serif;font-weight:850;letter-spacing:-.025em}.inspector h1{font-size:32px}.voice-title{min-width:235px}.preset-row{gap:7px}.preset-row select{height:29px;max-width:145px;padding-inline:7px;border:1px solid #273152;border-radius:7px;background:#0d1224;color:#b2bdd3}.synth-controls{gap:15px;padding:5px}.knob-control{min-width:52px}.knob{width:42px;height:42px;border:1px solid color-mix(in srgb,var(--track) 36%,#35405f);background:conic-gradient(from 225deg,var(--track) 0 var(--v),#28314e var(--v) 75%,#0b0f20 75%);box-shadow:0 0 17px color-mix(in srgb,var(--track) 16%,transparent),inset 0 1px #ffffff10}.knob::after{background:#0c1122;border-color:#2b3556}.knob-control label{font-size:7px;color:#7f8ba7}.knob-control output{font-size:8px;color:#d8dff0}.arp-rack,.fx-rack,.macro-strip{min-height:70px;margin-top:9px;padding:10px 16px}.arp-rack::before,.fx-rack::before,.macro-strip::before{display:none}.arp-rack>div:first-child,.fx-title,.macro-strip>div:first-child{width:184px;border-color:#2a3353}.arp-rack strong,.fx-title strong,.macro-strip strong{font-family:Inter,sans-serif;font-size:10px}.arp-rack>label{font-size:7px;color:#8190ae}.arp-rack select{height:30px;border-color:#2a3454;background:#0c1123}.switch input{accent-color:var(--cyan)}.rack-toggle{right:11px;top:10px;border-color:#354269;background:#121a32;color:var(--cyan);border-radius:7px}.voice-title .rack-toggle{left:195px;top:14px}.fx-title button{border-radius:6px}.fx-title button.active{color:var(--red);border-color:#8e415b;background:#281322}.fx-controls,.macros{gap:16px}.fx-unit,.macro label{color:#8290ad}.fx-unit output{color:var(--cyan)}
input[type=range]{height:3px;border-radius:4px;background:linear-gradient(90deg,#33405f,#202842)}input[type=range]::-webkit-slider-thumb{width:10px;height:16px;border-radius:5px;background:linear-gradient(var(--cyan),#7af3ff);box-shadow:0 0 12px #2ee8ff77}.macro:nth-child(2n) input::-webkit-slider-thumb,.fx-unit:nth-child(2n) input::-webkit-slider-thumb{background:linear-gradient(var(--violet),var(--magenta));box-shadow:0 0 12px #8b7cff77}
.editor-head{min-height:58px;margin:14px 14px 0;padding:9px 12px;border:1px solid #293353;border-radius:12px 12px 0 0;background:#0c1121ec;box-shadow:0 10px 26px #02040c88}.editor-head::before{width:3px;top:10px;bottom:10px;border-radius:3px;background:linear-gradient(var(--cyan),var(--magenta))}.editor-head button,.editor-head label{font-size:8px;color:#9ba7c0}.editor-head #clipSelect{height:31px;border:1px solid #283253;border-radius:7px;background:#11172b;color:#e5ebf7}.composition-tools{min-height:53px;margin-inline:14px;padding:8px 12px;border-inline:1px solid #222c4b;border-bottom:1px solid #222c4b;background:#090e1d}.composition-tools label,.generators>span,.selection-editor>span{font-size:7px;color:#7f8da8}.composition-tools select,.composition-tools input,.composition-tools button{height:30px;border-radius:7px;background:#11172b}.generators button:hover:not(:disabled){color:var(--cyan);border-color:#397b91}.piano-shell{height:390px;margin-inline:14px;grid-template-columns:68px 1fr;border-inline:1px solid #222c4b;border-bottom:1px solid #222c4b;background:#070a14}.roll-corner,.roll-ruler{background:#0d1222;border-color:#27304d}.roll-corner{color:#71809d}.ruler-content span{border-color:#2b3655;color:#75829c}.piano-labels{border-color:#283252}.pitch-label{background:#0c1020;border-color:#1a233d;color:#68748e}.pitch-label.in-scale{color:#c1cae0;background:#11172a}.sequencer{background-color:#080c18;background-image:repeating-linear-gradient(to right,#202946 0 1px,transparent 1px var(--step)),repeating-linear-gradient(to right,#344265 0 1px,transparent 1px var(--beat)),repeating-linear-gradient(to right,#59698c 0 2px,transparent 2px var(--bar)),repeating-linear-gradient(to bottom,#171f36 0 1px,transparent 1px var(--row))}.note-block{border:1px solid color-mix(in srgb,var(--track) 72%,#fff);border-left:3px solid #fff8;background:linear-gradient(135deg,color-mix(in srgb,var(--track) calc(44% + var(--vel)*35%),#111629),color-mix(in srgb,var(--track) 22%,#0b1020));box-shadow:inset 0 1px #ffffff55,0 3px 10px #02040b}.note-block.selected{outline:2px solid #fff;box-shadow:0 0 0 2px var(--track),0 0 18px color-mix(in srgb,var(--track) 60%,transparent)}.roll-playhead,.automation-playhead{background:var(--magenta);box-shadow:0 0 12px var(--magenta),0 0 24px #8b7cff}.automation-head{height:40px;margin-inline:14px;border-inline:1px solid #222c4b;border-color:#222c4b;background:#0d1223}.automation-head>span{color:#74809b}.automation-pane{height:86px;margin-left:82px;margin-right:14px;border:1px solid #222c4b;border-top:0;border-radius:0 0 10px 0;background:#080c18}.automation-lane{background-image:repeating-linear-gradient(to right,#202946 0 1px,transparent 1px var(--step))}.automation-step{border-color:#2ee8ff45;background:linear-gradient(#8b7cff88,#2ee8ff12)}.automation-step.point::before{background:var(--magenta);box-shadow:0 0 12px var(--magenta)}.keyboard{height:80px;margin:9px 14px 0;padding:10px 14px 14px;border:1px solid #232d4c;border-radius:11px;background:#0a0f20}.key{border-radius:5px 5px 8px 8px;background:linear-gradient(#f1f5ff,#bdc8dd);color:#161b2d;box-shadow:inset 0 -5px #9ca9c1}.key:nth-child(2),.key:nth-child(4),.key:nth-child(7){background:linear-gradient(#252d48,#111629);color:#cbd4e6;box-shadow:inset 0 -4px #090c17}.key.active{background:linear-gradient(var(--cyan),var(--violet));color:#fff;box-shadow:0 0 18px #2ee8ff88}
.section-title{margin:14px;border:1px solid #253053;border-radius:14px;padding:28px 30px;background:radial-gradient(circle at 80% 20%,#ff3bd41b,transparent 25%),linear-gradient(135deg,#111731,#0b1021)}.section-title::after{content:"SEQUENCE MATRIX // LIVE";color:#566381}.section-title p,.performance p{font-size:12px;color:#929fba}.song-stats{display:inline-flex;padding:7px 10px;border:1px solid #324069;border-radius:7px;background:#0b1124;color:var(--cyan)}.arrangement{padding:10px 14px 22px;gap:12px}.scene{min-width:284px;height:268px;clip-path:none;border-color:#2a3455;border-radius:13px;background:linear-gradient(145deg,#12182e,#0b1020);box-shadow:0 12px 35px #02040b80,inset 0 1px #ffffff0a}.scene::before{height:3px;border-radius:13px 13px 0 0;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta))}.scene.playing{border-color:var(--cyan);box-shadow:0 0 0 1px #2ee8ff55,0 18px 45px #02040bcc,0 0 30px #2ee8ff16}.scene-top input{font-family:Inter,sans-serif;font-size:12px}.scene-clips label{border-color:var(--track)}.scene-clips select{background:#0e1428}.scene-bottom em{color:#343e60}.scene-add{border-radius:9px}.arrange-actions{margin-inline:14px}
.performance{margin:14px;padding:30px;border:1px solid #252f50;border-radius:16px;background:radial-gradient(circle at 50% 35%,#672a7b26,transparent 30%),linear-gradient(145deg,#0f1429,#080d1c)}.performance-orb{width:220px;height:220px;border-color:#4a5681;background:radial-gradient(circle,#121a36,#080b18 68%);box-shadow:0 0 100px #8b7cff2b,inset 0 0 70px #02030b}.performance-orb::before{border-color:#2ee8ff55}.performance-orb::after{border-color:#ff3bd455}.performance-orb span{color:var(--cyan)}.performance-orb b{color:var(--magenta)}.performance-orb i{background:var(--lime);box-shadow:0 0 24px var(--lime)}.perform-macros{max-width:900px}
footer{height:30px;border-color:#222b47;background:#080b18;color:#65728f}.status-dot{background:var(--lime);box-shadow:0 0 9px var(--lime)}footer b{color:#b3bed4}.signal-health{color:#697591}dialog{border:1px solid #334069;border-radius:15px;background:#0d1224f5;box-shadow:0 30px 100px #02030be8,0 0 0 1px #8b7cff22;backdrop-filter:blur(22px)}dialog::backdrop{background:#03040bdc;backdrop-filter:blur(8px)}dialog h2{font-family:Inter,sans-serif;font-weight:850}.command-dialog{border-color:#475789;background:#090d1df7}.command-head{background:linear-gradient(90deg,#111a35,#25133a);border-color:#303b61}.command-head .eyebrow{color:var(--cyan)}.command-search{border-color:#303a60}.command-search span{color:var(--magenta)}.command-item.active,.command-item:hover{border-color:var(--cyan);background:linear-gradient(90deg,#2ee8ff1c,#8b7cff0a)}.command-item span i{color:var(--magenta)}#toast{border:1px solid #38466f;border-radius:9px;background:#11182d;color:#fff;box-shadow:0 18px 50px #02030bd9,0 0 24px #8b7cff25}
@media(max-width:1100px){.topbar{grid-template-columns:200px 1fr auto}.top-actions{grid-column:3}.top-actions canvas,.master-control{display:none}main{grid-template-columns:200px 1fr}.arp-rack>div:first-child,.fx-title,.macro-strip>div:first-child{width:150px}}
@media(max-width:760px){.app{background:radial-gradient(circle at 90% 0,#57236d28,transparent 28%),#060813}.topbar{height:auto;grid-template-columns:minmax(0,1fr) auto;background:#080b19}.brand{height:66px}.brand::after{display:none}.top-actions{padding-right:9px}.top-actions button{height:37px}.transport{height:56px;margin:0;border-inline:0;border-radius:0;background:#090d1c}.track-rail{padding:7px;background:#080b18}.track{min-width:125px;height:49px;border-radius:8px;padding:14px 12px}.track.active{min-width:150px}.modebar{height:48px;background:#090d1dec}.modebar nav{height:36px}.modebar button{height:30px}.inspector,.arp-rack,.fx-rack,.macro-strip{margin-inline:8px;border-radius:10px}.inspector{margin-top:8px;padding:14px}.inspector h1{font-size:25px}.voice-title{min-width:210px}.voice-title .rack-toggle{left:auto;right:10px}.synth-controls{padding-top:8px}.arp-rack,.fx-rack,.macro-strip{margin-top:6px;padding:10px}.collapsible-rack.collapsed{height:46px;min-height:46px}.editor-head{top:48px;margin:8px 8px 0;border-radius:10px 10px 0 0}.composition-tools{margin-inline:8px}.piano-shell{height:365px;margin-inline:8px;grid-template-columns:58px 1fr}.automation-head{margin-inline:8px}.automation-pane{margin-left:66px;margin-right:8px}.keyboard{margin:7px 8px 0}.section-title,.performance{margin:8px;padding:22px 17px}.arrangement{padding-inline:8px}.arrange-actions{margin-inline:8px}.command-dialog{border-radius:13px}.fx-controls,.macros,.perform-macros{gap:12px}.eyebrow{font-size:7px}}

/* КИБЕР VENGANCE signal-core identity */
.brand-symbols{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.brand-emblem{display:block;overflow:visible}.logo-frame{fill:#070a17;stroke:url(#kvFrame);stroke-width:2}.logo-notch{fill:none;stroke:#7382aa;stroke-width:2;opacity:.66}.logo-k{fill:none;stroke:url(#kvSpectrum);stroke-width:11;stroke-linecap:square;stroke-linejoin:miter}.logo-v{fill:none;stroke:#f5f7ff;stroke-width:10;stroke-linecap:square;stroke-linejoin:miter}.logo-signal{fill:none;stroke:#a7ff5b;stroke-width:2.4;stroke-linecap:square;stroke-linejoin:miter;stroke-dasharray:17 8;filter:url(#kvGlow);animation:kvSignal 3.2s linear infinite}.logo-core-halo{fill:#a7ff5b22;stroke:#a7ff5b66;stroke-width:1;transform-origin:60px 47px;animation:kvCore 1.8s ease-in-out infinite}.logo-core{fill:#f8ffff;filter:url(#kvGlow);transform-origin:60px 47px;animation:kvCore 1.8s ease-in-out infinite reverse}.brand-icon{width:58px;height:48px;filter:drop-shadow(0 0 15px #8b7cff62)}.brand-icon svg{width:58px;height:45px}.brand-word{gap:0}.brand-word b{font-weight:950;line-height:1;letter-spacing:.155em}.brand-word b:first-child{font-size:14px;letter-spacing:.13em;background:linear-gradient(90deg,#f7f9ff 10%,#c9d9ff);background-clip:text;color:transparent}.brand-word b:last-child{font-size:10px;letter-spacing:.22em}.brand:hover .brand-emblem,.brand:focus-visible .brand-emblem{animation:kvSurge .52s cubic-bezier(.2,.9,.25,1)}.brand:hover .brand-word b:last-child{filter:brightness(1.35)}
.boot{overflow:hidden;background:radial-gradient(circle at 50% 46%,#20275a55,transparent 25%),radial-gradient(circle at 50% 46%,#ff3bd41c,transparent 48%),#050711}.boot::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#2ee8ff16 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#ff3bd410 50%,transparent 50.2%);background-size:100% 100%;animation:kvBootGrid 2s ease-out both}.boot-mark,.about-mark{font:inherit;letter-spacing:normal;color:inherit;transform:none}.boot-mark{width:168px;margin:auto;filter:drop-shadow(0 0 35px #8b7cff6b);animation:kvBootAssemble 1.05s cubic-bezier(.2,.85,.2,1) both}.boot-mark .brand-emblem{width:100%}.boot p{position:relative;margin-top:20px;color:#8292b5;letter-spacing:.42em}.boot p::after{content:"";display:block;width:0;height:2px;margin:13px auto 0;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta));box-shadow:0 0 16px #8b7cff;animation:kvBootLine 1.2s .15s ease-out forwards}.about-mark{width:148px;margin:0 auto 14px;filter:drop-shadow(0 0 27px #8b7cff55)}.about-mark .brand-emblem{width:100%}#aboutDialog{text-align:center}#aboutDialog h2{letter-spacing:.11em}.performance-orb.compact{border-color:#3f4f7f;background:radial-gradient(circle,#111936,#070b17 70%);box-shadow:0 0 52px #8b7cff38,inset 0 0 30px #02030b}.performance-orb.compact .brand-emblem{width:72px;filter:drop-shadow(0 0 12px #8b7cff44)}.record-label .brand-emblem{width:68px;height:55px;opacity:.48;filter:drop-shadow(0 0 8px #2ee8ff66)}.record-label small{z-index:2}.record-label::after{content:"К/V";position:absolute;top:17px;color:#f2f6ff;font:900 7px var(--display-font);letter-spacing:.12em}
@keyframes kvSignal{to{stroke-dashoffset:-50}}@keyframes kvCore{50%{transform:scale(1.75);opacity:.42}}@keyframes kvSurge{35%{transform:scale(1.08) skewX(-2deg);filter:brightness(1.5) drop-shadow(0 0 20px #2ee8ff88)}70%{transform:scale(.985) skewX(1deg)}}@keyframes kvBootAssemble{0%{opacity:0;transform:scale(.62) rotate(-7deg);filter:blur(12px)}55%{opacity:1;transform:scale(1.06) rotate(1deg);filter:blur(0)}100%{transform:none}}@keyframes kvBootLine{70%{width:190px}100%{width:156px}}@keyframes kvBootGrid{0%{opacity:0;transform:scale(1.3)}100%{opacity:1;transform:none}}
@media(max-width:1100px){.brand-icon{width:50px}.brand-icon svg{width:50px}.brand-word b:first-child{font-size:12px}.brand-word b:last-child{font-size:9px}}
@media(max-width:760px){.brand-icon{width:45px;height:42px}.brand-icon svg{width:45px}.brand-word b:first-child{font-size:11px}.brand-word b:last-child{font-size:8px}.boot-mark{width:138px}.about-mark{width:124px}}

/* Prism Keys — tactile chromatic sampler */
.sampler-octave{display:grid;grid-template-columns:auto minmax(54px,1fr) auto;align-items:center;gap:4px}.sampler-octave button{min-width:54px;padding:0 7px!important}.sampler-octave output{display:grid;place-items:center;height:34px;padding:0 7px;border:1px solid #354467;border-radius:7px;color:var(--lime);background:#090f20;font:850 7px var(--ui-font);white-space:nowrap}.sampler-live-status{position:sticky;z-index:6;left:8px;bottom:8px;display:grid;width:max-content;min-width:112px;height:27px;margin:-35px 0 8px 8px;padding:0 10px;place-items:center;border:1px solid #3b4a70;border-radius:6px;color:#9caccc;background:#070c18e8;font:900 7px var(--ui-font);letter-spacing:.1em;pointer-events:none}.sampler-lab.playing .sampler-keyboard-shell{border-color:var(--cyan);box-shadow:0 0 24px #2ee8ff30,inset 0 0 26px #ff3bd412}.sampler-lab.playing .sampler-live-status{color:#061018;border-color:var(--lime);background:var(--lime);box-shadow:0 0 22px #a7ff5b66}.sampler-key.hit{animation:sampler-hit .26s ease-out}@keyframes sampler-hit{0%{filter:brightness(2) saturate(1.5);box-shadow:inset 0 0 34px #fff,0 0 34px hsl(var(--key-hue) 100% 65%)}100%{filter:brightness(1.1)}}
.sampler-lab{display:flex;flex-direction:column}
@media(max-width:760px){.sampler-keyboard-shell{order:1}.sampler-controls{order:2}.sampler-hint{order:3}}
.sampler-lab{max-width:1180px;margin:0 auto 18px;padding:18px;border:1px solid #354266;border-radius:14px;background:radial-gradient(circle at 12% 0,#2ee8ff12,transparent 34%),radial-gradient(circle at 88% 10%,#ff3bd414,transparent 32%),linear-gradient(150deg,#111a31,#080d1b);box-shadow:0 18px 38px #02040b77}.sampler-lab>header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.sampler-lab h2{margin:2px 0 4px;font:900 25px var(--display-font);letter-spacing:.07em}.sampler-lab header p{max-width:500px;margin:0;color:#dce7fa;font:850 10px var(--ui-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sampler-lab header small{display:block;margin-top:5px;color:#71809c;font:750 7px var(--ui-font);letter-spacing:.08em}.sampler-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.sampler-actions button,.sampler-actions .file-button{height:36px;padding:0 12px;border-radius:8px;font:850 7px var(--ui-font);letter-spacing:.08em}.sampler-actions #samplerArm{color:var(--cyan);border-color:#326076}.sampler-actions #samplerArm.active{color:#061018;border-color:var(--lime);background:var(--lime);box-shadow:0 0 20px #a7ff5b44}.sampler-actions #samplerRemove{color:#ff7189}.sampler-lab canvas{display:block;width:100%;height:76px;margin:14px 0 12px;border:1px solid #283758;border-radius:9px}.sampler-controls{display:grid;grid-template-columns:repeat(6,minmax(112px,1fr));gap:7px;margin-bottom:13px}.sampler-controls label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;padding:7px 8px;border:1px solid #263353;border-radius:7px;background:#090f20;color:#7e8dab;font:800 6px var(--ui-font);letter-spacing:.08em}.sampler-controls input,.sampler-controls select{grid-column:1/-1;min-width:0;height:27px}.sampler-controls input[type=range]{height:4px}.sampler-controls output{color:var(--cyan);font-variant-numeric:tabular-nums}.sampler-controls .switch{grid-template-columns:auto 1fr;align-content:center}.sampler-controls .switch input{grid-column:auto}.sampler-keyboard-shell{position:relative;height:170px;overflow-x:auto;overflow-y:hidden;border:1px solid #37476c;border-radius:11px;background:linear-gradient(#070b16,#11182b);scrollbar-color:#53658f #090e1d;overscroll-behavior-inline:contain}.sampler-keyboard{position:relative;height:164px;min-width:1080px;margin:auto}.sampler-key{position:absolute;left:var(--key-left);bottom:5px;margin:0;padding:0 7px 12px;border:1px solid hsl(var(--key-hue) 75% 57% / .72);border-radius:5px 5px 10px 10px;touch-action:none;user-select:none;transition:transform 70ms ease,filter 70ms ease,box-shadow 70ms ease}.sampler-key.natural{z-index:1;width:72px;height:153px;color:#08101c;background:linear-gradient(175deg,hsl(var(--key-hue) 88% 90%),hsl(var(--key-hue) 78% 68%));box-shadow:inset 0 -11px 20px #06101c2b,0 6px 0 #060a13}.sampler-key.accidental{z-index:2;width:48px;height:105px;color:#f7fbff;background:linear-gradient(170deg,hsl(var(--key-hue) 80% 44%),hsl(var(--key-hue) 84% 19%));box-shadow:inset 0 -12px 20px #02040a88,0 7px 0 #03050b,0 10px 20px #02040baa}.sampler-key b,.sampler-key span{position:absolute;left:0;right:0;text-align:center;pointer-events:none}.sampler-key b{bottom:29px;font:900 8px var(--ui-font)}.sampler-key span{bottom:10px;font:950 12px var(--display-font)}.sampler-key.root::after{content:"ROOT";position:absolute;left:50%;top:8px;transform:translateX(-50%);padding:3px 4px;border-radius:3px;color:#061018;background:var(--lime);font:900 5px var(--ui-font);letter-spacing:.08em}.sampler-key.accidental.root::after{color:#071018}.sampler-key:hover{filter:brightness(1.12) saturate(1.12)}.sampler-key.active{transform:translateY(6px);filter:brightness(1.42) saturate(1.3);box-shadow:inset 0 0 24px #fff8,0 0 24px hsl(var(--key-hue) 100% 60% / .72)}.sampler-hint{margin:9px 1px 0;color:#7383a1;font:750 7px var(--ui-font);letter-spacing:.07em}
@media(max-width:1100px){.sampler-controls{grid-template-columns:repeat(4,minmax(105px,1fr))}}
@media(max-width:760px){.sampler-lab{margin:0 8px 14px;padding:13px 10px}.sampler-lab>header{flex-direction:column}.sampler-actions{width:100%;justify-content:flex-start}.sampler-actions>*{flex:1;justify-content:center;text-align:center}.sampler-controls{grid-template-columns:repeat(2,minmax(105px,1fr))}.sampler-keyboard-shell{height:156px}.sampler-keyboard{height:150px}.sampler-key.natural{height:139px}.sampler-key.accidental{height:96px}.sampler-hint{line-height:1.5}}
.app:not(.ui-scaled){position:static;inset:auto}.app.ui-scaled{position:fixed;inset:0 auto auto 0}

/* v6 hybrid studio, routing and adaptive-density pass */
:root{--ui-scale:1}.app{zoom:var(--ui-scale);width:calc(100% / var(--ui-scale));height:calc(100% / var(--ui-scale))}.ui-scale-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:10px 0;padding:9px 11px;border:1px solid #2b3658;border-radius:8px;color:#8f9db8;font:800 7px var(--ui-font);letter-spacing:.11em}.ui-scale-control select{height:30px}.audio-studio{min-height:100%;padding:22px 24px 40px;background:radial-gradient(circle at 12% 0,#2ee8ff10,transparent 28%),linear-gradient(145deg,#0b1021,#060914)}.audio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;max-width:1280px;margin:auto}.audio-head h1{margin:0;font:900 34px var(--display-font);letter-spacing:-.025em}.audio-head p{margin:7px 0 0;color:#8c9ab6;font-size:11px}.audio-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.audio-actions button,.audio-actions .file-button{display:grid;place-items:center;height:36px;padding:0 12px;border:1px solid #344164;border-radius:8px;background:#0d1429;color:#aebad2;font:850 7px var(--ui-font);letter-spacing:.08em}.audio-actions #audioRecordBtn{color:#ff7189;border-color:#71314b}.audio-actions #audioRecordBtn.active{color:#fff;background:#a92349;box-shadow:0 0 20px #ff3b6c44}.audio-ruler{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:9px;max-width:1280px;margin:18px auto 7px;padding-left:224px;color:#61708f;font:800 6px var(--ui-font);letter-spacing:.1em}.audio-ruler i{height:1px;background:#273250}.audio-lanes{display:grid;gap:8px;max-width:1280px;margin:auto}.audio-empty{display:grid;place-items:center;min-height:230px;border:1px dashed #324063;border-radius:13px;color:#73819d;font:800 8px var(--ui-font);letter-spacing:.1em}.audio-lane{display:grid;grid-template-columns:210px minmax(520px,1fr);min-height:128px;border:1px solid #293655;border-radius:12px;overflow:hidden;background:#090e1d}.audio-lane-head{display:grid;grid-template-columns:1fr auto auto;align-content:start;gap:8px;padding:14px;background:linear-gradient(155deg,#121a31,#0b1021);border-right:1px solid #2a3657}.audio-lane-head input[type=text]{grid-column:1/-1;min-width:0;height:31px;border:0;border-bottom:2px solid var(--lane);background:transparent;font:850 10px var(--display-font);letter-spacing:.08em}.audio-lane-head button{height:28px;padding:0 8px;border-radius:6px;font:850 7px var(--ui-font)}.audio-lane-head button.on{color:#061018;background:var(--cyan)}.audio-lane-head label{grid-column:1/-1;display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:6px;color:#74829f;font:800 6px var(--ui-font)}.audio-lane-head output{color:var(--cyan)}.audio-track{position:relative;display:flex;align-items:stretch;gap:6px;padding:12px;overflow-x:auto;background-color:#070b17;background-image:repeating-linear-gradient(90deg,#202a46 0 1px,transparent 1px 64px),repeating-linear-gradient(90deg,#39496c 0 2px,transparent 2px 256px)}.audio-region{position:relative;flex:none;display:grid;grid-template-rows:auto 44px auto;min-width:170px;width:calc(max(4,var(--length))*16px);max-width:620px;padding:9px;border:1px solid color-mix(in srgb,var(--lane) 65%,#536184);border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--lane) 18%,#10172c),#0c1224);box-shadow:0 8px 25px #02040b99;overflow:hidden}.audio-region header{display:flex;justify-content:space-between;gap:8px}.audio-region b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:850 8px var(--ui-font)}.audio-region header button{width:22px;height:20px;padding:0;color:#ff7189}.mini-wave{position:relative;overflow:hidden;border-radius:4px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--lane) 64%,transparent) 0 2px,transparent 2px 6px);mask:linear-gradient(160deg,transparent 7%,#000 8% 92%,transparent 93%)}.mini-wave::after{content:"";position:absolute;inset:48% 0 auto;height:1px;background:#ffffff66}.audio-region-controls{display:grid;grid-template-columns:repeat(4,minmax(55px,1fr));gap:6px;margin-top:7px}.audio-region-controls label{display:grid;gap:3px;color:#71809b;font:800 5px var(--ui-font)}.audio-region-controls input,.audio-region-controls select{width:100%;min-width:0;height:25px;padding:0 4px;font-size:7px}.audio-region-controls .wide{grid-column:span 2}.audio-lab{display:grid;grid-template-columns:180px repeat(4,max-content);align-items:end;gap:9px;max-width:1280px;margin:14px auto 0;padding:14px;border:1px solid #2b3759;border-radius:12px;background:linear-gradient(135deg,#10172d,#0a0f20)}.audio-lab h2{margin:0;font:850 17px var(--display-font)}.audio-lab label{display:grid;gap:5px;color:#7786a2;font:800 6px var(--ui-font);letter-spacing:.09em}.audio-lab select,.audio-lab button{height:33px;padding:0 9px;border-radius:7px;font-size:7px}.global-automation{grid-column:1/-1;display:flex;gap:7px;overflow-x:auto}.automation-card,.modulation-card{display:grid;grid-template-columns:1fr auto;gap:5px;min-width:230px;padding:9px;border:1px solid #2e3b60;border-radius:8px;background:#0a1022}.automation-card b,.modulation-card b{font:800 8px var(--ui-font)}.automation-card small,.modulation-card small{grid-column:1/-1;color:#72809c;font-size:7px}.automation-card button,.modulation-card button{height:24px;color:#ff7189}.mix-groups{display:flex;gap:9px;max-width:1180px;margin:13px auto 0}.mix-group{flex:1;display:grid;grid-template-columns:1fr repeat(2,minmax(90px,180px));align-items:center;gap:10px;padding:12px 14px;border:1px solid #2f3b60;border-left:3px solid var(--group);border-radius:9px;background:#0d1327}.mix-group b{font:850 9px var(--display-font);letter-spacing:.08em}.mix-group label{display:grid;gap:4px;color:#74829e;font:800 6px var(--ui-font)}.mix-group input,.mix-group select{height:27px}.master-strip{grid-template-columns:auto minmax(170px,1fr) 180px auto auto minmax(105px,.45fr) minmax(105px,.45fr)}.master-strip p{grid-column:1/-1}.master-strip label:has(input[type=number]){grid-template-columns:auto 64px auto}.master-strip input[type=number]{height:28px;min-width:0}.master-strip #monoCheckBtn[aria-pressed=true]{color:#071018;background:var(--cyan)}
@media(max-width:1550px){.topbar{grid-template-columns:190px minmax(0,1fr) auto}.project-head{display:none}.brand{padding-inline:12px}.transport{padding-inline:8px;border-left:0}.transport{gap:4px}.transport .count-in:nth-of-type(4),.top-actions canvas{display:none}.top-actions{padding-inline:8px}.modebar button{padding-inline:12px}}
@media(max-width:1320px){.topbar{grid-template-columns:190px 1fr auto}.project-head{display:none}.transport{border-left:0}.audio-head{align-items:flex-start;flex-direction:column}.master-strip{grid-template-columns:auto 1fr 160px auto auto}.master-strip label:has(input[type=number]){grid-column:span 2}.audio-lab{grid-template-columns:1fr 1fr}.audio-lab>div,.global-automation{grid-column:1/-1}}
@media(max-width:900px){.audio-studio{padding:16px 9px}.audio-actions{justify-content:flex-start}.audio-ruler{padding-left:0}.audio-lane{grid-template-columns:1fr;min-height:0}.audio-lane-head{grid-template-columns:1fr auto auto;border-right:0;border-bottom:1px solid #2a3657}.audio-track{min-height:150px}.mix-groups{margin-inline:8px}.master-strip{grid-template-columns:1fr}.master-strip label:has(input[type=number]){grid-column:auto}.modebar{overflow-x:auto}.modebar nav{flex:none}.mode-actions{flex:none}}
@media(max-width:760px){.audio-head h1{font-size:27px}.audio-actions>*{flex:1;min-width:130px}.audio-lab{grid-template-columns:1fr}.audio-lab>*{grid-column:1!important}.audio-region{width:270px}.mix-group{grid-template-columns:1fr}.top-actions .language-switcher{display:none}.modebar button{padding-inline:10px}.signal-health{display:none}footer{gap:8px}footer span:last-child{display:none}}
@media(max-width:820px){html,body{max-width:100%;overflow:hidden}.app{max-width:calc(100% / var(--ui-scale));grid-template-rows:auto 42px 1fr 28px}.topbar{width:100%;grid-template-columns:minmax(0,1fr) auto}.brand{height:64px}.top-actions{grid-column:2}.top-actions .master-control,.top-actions canvas,.top-actions .language-switcher{display:none}.transport{grid-column:1/-1;grid-row:2;width:100%;height:54px;overflow-x:auto;border:0;border-top:1px solid #222b47}.global-locator{width:100%;padding-left:8px}.global-locator output{display:none}main{width:100%;grid-template-columns:1fr;grid-template-rows:64px minmax(0,1fr)}.track-rail{height:64px;min-height:64px;padding:7px 8px;overflow-x:auto;overflow-y:hidden}.track-rail .rail-label,.track-rail .add{display:none}.track-rail #tracks{display:flex;width:max-content;gap:7px}.track{min-width:126px;width:126px;height:49px;border:1px solid #202a48;border-radius:8px;padding:12px 11px}.workspace{width:100%;min-width:0}.modebar{width:100%;overflow-x:auto}.modebar nav,.mode-actions{flex:none}.mixer{width:100%}.mixer-head{align-items:flex-start;flex-wrap:wrap}.mixer-channels{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory}.mixer-channel{min-width:145px;scroll-snap-align:start}.mix-groups,.master-strip{margin-inline:8px}.audio-studio{width:100%}}

/* Precision knob interaction */
.knob{touch-action:none;user-select:none;cursor:ns-resize}.knob.adjusting{border-color:var(--cyan);box-shadow:0 0 0 4px #2ee8ff18,0 0 28px color-mix(in srgb,var(--track) 45%,transparent);transform:scale(1.06)}.knob-nudge{display:none}.knob-control input{inset:auto}
@media(max-width:760px){.track-rail{height:64px;min-height:64px;padding:7px 8px;overflow-x:auto;overflow-y:hidden}.track-rail #tracks{display:flex;width:max-content;gap:7px}.track{min-width:126px!important;width:126px;height:49px;border:1px solid #202a48;padding:13px 11px}.track.active{min-width:142px!important;width:142px}.track-head{align-items:center}.synth-controls{gap:8px;scroll-snap-type:x proximity}.knob-control{min-width:92px;display:grid;grid-template-columns:23px 46px 23px;grid-template-rows:50px auto auto;align-items:center;justify-items:center;padding:7px 0 5px;border:1px solid #202a49;border-radius:11px;background:#0a1021;scroll-snap-align:start}.knob{width:46px;height:46px;grid-column:2;grid-row:1}.knob-nudge{display:grid;place-items:center;width:23px;height:34px;padding:0;border:0;background:transparent;color:#8fa0c1;font-size:18px}.knob-nudge:first-child{grid-column:1;grid-row:1}.knob-nudge:nth-of-type(2){grid-column:3;grid-row:1}.knob-control label,.knob-control output{grid-column:1/-1}.knob-control label{grid-row:2;margin-top:5px}.knob-control output{grid-row:3}.knob-control:has(.knob.adjusting){border-color:color-mix(in srgb,var(--track) 65%,#4d5d87);background:color-mix(in srgb,var(--track) 8%,#0a1021)}}

/* Spectral identity, bilingual guidance and contextual learning */
:root{--display-font:"Avenir Next","Segoe UI Variable Display","Trebuchet MS",sans-serif;--ui-font:Inter,"Avenir Next","Segoe UI Variable Text",system-ui,sans-serif}html,body{font-family:var(--ui-font)}h1,h2,.track-name,.brand-word,.section-title h1,.performance h1{font-family:var(--display-font)!important}.brand{gap:12px}.brand-icon{width:50px;height:42px;display:grid;place-items:center;flex:none;background:none;color:inherit;filter:drop-shadow(0 0 13px #8b7cff72)}.brand-icon svg{width:50px;height:38px;overflow:visible}.logo-k{fill:url(#brandGradient)}.brand-icon::before{content:"";position:absolute;width:0;height:0}.logo-v{fill:#f6f8ff}.logo-cut{fill:#a7ff5b}.brand-word{display:grid;gap:1px}.brand-word b{font-family:var(--display-font);font-weight:900;letter-spacing:.18em}.brand-word b:first-child{color:#f7f9ff}.brand-word b:last-child{background:linear-gradient(90deg,var(--cyan),var(--magenta));background-clip:text;color:transparent}.language-switcher select{width:49px;height:38px;padding:0 8px;border-color:#303a60;background:#0d1327;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.08em}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.guide-trigger{color:var(--lime)!important;border-color:#486543!important}.modebar #helpBtn[aria-pressed=true]{color:#071019;background:linear-gradient(135deg,var(--cyan),var(--lime));border-color:transparent}.help-mode [data-help-body]{outline-color:#2ee8ff35}.help-mode [data-help-body]:hover,.help-mode [data-help-body]:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.context-help{position:fixed;right:18px;bottom:44px;width:min(340px,calc(100vw - 24px));z-index:75;padding:18px 46px 16px 18px;border:1px solid #3b4f7c;border-radius:13px;background:linear-gradient(145deg,#111a34f5,#0a1022f5);box-shadow:0 24px 70px #02030bdd,0 0 30px #2ee8ff17;backdrop-filter:blur(20px)}.context-help[hidden]{display:none}.context-help>button:first-child{position:absolute;right:10px;top:10px;width:28px;height:28px;padding:0}.context-help b{display:block;font:850 14px var(--display-font);letter-spacing:.01em}.context-help p{margin:7px 0 12px;color:#a4b0ca;font-size:10px;line-height:1.55}.manual-link{height:28px;padding-inline:10px;color:var(--cyan);font-size:7px;letter-spacing:.1em}
.menu-language{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;margin:14px 0;padding:10px 11px;border:1px solid #2d3960;border-radius:9px;background:#0b1124;color:#8f9cba;font-size:8px;font-weight:800;letter-spacing:.1em}.menu-language select{height:31px;min-width:104px;padding-inline:9px;color:var(--cyan)}
.tutorial-dialog{position:fixed;inset:auto 24px 48px auto;width:min(410px,calc(100vw - 32px));margin:0;padding:23px;border-color:#4a5e91;background:linear-gradient(145deg,#131b38f7,#090e20f7);z-index:90;overflow:visible}.tutorial-dialog::before{content:"";position:absolute;inset:-1px;border-radius:15px;padding:1px;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--magenta));mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.tutorial-dialog h2{margin:6px 0 9px;font-size:25px;letter-spacing:-.03em}.tutorial-dialog p{min-height:48px;margin:0;color:#a9b5ce;font-size:11px;line-height:1.6}.tutorial-visual{display:flex;align-items:center;gap:12px;margin-bottom:18px;color:#8290af;font:800 7px var(--ui-font);letter-spacing:.14em}.tutorial-visual i{height:3px;flex:1;border-radius:3px;background:linear-gradient(90deg,var(--cyan) var(--tutorial-progress,14%),#273252 var(--tutorial-progress,14%));box-shadow:0 0 10px #2ee8ff33}.tutorial-actions{display:flex;justify-content:space-between;margin-top:20px}.tutorial-actions>span{display:flex;gap:7px}.tutorial-actions button{height:34px;padding-inline:14px;font-size:8px;letter-spacing:.08em}.tutorial-actions #tutorialNext{color:#071019;border:0;background:linear-gradient(135deg,var(--cyan),var(--lime))}.tutorial-target{position:relative!important;z-index:72!important;outline:3px solid var(--cyan)!important;outline-offset:5px!important;box-shadow:0 0 0 9999px #02040bc2,0 0 45px #2ee8ff66!important}.tutorial-active .context-help{display:none!important}
@media(max-width:1100px){.language-switcher{display:none}.guide-trigger{font-size:0!important}.guide-trigger::after{content:"?";font-size:10px}.brand-icon{width:44px}.brand-icon svg{width:44px}}
@media(max-width:760px){.brand{padding-left:14px;gap:8px}.brand-icon{width:42px}.brand-icon svg{width:42px}.brand-word b{font-size:11px}.modebar .guide-trigger{display:block;width:34px;padding:0}.tutorial-dialog{inset:auto 8px 36px 8px;width:auto}.tutorial-target{outline-offset:2px!important}.context-help{right:8px;bottom:36px;width:calc(100vw - 16px)}}

/* Five-piece studio + backing generator */
.rail-label::after{content:" / 05 CHANNELS"}.backing-trigger{color:var(--lime)!important;border-color:#4b6d48!important;background:linear-gradient(135deg,#10251d,#11182c)!important}.backing-dialog{width:min(590px,calc(100% - 24px))}.backing-options{display:grid;grid-template-columns:1.4fr .8fr 1.2fr;gap:10px;margin:20px 0}.backing-options label{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;min-width:0;padding:12px;border:1px solid #2b375d;border-radius:10px;background:#0a1021}.backing-options label>span{grid-column:1/-1;color:#8290af;font-size:7px;font-weight:850;letter-spacing:.12em}.backing-options select{grid-column:1/-1;width:100%;height:34px}.backing-options input{min-width:0}.backing-options output{color:var(--cyan);font-size:9px}.backing-warning{padding:10px 12px;border-left:2px solid var(--amber);background:#ffd1660a;color:#aab5cc!important}.backing-dialog #generateBackingBtn{width:100%;height:44px;border:0;color:#061018;background:linear-gradient(135deg,var(--cyan),var(--lime));font-size:9px;letter-spacing:.12em}.scene{height:306px}.scene-clips{gap:5px}
.clip-delete{color:#ff7189!important;border-color:#5d2a3b!important}.clip-delete:hover:not(:disabled){background:#351522!important;border-color:#ff7189!important}.delete-clip-dialog{width:min(470px,calc(100% - 24px));border-color:#71324a}.delete-clip-dialog .eyebrow{color:#ff7189}.delete-clip-warning{padding:10px 12px;border-left:2px solid #ff4e72;background:#ff4e720b;color:#b8bfd1!important}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.dialog-actions button{height:40px;padding:0 18px;font:800 8px Inter;letter-spacing:.1em}.dialog-actions #confirmDeleteClipBtn{border-color:#ff4e72;color:#fff;background:linear-gradient(135deg,#7e1732,#cb3152)}
.selection-marquee{position:absolute;z-index:8;pointer-events:none;border:1px solid var(--cyan);background:color-mix(in srgb,var(--cyan) 13%,transparent);box-shadow:0 0 18px #2ee8ff35,inset 0 0 12px #2ee8ff18}
.track{padding:0}.track-select{position:absolute;inset:0;width:100%;height:100%;padding:13px 14px;border:0;border-radius:inherit;background:transparent;text-align:left;color:inherit}.track-switches{position:absolute;right:12px;bottom:8px;z-index:3;display:flex;gap:4px}.solo,.track-switches .mute{width:20px;height:17px;padding:0;display:grid;place-items:center;border:1px solid #394364;border-radius:4px;font:850 7px Inter;color:#7f8ba7;background:#0c1121}.solo.on{color:#07101b;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 12px #2ee8ff88}.track.soloed{border-color:color-mix(in srgb,var(--track) 70%,var(--cyan));box-shadow:inset 0 0 24px color-mix(in srgb,var(--track) 10%,transparent)}.track.solo-muted{opacity:.52}.track.solo-muted:hover{opacity:.8}.track-foot{position:relative;z-index:1;padding-right:50px}.track:has(.track-select:hover){background:#19213d}
@media(max-width:760px){.track{padding:0!important}.track-select{padding:12px 11px}.track-switches{right:8px;bottom:5px}.track-switches .solo,.track-switches .mute{width:19px;height:16px}}
@media(max-width:760px){.backing-options{grid-template-columns:1fr 1fr}.backing-options label:last-child{grid-column:1/-1}.scene{height:306px}.generators{min-width:max-content}.composition-tools>div{padding-bottom:2px}}
@media(max-width:760px){.editor-head>div:first-child{min-width:315px;flex:none}.editor-head>div:last-child{flex:none}}

/* Per-clip character scope */
.clip-scope{display:inline-flex;margin-top:5px;padding:3px 6px;border:1px solid #394b70;border-radius:999px;color:var(--lime);background:#a7ff5b0b;font:800 6px Inter;letter-spacing:.12em;font-style:normal}.fx-title .clip-scope{margin-right:6px}@media(max-width:760px){.clip-scope{font-size:5px;padding:2px 5px}}

/* One-tap full-song exports */
.quick-export-bar{display:flex;gap:4px;padding:3px;border:1px solid #263253;border-radius:10px;background:#080d1d}.top-actions .quick-export{height:30px;min-width:42px;padding:0 7px;border:0;border-radius:7px;color:#aab7d3;background:#10172b;font-size:7px;letter-spacing:.08em}.top-actions .quick-export:hover:not(:disabled){color:#06101a;background:var(--cyan);box-shadow:0 0 16px #2ee8ff35}.top-actions .quick-export:disabled{opacity:.35}.top-actions #quickProjectBtn{color:#c8a8ff}
.top-actions .quick-export.bound{position:relative;color:#dfffd2;box-shadow:inset 0 -2px #a7ff5b55}.top-actions .quick-export.bound::after{content:"";position:absolute;right:4px;top:4px;width:4px;height:4px;border-radius:50%;background:var(--lime);box-shadow:0 0 7px var(--lime)}
@media(max-width:1100px){.top-actions .quick-export{min-width:38px;padding-inline:5px}.top-actions #quickProjectBtn{display:none}}
@media(max-width:760px){.quick-export-bar{gap:2px;padding:2px}.top-actions .quick-export{width:34px;min-width:34px;padding:0;font-size:6px}.top-actions{gap:5px}.top-actions #exportBtn{padding-inline:8px;font-size:7px}.workspace{overflow-x:hidden}}

/* Perform Scratch Deck */
.performance{min-height:calc(100% - 28px);padding:24px;overflow:hidden;background:radial-gradient(circle at 78% 42%,#2ee8ff12,transparent 30%),radial-gradient(circle at 22% 18%,#ff3bd412,transparent 28%),linear-gradient(145deg,#0f1429,#070b17)}.performance-head{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1260px;margin:auto}.performance-head h1{margin-bottom:5px}.performance-head p{margin:0;max-width:690px}.performance-orb.compact{width:88px;height:88px;flex:none;margin:0;box-shadow:0 0 48px #8b7cff35,inset 0 0 28px #02030b}.performance-orb.compact::before,.performance-orb.compact::after{inset:9px}.performance-orb.compact span,.performance-orb.compact b{font-size:18px}.perform-stage{max-width:1260px;margin:22px auto 0;display:grid;grid-template-columns:minmax(250px,.72fr) minmax(520px,1.28fr);gap:16px;align-items:stretch}.perform-instrument{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:16px;border:1px solid #222e50;border-radius:15px;background:linear-gradient(145deg,#0d1327dd,#080c19ee);box-shadow:0 18px 45px #02040c77}.perform-macros{grid-template-columns:repeat(2,1fr);padding:0;gap:18px 14px}.performance-keys{width:100%;margin:22px 0 0}.scratch-deck{position:relative;min-width:0;padding:18px;border:1px solid #34466f;border-radius:16px;background:radial-gradient(circle at 32% 55%,#8b7cff17,transparent 33%),linear-gradient(145deg,#111a32,#080d1c 76%);box-shadow:0 22px 60px #02040ca8,inset 0 1px #ffffff0d}.scratch-deck::before{content:"";position:absolute;inset:-1px;border-radius:16px;padding:1px;background:linear-gradient(125deg,#2ee8ff8c,transparent 28%,transparent 68%,#ff3bd468);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.scratch-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.scratch-head h2{margin:0;font:900 23px var(--display-font);letter-spacing:.09em}.scratch-capture{display:flex;align-items:flex-end;gap:7px}.scratch-capture label{display:grid;gap:4px;color:#7584a3;font:800 6px var(--ui-font);letter-spacing:.13em}.scratch-capture select,.scratch-capture button{height:34px;border-radius:7px;background:#0b1225}.scratch-capture select{padding-inline:8px;color:#c4cee2;font-size:8px}.scratch-capture button{padding-inline:12px;border-color:#3d7586;color:var(--cyan);font:850 7px var(--ui-font);letter-spacing:.1em}.scratch-capture button.busy{color:#08101a;background:linear-gradient(135deg,var(--cyan),var(--lime));animation:capture-pulse 1s ease-in-out infinite}.scratch-wave-shell{position:relative;height:72px;margin:14px 0;overflow:hidden;border:1px solid #243154;border-radius:9px;background:#060a14}.scratch-wave-shell canvas{width:100%;height:100%;display:block}.scratch-wave-shell>i{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--magenta);box-shadow:0 0 13px var(--magenta);transform:translateX(-1px);will-change:left}.scratch-wave-shell>span{position:absolute;left:10px;bottom:7px;color:#657492;font:800 6px var(--ui-font);letter-spacing:.13em;pointer-events:none}.scratch-console{display:grid;grid-template-columns:250px 1fr;gap:20px;align-items:center}.turntable-shell{position:relative;display:grid;place-items:center;min-height:250px}.scratch-platter{--rotation:0deg;position:relative;width:238px;height:238px;border:8px solid #161e35;border-radius:50%;touch-action:none;user-select:none;cursor:grab;transform:rotate(var(--rotation));background:repeating-radial-gradient(circle,#111522 0 2px,#060912 3px 5px);box-shadow:0 0 0 1px #435071,0 22px 35px #02030ba8,inset 0 0 38px #000,0 0 44px #8b7cff1f;will-change:transform}.scratch-platter:not(.disabled):active{cursor:grabbing;box-shadow:0 0 0 2px var(--cyan),0 18px 32px #02030bcc,inset 0 0 38px #000,0 0 52px #2ee8ff2b}.scratch-platter.disabled{opacity:.35;filter:saturate(.25);cursor:not-allowed}.vinyl-grooves{position:absolute;inset:12px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 3px,#ffffff0c 4px,#0000 5px 8px)}.vinyl-mark{position:absolute;width:5px;height:34px;left:calc(50% - 2px);top:15px;border-radius:4px;background:linear-gradient(var(--magenta),var(--cyan));box-shadow:0 0 13px var(--magenta)}.record-label{position:absolute;inset:66px;display:grid;place-items:center;border:1px solid #526080;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 34% 25%,#2ee8ff77,transparent 22%),conic-gradient(from 25deg,#141f3e,#64235c,#173f58,#141f3e);box-shadow:inset 0 0 24px #02030b}.record-label svg{width:54px;height:54px;fill:#ffffff14}.record-label b{position:absolute;font:900 20px var(--display-font);letter-spacing:-.12em}.record-label small{position:absolute;bottom:18px;color:#b8c4dd;font:800 6px var(--ui-font)}.spindle{position:absolute;width:11px;height:11px;left:calc(50% - 5px);top:calc(50% - 5px);border:2px solid #eff6ff;border-radius:50%;background:#59667d;box-shadow:0 0 11px #fff8}.deck-speed{position:absolute;right:0;bottom:9px;display:grid;padding:6px 8px;border:1px solid #253456;border-radius:6px;background:#070c19;text-align:right}.deck-speed b{color:var(--cyan);font:850 10px var(--ui-font);font-variant-numeric:tabular-nums}.deck-speed span{color:#63718c;font:800 5px var(--ui-font);letter-spacing:.12em}.scratch-controls{display:grid;gap:17px}.scratch-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.scratch-actions button{height:37px;border-radius:7px;color:#a7b3cc;background:#0b1224;font:850 7px var(--ui-font);letter-spacing:.08em}.scratch-actions button:first-child{color:var(--cyan);border-color:#37667c}.scratch-actions button:nth-child(4){color:var(--magenta);border-color:#60315d}.scratch-actions button[aria-pressed=true]{color:#07101a;border-color:var(--lime);background:var(--lime);box-shadow:0 0 18px #a7ff5b44}.deck-slider{display:grid;gap:8px}.deck-slider span{display:flex;justify-content:space-between;color:#71809e;font:800 6px var(--ui-font);letter-spacing:.13em}.deck-slider output{color:var(--cyan)}.crossfader input{height:5px;background:linear-gradient(90deg,var(--cyan),#283352 50%,var(--magenta))}.crossfader input::-webkit-slider-thumb{width:16px;height:23px;border-radius:3px;background:#e8edf8;box-shadow:0 0 16px #ffffff55}.scratch-hint{margin:0!important;padding:9px 11px;border-left:2px solid #8b7cff;background:#8b7cff0a;font-size:8px!important;line-height:1.5}.scratch-deck.ready .scratch-wave-shell{border-color:#346077;box-shadow:inset 0 0 22px #2ee8ff0b}.scratch-deck.scratching::after{content:"MANUAL CONTROL";position:absolute;right:18px;bottom:14px;color:var(--magenta);font:900 6px var(--ui-font);letter-spacing:.15em;animation:capture-pulse .55s ease-in-out infinite}@keyframes capture-pulse{50%{filter:brightness(1.55);opacity:.65}}
@media(max-width:1100px){.perform-stage{grid-template-columns:1fr}.perform-instrument{min-height:210px}.perform-macros{grid-template-columns:repeat(3,1fr)}.performance-keys{margin-top:16px}.scratch-console{grid-template-columns:260px 1fr}}
@media(max-width:760px){.performance{padding:16px 10px}.performance-head{align-items:flex-start}.performance-orb.compact{width:64px;height:64px}.perform-stage{margin-top:14px}.perform-instrument{padding:12px}.perform-macros{grid-template-columns:repeat(2,1fr)}.scratch-deck{padding:14px 10px}.scratch-head{align-items:flex-start;flex-direction:column}.scratch-capture{width:100%}.scratch-capture label{flex:1}.scratch-capture select{width:100%}.scratch-console{grid-template-columns:1fr}.turntable-shell{min-height:238px}.scratch-platter{width:220px;height:220px}.record-label{inset:61px}.scratch-controls{gap:14px}.scratch-actions{grid-template-columns:repeat(2,1fr)}.scratch-hint{text-align:center}.scratch-wave-shell{height:64px}}

/* Studio workflow: locators, mix console, deliberate export and live takes */
.app{grid-template-rows:66px 39px 1fr 28px}.global-locator,.clip-locator{display:grid;grid-template-columns:auto minmax(160px,1fr) auto auto;align-items:center;gap:11px;padding:7px 14px;border-bottom:1px solid #222c49;background:linear-gradient(90deg,#080c19,#0d1327)}.global-locator{z-index:5;padding-left:224px}.global-locator label,.clip-locator label{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;min-width:0}.global-locator label span,.clip-locator label span{color:#7786a4;font:850 6px var(--ui-font);letter-spacing:.14em;white-space:nowrap}.global-locator button,.clip-locator button{height:25px;padding:0 10px;border-radius:6px;color:var(--cyan);font:850 7px var(--ui-font);letter-spacing:.08em}.global-locator output,.clip-locator output{min-width:118px;color:#b8c5dd;font:800 7px var(--ui-font);font-variant-numeric:tabular-nums;text-align:right}.clip-locator{margin:0 14px;border:1px solid #222c49;border-top:0;border-radius:0 0 10px 10px;background:#090e1c}.clip-locator+*{margin-top:9px}.top-actions .export-as{border-color:#47547b;color:#c7d1e6}.top-actions #exportBtn.bound{box-shadow:inset 0 -2px var(--lime);color:#e6ffd8}.top-actions #exportBtn.bound::after{content:"";display:inline-block;width:4px;height:4px;margin-left:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 8px var(--lime)}
.arrange-timeline{position:relative;display:flex;min-height:62px;margin:0 14px 4px;padding:8px;overflow-x:auto;border:1px solid #273353;border-radius:11px;background:#070b17}.arrange-timeline button{position:relative;flex:0 0 max(90px,var(--scene-width));height:44px;padding:7px 9px;overflow:hidden;border:0;border-right:1px solid #34405f;background:linear-gradient(135deg,#141c36,#10152a);text-align:left}.arrange-timeline button:hover{background:#1b2747}.arrange-timeline b,.arrange-timeline span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arrange-timeline b{color:#d9e1f0;font:850 8px var(--ui-font);letter-spacing:.05em}.arrange-timeline span{margin-top:5px;color:#687895;font:750 6px var(--ui-font);letter-spacing:.1em}.arrange-playhead{position:absolute;z-index:3;top:4px;bottom:4px;width:2px;background:var(--magenta);box-shadow:0 0 12px var(--magenta);pointer-events:none}
.mixer{min-height:100%;padding:26px;background:radial-gradient(circle at 85% 15%,#2ee8ff10,transparent 28%),linear-gradient(145deg,#0b1021,#070a14)}.mixer-head{display:flex;align-items:end;justify-content:space-between;gap:20px;max-width:1180px;margin:0 auto 20px}.mixer-head h1{margin:0;font:900 34px var(--display-font);letter-spacing:.04em}.mixer-head p{margin:6px 0 0;color:#8896b2;font-size:11px}.mix-reference{display:flex;gap:7px}.mix-reference button{height:34px;padding:0 13px;border-radius:7px;font:850 7px var(--ui-font);letter-spacing:.1em}.mix-reference button[aria-pressed=true]{color:#061018;border-color:var(--lime);background:var(--lime)}.mixer-channels{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:10px;max-width:1180px;margin:auto}.mixer-channel{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto 160px repeat(3,auto) auto;gap:10px 12px;padding:15px;border:1px solid #293555;border-radius:12px;background:linear-gradient(160deg,#12192f,#0a0f1f);box-shadow:0 15px 35px #02040b66}.mixer-channel::before{content:"";position:absolute}.mixer-channel header{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:2px solid var(--track);padding-bottom:10px}.mixer-channel header span{color:#657391;font:800 9px var(--ui-font)}.mixer-channel header b{font:900 12px var(--display-font);letter-spacing:.08em}.mixer-channel canvas{grid-row:2;align-self:stretch;width:32px;height:150px;border:1px solid #202a46;border-radius:5px;background:#060914}.mixer-channel label{grid-column:1/-1;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:8px;color:#7483a1;font:800 6px var(--ui-font);letter-spacing:.1em}.mixer-channel .mix-fader{grid-column:2;grid-row:2;display:flex;flex-direction:column}.mixer-channel .mix-fader input{width:140px;transform:rotate(-90deg);margin:66px -50px 50px}.mixer-channel .mix-fader output{color:var(--cyan);font-size:9px}.mixer-channel>div{grid-column:1/-1;display:flex;gap:6px}.mixer-channel>div button{flex:1;height:32px;border-radius:6px;font:900 9px var(--ui-font)}.mixer-channel>div button.on:first-child{color:#071018;background:var(--cyan)}.mixer-channel>div button.on:last-child{color:white;background:#a52c48}.mixer-channel.muted{opacity:.58}.master-strip{display:grid;grid-template-columns:auto minmax(220px,1fr) 230px auto;align-items:center;gap:20px;max-width:1180px;margin:14px auto 0;padding:17px 20px;border:1px solid #39466c;border-radius:12px;background:linear-gradient(90deg,#111934,#17112b)}.master-strip .eyebrow{margin:0;color:var(--magenta)}.master-strip label{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:#8997b3;font:800 7px var(--ui-font);letter-spacing:.1em}.master-strip output{color:var(--cyan)}.master-strip canvas{width:220px;height:56px;background:#070a14}.master-strip p{margin:0;color:#75829d;font-size:8px}
.performance-record{display:grid;grid-template-columns:auto auto;gap:6px;align-items:center}.performance-record button{height:34px;padding:0 11px;border-radius:7px;font:850 7px var(--ui-font);letter-spacing:.08em}.performance-record #performanceRecordBtn{color:#ff7189;border-color:#71314b}.performance-record #performanceRecordBtn.active{color:#fff;background:#b5264b;box-shadow:0 0 22px #ff3b6c55}.performance-record span{grid-column:1/-1;color:#9ba7bf;font:800 8px var(--ui-font);font-variant-numeric:tabular-nums}.export-dialog{width:min(720px,calc(100% - 24px))}.export-options{display:flex;gap:10px;margin:17px 0}.export-options label{display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #2c3759;border-radius:8px;color:#8997b1;font:800 7px var(--ui-font);letter-spacing:.1em}.export-options select{height:28px}.export-grid .export-choice{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:14px;border:1px solid #293455;border-radius:10px;background:#0a1020}.export-grid .export-choice b,.export-grid .export-choice span{grid-column:1/-1}.export-grid .export-choice button{height:34px;padding:0 9px;text-align:center;border-radius:6px;color:#b8c4da;font:850 7px var(--ui-font);letter-spacing:.08em}.export-grid .export-choice button:last-child{border-color:#53648f;color:var(--cyan)}.export-grid .stems{grid-column:1/-1}.export-targets-head{margin-top:20px;padding-bottom:7px;border-bottom:1px solid #2c3759;color:var(--violet);font:850 8px var(--ui-font);letter-spacing:.12em}.export-targets>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #202a45}.export-targets b,.export-targets small{display:block;font-size:8px}.export-targets small{margin-top:3px;color:#71809c}.export-targets button{height:26px;font-size:6px}
@media(max-width:1100px){.global-locator{padding-left:204px}.mixer{padding:18px}.mixer-channels{grid-template-columns:repeat(5,minmax(115px,1fr));overflow-x:auto}.mixer-channel{min-width:125px}.performance-head{flex-wrap:wrap}.performance-record{margin-left:auto}}
@media(max-width:760px){.app{grid-template-rows:auto 42px 1fr 28px}.global-locator{padding:7px 8px;grid-template-columns:auto 1fr auto}.global-locator output{display:none}.global-locator label span,.clip-locator label span{display:none}.global-locator button:first-child,.clip-locator button:first-child{padding-inline:8px;font-size:0}.global-locator button:first-child::after,.clip-locator button:first-child::after{content:"▶";font-size:9px}.clip-locator{margin-inline:8px;grid-template-columns:auto 1fr auto}.clip-locator output{display:none}.top-actions #exportBtn{font-size:0;padding-inline:9px}.top-actions #exportBtn::before{content:"EXP";font-size:7px}.top-actions #exportAsBtn{font-size:0;padding-inline:9px}.top-actions #exportAsBtn::before{content:"AS";font-size:7px}.modebar nav button{padding-inline:9px}.arrange-timeline{margin-inline:8px}.mixer{padding:14px 8px}.mixer-head{align-items:flex-start}.mixer-head h1{font-size:26px}.mixer-head p{display:none}.mixer-channels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.mixer-channel{min-width:150px;scroll-snap-align:start}.master-strip{grid-template-columns:1fr;padding:14px}.master-strip canvas{width:100%}.performance-record{order:3;width:100%;grid-template-columns:1fr 1fr}.performance-record span{text-align:center}.export-grid{grid-template-columns:1fr}.export-grid .stems{grid-column:auto}}

/* v5 production workflow */
.launcher{min-height:100%;padding:26px;background:radial-gradient(circle at 18% 8%,#ff3bd412,transparent 28%),linear-gradient(145deg,#0b1021,#060914)}.launcher-head{display:flex;justify-content:space-between;align-items:end;gap:22px;max-width:1180px;margin:0 auto 20px}.launcher-head h1{margin:0;font:900 34px var(--display-font);letter-spacing:.04em}.launcher-head p{max-width:650px;margin:6px 0 0;color:#8997b2;font-size:11px}.launcher-actions{display:flex;align-items:end;gap:7px}.launcher-actions label{display:grid;gap:5px;color:#7786a3;font:800 6px var(--ui-font);letter-spacing:.12em}.launcher-actions select,.launcher-actions button{height:36px;border-radius:7px;background:#0b1224}.launcher-actions button{padding:0 12px;font:850 7px var(--ui-font);letter-spacing:.08em}.launcher-actions button[aria-pressed=true]{color:#071018;background:#ff4e72;box-shadow:0 0 20px #ff4e7255}.launcher-grid{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:10px;max-width:1180px;margin:auto}.launcher-track{display:grid;align-content:start;gap:7px;padding:12px;border:1px solid #293657;border-radius:12px;background:linear-gradient(155deg,#121a31,#090e1d)}.launcher-track header{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:2px solid var(--track)}.launcher-track header b{font:900 10px var(--display-font);letter-spacing:.08em}.launcher-track header button{width:31px;height:25px;color:#ff7189}.launcher-cell{position:relative;min-height:55px;padding:9px 10px;border-color:#34405f;border-radius:8px;background:#10172b;text-align:left}.launcher-cell b,.launcher-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.launcher-cell b{font:800 8px var(--ui-font)}.launcher-cell small{margin-top:5px;color:#6f7e9b;font-size:6px}.launcher-cell.active{border-color:var(--track);box-shadow:inset 3px 0 var(--track),0 0 18px color-mix(in srgb,var(--track) 18%,transparent)}.launcher-cell.queued::after{content:"QUEUED";position:absolute;right:6px;bottom:5px;color:var(--lime);font:900 5px var(--ui-font);animation:capture-pulse .7s infinite}.launcher-status{max-width:1180px;margin:12px auto 0;padding:9px 11px;border-left:2px solid var(--cyan);background:#2ee8ff0a;color:#71819f;font:800 7px var(--ui-font);letter-spacing:.1em}
.arrange-toolbar{display:flex;gap:6px;align-items:center;margin:0 14px 8px;padding:8px;overflow-x:auto;border:1px solid #273353;border-radius:9px;background:#090e1c}.arrange-toolbar button{height:29px;padding:0 9px;white-space:nowrap;font:800 6px var(--ui-font)}.arrange-toolbar label{display:flex;align-items:center;gap:6px;white-space:nowrap;color:#7786a4;font:800 6px var(--ui-font);letter-spacing:.08em}.arrange-toolbar input[type=number]{width:58px;height:27px}.arrange-toolbar input[type=range]{width:90px}.scene.selected{border-color:var(--cyan);box-shadow:0 0 0 1px #2ee8ff55,0 16px 32px #02040b88}.arrange-timeline{transform-origin:left center}.arrange-markers{position:relative;display:flex;gap:5px;margin:0 14px 8px;min-height:24px}.arrange-marker{height:23px;padding:0 8px;border-color:var(--marker);color:var(--marker);font:800 6px var(--ui-font)}
.mixer-channel{grid-template-rows:auto 160px repeat(5,auto) auto}.mix-meter-pair{grid-row:2;display:flex!important;gap:3px!important}.mix-meter-pair canvas{width:14px}.mixer-channel label[data-precision]{grid-template-columns:48px 1fr 39px}.mixer-channel input[type=color]{width:28px;height:20px;padding:0}.mix-peak{color:#ffcf67!important;font-variant-numeric:tabular-nums}.master-strip>button{height:32px;font:850 7px var(--ui-font)}.master-strip>button[aria-pressed=true]{color:#071018;background:var(--lime)}
.performance-takes{display:flex;gap:8px;max-width:1260px;margin:14px auto 0;overflow-x:auto}.performance-take{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:7px;min-width:300px;padding:9px 10px;border:1px solid #2b385b;border-radius:9px;background:#0b1122}.performance-take b{font:800 8px var(--ui-font)}.performance-take small{display:block;margin-top:3px;color:#71809d;font-size:6px}.performance-take button{height:27px;padding:0 8px;font:800 6px var(--ui-font)}
.export-options{flex-wrap:wrap}.stem-selection{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 14px;padding:9px 11px;border:1px solid #2c3759;border-radius:8px}.stem-selection legend{color:#8b7cff;font:850 7px var(--ui-font);letter-spacing:.12em}.stem-selection label{color:#8997b1;font:800 6px var(--ui-font)}.export-progress{display:flex;align-items:center;gap:10px;margin-top:12px}.export-progress progress{flex:1;height:7px;accent-color:var(--cyan)}.export-progress button{height:29px;color:#ff7189;font:800 6px var(--ui-font)}
.library-dialog{width:min(900px,calc(100% - 24px))}.library-tools{display:flex;gap:7px;margin:14px 0}.library-tools input{flex:1}.library-tools button,.library-tools .file-button{height:36px;padding:0 11px}.preset-library{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-height:55vh;overflow:auto}.preset-card{display:grid;grid-template-columns:1fr auto;gap:7px;padding:12px;border:1px solid #2c385b;border-radius:9px;background:#0b1122}.preset-card b,.preset-card small{display:block}.preset-card small{margin-top:4px;color:#73819d;font-size:7px}.preset-card button{height:29px}.preset-card .favorite{color:#ffcf67}.sample-slots{display:grid;gap:8px;max-height:60vh;overflow:auto}.sample-slot{display:grid;grid-template-columns:100px minmax(150px,1fr) repeat(5,minmax(65px,.5fr)) auto;align-items:center;gap:8px;padding:9px;border:1px solid #2a3658;border-radius:8px;background:#0a1020}.sample-slot b{font:850 8px var(--ui-font)}.sample-slot label{display:grid;gap:3px;color:#72819e;font:800 5px var(--ui-font)}.compact-mode .inspector,.compact-mode .arp-rack,.compact-mode .fx-rack,.compact-mode .macro-strip{padding-block:7px}.compact-mode .track-rail{width:168px}.compact-mode main{grid-template-columns:168px 1fr}.compact-mode .synth-controls{gap:5px}.compact-mode .knob-control{transform:scale(.9)}
@media(max-width:900px){.launcher-grid{display:flex;overflow-x:auto}.launcher-track{min-width:180px}.launcher-head{align-items:flex-start;flex-direction:column}.sample-slot{grid-template-columns:85px 1fr}.sample-slot label{grid-column:span 1}.preset-library{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.launcher{padding:16px 9px}.launcher-head h1{font-size:27px}.launcher-actions{width:100%;flex-wrap:wrap}.launcher-grid{grid-template-columns:none}.arrange-toolbar{margin-inline:8px}.preset-library{grid-template-columns:1fr}.sample-slot{grid-template-columns:1fr 1fr}.compact-mode main{grid-template-columns:1fr}}
.take-event-list{display:grid;gap:6px;max-height:52vh;overflow:auto}.take-event{display:grid;grid-template-columns:80px 110px 1fr 120px 30px;align-items:center;gap:7px;padding:7px 9px;border:1px solid #273353;border-radius:7px;background:#090f1e}.take-event code{color:var(--violet);font-size:7px}.take-event input{height:28px}.take-event button{height:28px;color:#ff7189}

/* Final specificity for the new brand system. */
.brand-icon{width:58px;height:48px;display:grid;place-items:center;flex:none;filter:drop-shadow(0 0 15px #8b7cff62)}.brand-icon svg{width:58px;height:45px}.logo-k{fill:none;stroke:url(#kvSpectrum);stroke-width:11;stroke-linecap:square;stroke-linejoin:miter}.logo-v{fill:none;stroke:#f5f7ff;stroke-width:10;stroke-linecap:square;stroke-linejoin:miter}.brand-word{display:grid;gap:0}.brand-word b{font-weight:950;line-height:1;letter-spacing:.155em}.brand-word b:first-child{font-size:14px;letter-spacing:.13em;background:linear-gradient(90deg,#f7f9ff 10%,#c9d9ff);background-clip:text;color:transparent}.brand-word b:last-child{font-size:10px;letter-spacing:.22em}.performance-orb.compact .brand-emblem{width:72px;height:auto}.record-label .brand-emblem{width:68px;height:55px;fill:none}
@media(max-width:1100px){.brand-icon{width:50px}.brand-icon svg{width:50px}.brand-word b:first-child{font-size:12px}.brand-word b:last-child{font-size:9px}}
@media(max-width:760px){.brand-icon{width:45px;height:42px}.brand-icon svg{width:45px}.brand-word b:first-child{font-size:11px}.brand-word b:last-child{font-size:8px}.boot-mark{width:138px}.about-mark{width:124px}}

/* Mobile uses document scrolling; only editors and control strips scroll locally. */
@media (max-width:820px) {
  html {
    height:auto;
    min-height:100%;
    overflow-x:clip;
    overflow-y:auto;
  }
  body {
    height:auto;
    min-height:100%;
    overflow:visible;
  }
  .app {
    display:block;
    height:auto;
    min-height:calc(100svh / var(--ui-scale));
  }
  main {
    display:block;
    height:auto;
  }
  .workspace {
    display:block;
    height:auto;
    overflow-x:clip;
    overflow-y:visible;
  }
  .view {
    overflow:visible;
  }
  footer {
    margin-bottom:env(safe-area-inset-bottom,0px);
  }
}