:root{--bg:#050a12;--panel:#0b1421;--panel2:#101d2c;--line:rgba(177,214,235,.16);--ink:#f5f8fb;--muted:#91a5b6;--cyan:#58f1d7;--blue:#64a9ff;--pink:#ef75dd;--gold:#f5ce72;font-family:Inter,"Segoe UI",system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 15% 0,rgba(29,125,125,.14),transparent 35%),radial-gradient(circle at 90% 20%,rgba(90,64,153,.12),transparent 32%),#050a12}button,input,select{font:inherit}button,a{transition:transform .18s,border-color .18s,background .18s}button:active,a:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.topbar{height:76px;padding:0 clamp(16px,3vw,48px);display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--line);background:rgba(4,10,17,.78);backdrop-filter:blur(20px);position:sticky;top:0;z-index:30}.brand img{width:118px;display:block}.product{border-left:1px solid var(--line);padding-left:20px;display:grid;gap:3px}.product span,.eyebrow,.control-head small,.dialog-head small,.mode small{font-size:.64rem;font-weight:900;letter-spacing:.18em;color:var(--cyan)}.product strong{font-size:.86rem}.topbar nav{margin-left:auto;display:flex;gap:8px;align-items:center}.ghost,.solid{border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:var(--ink);background:rgba(255,255,255,.03);text-decoration:none;cursor:pointer}.solid{color:#061014;background:var(--cyan);border-color:var(--cyan);font-weight:800}
main{width:min(1540px,100%);margin:auto;padding:clamp(20px,3vw,48px)}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,430px);gap:40px;align-items:end;margin-bottom:30px}.intro h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(2.3rem,4.6vw,5.4rem);line-height:.95;letter-spacing:-.045em;margin:12px 0 18px;max-width:930px}.intro h1 em{font-style:normal;color:var(--cyan)}.intro>div>p:last-child{max-width:760px;color:var(--muted);line-height:1.65;margin:0}.track-card{min-height:92px;display:grid;grid-template-columns:64px 1fr 28px;gap:14px;align-items:center;text-align:left;border:1px solid var(--line);background:linear-gradient(135deg,rgba(20,36,52,.96),rgba(9,17,28,.96));border-radius:18px;padding:12px;cursor:pointer;color:var(--ink)}.track-card:hover{border-color:rgba(88,241,215,.5)}.track-card img{width:64px;height:64px;object-fit:cover;border-radius:12px;background:#172332}.track-card span{display:grid;gap:3px;min-width:0}.track-card small{color:var(--cyan);font-size:.58rem;letter-spacing:.15em;font-weight:850}.track-card strong,.track-card b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-card strong{font-size:1rem}.track-card b{font-size:.78rem;color:var(--muted);font-weight:500}.track-card i{font-size:1.4rem;color:var(--cyan)}
.studio{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(8,15,25,.88);box-shadow:0 35px 90px rgba(0,0,0,.35)}.stage-column{min-width:0;padding:14px 16px 12px}.stagebar{min-height:44px;display:flex;align-items:center;gap:12px;margin-bottom:10px}.status{display:flex;align-items:center;gap:8px;min-width:0}.status strong{font-size:.7rem;letter-spacing:.08em}.status small{color:var(--muted)}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.segmented{display:flex;margin-left:auto;border:1px solid var(--line);border-radius:10px;padding:3px}.segmented button{border:0;border-radius:7px;background:none;color:var(--muted);padding:6px 11px;cursor:pointer;font-size:.72rem}.segmented button.on{background:var(--cyan);color:#071119;font-weight:800}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03);color:var(--ink);cursor:pointer}
.stage{position:relative;isolation:isolate;overflow:hidden;margin:auto;width:100%;aspect-ratio:16/9;border-radius:14px;background:#050a12;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}.stage.aspect-tall{aspect-ratio:9/16;width:min(100%,520px)}.backdrop{position:absolute;inset:-3%;background-size:cover;background-position:center;opacity:0;filter:saturate(.72) brightness(.42);transform:scale(1.04);transition:opacity 2.2s ease,transform 12s linear;z-index:0}.backdrop.active{opacity:.56;transform:scale(1.1)}#visual-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2}.stage-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(4,9,18,.26),rgba(4,9,18,.05) 52%,rgba(3,7,13,.7));pointer-events:none}.empty-state{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px;background:radial-gradient(circle,rgba(16,34,48,.58),rgba(3,8,14,.92));gap:9px}.empty-state.hidden{display:none}.empty-state img{width:70px;height:70px}.empty-state strong{font-size:clamp(1.2rem,2.8vw,2rem)}.empty-state span{color:var(--muted);max-width:480px}.empty-state button{margin-top:9px;border:0;border-radius:12px;background:var(--cyan);color:#061014;font-weight:850;padding:11px 18px;cursor:pointer}.now-playing{position:absolute;z-index:4;left:18px;top:16px;display:grid;text-shadow:0 2px 12px #000}.now-playing span{font-size:.76rem;font-weight:800}.now-playing b{font-size:.66rem;color:#bcd0dc}.data-chip{position:absolute;z-index:4;right:16px;top:16px;padding:6px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(5,11,18,.6);backdrop-filter:blur(10px);font-size:.56rem;font-weight:900;letter-spacing:.1em}.transport{height:54px;display:flex;align-items:center;gap:10px}.transport span{font-variant-numeric:tabular-nums;font-size:.72rem;color:var(--muted)}.transport input{flex:1;accent-color:var(--cyan)}.transport .play{width:38px;height:38px;border:0;border-radius:50%;background:var(--cyan);color:#061014;cursor:pointer;padding-left:4px}
.audio-mode{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(88,241,215,.2);border-radius:11px;background:rgba(4,12,20,.86);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.audio-mode[hidden]{display:none}.audio-mode button{display:flex;align-items:center;gap:5px;height:31px;padding:0 9px;border:0;border-radius:8px;background:transparent;color:#91a7b5;cursor:pointer;font:inherit}.audio-mode button span{color:inherit;font-size:.8rem}.audio-mode button b{font-size:.55rem;white-space:nowrap}.audio-mode button.on{color:#061014;background:linear-gradient(135deg,#8ff9e5,#58f1d7);box-shadow:0 0 16px rgba(88,241,215,.22)}.audio-mode button:disabled{opacity:.45;cursor:wait}
.controls{border-left:1px solid var(--line);padding:22px;display:flex;flex-direction:column;gap:20px;background:rgba(12,23,36,.74)}.control-head{display:flex;justify-content:space-between;align-items:start;padding-bottom:15px;border-bottom:1px solid var(--line)}.control-head h2{font-family:Georgia,serif;font-size:1.7rem;margin:4px 0 0}.control-head>span{font-size:.55rem;font-weight:900;color:var(--cyan);padding:5px 8px;border:1px solid rgba(88,241,215,.25);border-radius:99px}.controls label{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:.72rem;font-weight:700}.controls select{grid-column:1/-1;width:100%;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#0b1624;padding:10px}.controls input[type=range]{grid-column:1/-1;width:100%;accent-color:var(--cyan)}.controls output{color:var(--cyan)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-row span{display:grid;gap:2px}.toggle-row strong{font-size:.76rem}.toggle-row small{font-size:.63rem;color:var(--muted)}.toggle-row input{width:38px;height:20px;accent-color:var(--cyan)}.legend{display:flex;flex-wrap:wrap;gap:12px;padding-top:5px;border-top:1px solid var(--line)}.legend span{display:flex;align-items:center;gap:5px;font-size:.62rem;color:var(--muted)}.legend i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 8px currentColor}.cyan{color:var(--cyan);background:var(--cyan)}.blue{color:var(--blue);background:var(--blue)}.pink{color:var(--pink);background:var(--pink)}.accuracy{font-size:.65rem;line-height:1.5;color:var(--muted);margin:auto 0 0;padding:12px;border-radius:10px;background:rgba(255,255,255,.025)}
.instrument-mixer{border:1px solid rgba(88,241,215,.2);border-radius:15px;background:linear-gradient(145deg,rgba(8,18,29,.96),rgba(13,30,42,.82));overflow:hidden}.instrument-mixer[hidden]{display:none}.instrument-mixer summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer}.instrument-mixer summary::-webkit-details-marker{display:none}.instrument-mixer summary span{display:grid;gap:2px}.instrument-mixer summary small{color:var(--cyan);font-size:.52rem;font-weight:900;letter-spacing:.17em}.instrument-mixer summary strong{font-size:.76rem}.instrument-mixer summary b{min-width:25px;padding:4px 7px;border-radius:999px;color:#061014;background:var(--cyan);font-size:.58rem;text-align:center}.mixer-body{display:grid;gap:10px;padding:0 10px 11px}.preset-strip{display:flex;gap:5px;overflow:auto;padding-bottom:2px;scrollbar-width:thin}.preset-strip button{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025);color:var(--muted);font-size:.56rem;font-weight:850;padding:6px 8px;cursor:pointer}.preset-strip button.on{color:#051116;border-color:var(--cyan);background:var(--cyan)}.instrument-list{display:grid;gap:6px;max-height:278px;overflow:auto;padding-right:2px;scrollbar-color:rgba(88,241,215,.35) transparent}.instrument-row{--instrument:#58f1d7;display:grid;grid-template-columns:24px minmax(0,1fr) 30px;gap:7px;align-items:center;padding:8px;border:1px solid rgba(177,214,235,.11);border-left:3px solid var(--instrument);border-radius:10px;background:rgba(255,255,255,.025)}.instrument-row.off{opacity:.48}.instrument-toggle{width:18px!important;height:18px!important;accent-color:var(--instrument)}.instrument-identity{min-width:0;display:grid;gap:2px}.instrument-identity strong{font-size:.66rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.instrument-identity small{font-size:.52rem;color:var(--muted)}.instrument-color{width:27px;height:27px;border:0;border-radius:50%;padding:0;background:none;overflow:hidden;cursor:pointer}.instrument-color::-webkit-color-swatch-wrapper{padding:2px}.instrument-color::-webkit-color-swatch{border:0;border-radius:50%}.instrument-route{grid-column:2/4!important;width:100%;padding:6px 8px!important;border-radius:7px!important;font-size:.56rem}.instrument-level{grid-column:1/4!important;width:100%;height:4px;accent-color:var(--instrument)!important}.mixer-hint{margin:0;color:var(--muted);font-size:.56rem;line-height:1.45}
.auto-director{position:relative;display:grid;gap:11px;padding:14px;border:1px solid rgba(100,169,255,.28);border-radius:15px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(100,169,255,.13),transparent 46%),rgba(6,15,25,.82)}.auto-director[hidden]{display:none}.auto-director::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(var(--blue),var(--cyan),var(--pink));box-shadow:0 0 18px var(--blue)}.director-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.director-head span{display:grid;gap:2px}.director-head small{font-size:.5rem;letter-spacing:.16em;font-weight:900;color:var(--blue)}.director-head strong{font-size:.76rem}.director-head input{width:38px!important;height:20px!important;accent-color:var(--blue)}.auto-director>label{display:grid;gap:5px!important;font-size:.62rem!important}.auto-director select{padding:8px!important}.director-now{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.025)}.director-now>i{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 0 rgba(88,241,215,.55);animation:directorPulse 1.8s ease-out infinite}.auto-director.paused .director-now>i{animation:none;background:var(--muted);box-shadow:none}.director-now span{display:grid;gap:2px}.director-now small{font-size:.48rem;letter-spacing:.13em;color:var(--muted)}.director-now strong{font-size:.68rem}.director-now>b{font-size:.56rem;color:var(--cyan);font-variant-numeric:tabular-nums}.director-rail{height:17px;display:flex;gap:2px;align-items:stretch}.director-rail span{position:relative;min-width:3px;border-radius:4px;background:color-mix(in srgb,var(--blue) calc(var(--energy)*80%),rgba(255,255,255,.06));opacity:.45;transition:opacity .7s,transform .7s,box-shadow .7s}.director-rail span.active{opacity:1;transform:translateY(-2px) scaleY(1.25);box-shadow:0 0 12px color-mix(in srgb,var(--cyan) 75%,transparent)}.auto-director>p{margin:0;color:var(--muted);font-size:.54rem;line-height:1.45}@keyframes directorPulse{0%{box-shadow:0 0 0 0 rgba(88,241,215,.55)}75%,100%{box-shadow:0 0 0 9px rgba(88,241,215,0)}}
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.mode{display:grid;grid-template-columns:auto 1fr;gap:15px;border:1px solid var(--line);border-radius:17px;padding:18px;background:rgba(12,21,32,.7);color:var(--ink);text-align:left;font:inherit;opacity:.72;cursor:pointer;transition:opacity .25s,border-color .25s,transform .25s,box-shadow .25s}.mode:hover{opacity:1;transform:translateY(-2px);border-color:rgba(88,241,215,.28)}.mode.active{opacity:1;border-color:rgba(88,241,215,.58);box-shadow:0 14px 38px rgba(0,0,0,.25),0 0 28px rgba(88,241,215,.07)}.mode.active small{color:#061014;background:var(--cyan);border-radius:999px;padding:3px 6px}.mode>span{font-family:Georgia,serif;color:var(--cyan);font-size:2rem}.mode h3{margin:4px 0;font-size:1rem}.mode p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.45}.mode:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.stage[data-experience="orchestra"] .backdrop{filter:saturate(.62) brightness(.28) blur(2px)}.stage[data-experience="orchestra"] .backdrop.active{opacity:.38;transform:scale(1.12) rotate(.25deg)}
.stage[data-experience="worlds"] .backdrop{filter:saturate(.92) brightness(.58) contrast(1.05);transition:opacity 3.2s ease,transform 15s cubic-bezier(.2,.7,.2,1)}.stage[data-experience="worlds"] .backdrop.active{opacity:.78;transform:scale(1.13)}.stage[data-experience="worlds"] .stage-shade{background:linear-gradient(180deg,rgba(4,9,18,.12),rgba(4,9,18,.02) 52%,rgba(3,7,13,.48))}
dialog{width:min(900px,calc(100% - 24px));max-height:min(800px,calc(100vh - 24px));padding:0;border:1px solid var(--line);border-radius:22px;background:#0b1421;color:var(--ink);box-shadow:0 30px 100px #000;overflow:hidden}dialog::backdrop{background:rgba(2,6,11,.83);backdrop-filter:blur(8px)}.dialog-shell{padding:24px;display:grid;gap:16px}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{font-family:Georgia,serif;font-size:2rem;margin:5px 0}.dialog-head button{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:none;color:var(--ink);font-size:1.4rem;cursor:pointer}.search{display:flex!important;align-items:center;gap:10px;border:1px solid var(--line);border-radius:13px;padding:0 14px;background:#0e1a29}.search input{width:100%;padding:14px 0;border:0;outline:0;background:none;color:var(--ink)}.result-count{margin:0;color:var(--muted);font-size:.7rem}.track-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:auto;max-height:55vh}.result-track{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:11px;align-items:center;border:1px solid transparent;border-radius:12px;padding:8px;background:rgba(255,255,255,.035);color:var(--ink);text-align:left;cursor:pointer}.result-track:hover{border-color:rgba(88,241,215,.35)}.result-track img{width:50px;height:50px;object-fit:cover;border-radius:9px}.result-track span{display:grid;gap:2px;min-width:0}.result-track strong,.result-track small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-track small{color:var(--muted)}.result-track i{color:var(--cyan);font-style:normal;font-size:.6rem}.help-shell ol{display:grid;gap:12px;padding:0;list-style:none}.help-shell li{display:grid;gap:4px;border:1px solid var(--line);border-radius:13px;padding:14px}.help-shell li b{color:var(--cyan);font-size:.72rem}.help-shell li span{color:var(--muted);line-height:1.5}
/* MIDI Mix · pads de performance iluminados */
.instrument-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:430px;padding:4px 3px 10px}
.instrument-row.instrument-card{position:relative;display:grid;grid-template-columns:1fr;gap:0;padding:0;border:1px solid color-mix(in srgb,var(--instrument) 28%,rgba(177,214,235,.1));border-left-width:1px;border-radius:15px;background:linear-gradient(155deg,rgba(18,35,48,.96),rgba(5,13,22,.98));box-shadow:0 12px 20px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.08);overflow:hidden;opacity:1;transition:border-color .25s,box-shadow .25s,filter .25s}
.instrument-row.instrument-card.on{border-color:color-mix(in srgb,var(--instrument) 56%,rgba(255,255,255,.15));box-shadow:0 13px 24px rgba(0,0,0,.32),0 0 20px color-mix(in srgb,var(--instrument) 20%,transparent),inset 0 1px 0 rgba(255,255,255,.1);animation:instrumentIgnite .36s cubic-bezier(.2,.8,.2,1)}
.instrument-row.instrument-card.off{opacity:1;filter:saturate(.35)}
.instrument-pad{position:relative;isolation:isolate;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:72px;padding:11px;border:0;border-radius:14px 14px 10px 10px;color:#effbff;background:linear-gradient(160deg,color-mix(in srgb,var(--instrument) 22%,#152737),rgba(7,16,26,.96) 58%,#030911);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -5px 9px rgba(0,0,0,.38),0 5px 0 #02070c,0 9px 17px rgba(0,0,0,.32);cursor:pointer;transform:translateY(-2px);transition:transform .12s ease,box-shadow .18s ease,filter .22s ease}
.instrument-pad::before{content:"";position:absolute;z-index:-1;inset:2px;border-radius:12px;background:radial-gradient(circle at 20% 18%,color-mix(in srgb,var(--instrument) 22%,transparent),transparent 43%);opacity:.42;transition:opacity .24s}
.instrument-card.on .instrument-pad::before{opacity:1}
.instrument-pad:hover{filter:brightness(1.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -5px 9px rgba(0,0,0,.34),0 5px 0 #02070c,0 10px 22px color-mix(in srgb,var(--instrument) 18%,rgba(0,0,0,.4))}
.instrument-pad:active{transform:translateY(3px);box-shadow:inset 0 2px 8px rgba(0,0,0,.42),inset 0 0 18px color-mix(in srgb,var(--instrument) 18%,transparent),0 1px 0 #02070c}
.instrument-pad:focus-visible{outline:2px solid var(--instrument);outline-offset:3px}
.instrument-card.off .instrument-pad{color:rgba(222,237,245,.58);background:linear-gradient(160deg,#17232d,#071019 62%,#03070b);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),inset 0 -4px 8px rgba(0,0,0,.45),0 4px 0 #020508,0 8px 14px rgba(0,0,0,.3)}
.instrument-icon{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid color-mix(in srgb,var(--instrument) 52%,rgba(255,255,255,.12));border-radius:13px;color:var(--instrument);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.17),transparent 34%),color-mix(in srgb,var(--instrument) 13%,rgba(3,10,16,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 0 17px color-mix(in srgb,var(--instrument) 25%,transparent);transition:box-shadow .25s,opacity .25s}
.instrument-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.instrument-card.on .instrument-icon{box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 10px color-mix(in srgb,var(--instrument) 55%,transparent),0 0 26px color-mix(in srgb,var(--instrument) 24%,transparent)}
.instrument-card.off .instrument-icon{color:#71818d;border-color:rgba(255,255,255,.08);box-shadow:none;opacity:.62}
.instrument-identity{text-align:left}.instrument-identity strong{font-size:.68rem;letter-spacing:.01em}.instrument-identity small{font-size:.49rem;line-height:1.35}
.instrument-state{display:grid;justify-items:center;gap:4px;min-width:35px;color:var(--instrument);font-size:.43rem;font-weight:950;letter-spacing:.12em}
.instrument-state i{width:8px;height:8px;border-radius:50%;background:var(--instrument);box-shadow:0 0 0 3px color-mix(in srgb,var(--instrument) 13%,transparent),0 0 13px var(--instrument);animation:instrumentLed 1.8s ease-in-out infinite}
.instrument-card.off .instrument-state{color:#65737e}.instrument-card.off .instrument-state i{background:#46525c;box-shadow:inset 0 1px 2px rgba(0,0,0,.8);animation:none}
.instrument-controls{display:grid;grid-template-columns:48px minmax(0,1fr);gap:7px;padding:9px 9px 10px;border-top:1px solid rgba(255,255,255,.055);background:rgba(1,7,12,.5)}
.instrument-controls label{display:grid;gap:4px;color:var(--muted);font-size:.43rem;font-weight:900;letter-spacing:.12em}
.instrument-color-control{grid-row:1/3}.instrument-color{width:36px;height:36px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#071019;box-shadow:inset 0 0 0 2px #071019,0 0 12px color-mix(in srgb,var(--instrument) 24%,transparent)}
.instrument-route-control{grid-column:2}.instrument-route{grid-column:auto!important;padding:6px 7px!important;border-radius:7px!important;font-size:.52rem}
.instrument-level-control{grid-column:2}.instrument-level-control>span{display:flex;justify-content:space-between;gap:6px}.instrument-level-control output{color:var(--instrument);font-size:.46rem}.instrument-level{grid-column:auto!important;height:4px}
.preset-strip button{border-radius:10px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.015));box-shadow:0 3px 0 rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);transform:translateY(-1px);transition:transform .12s,box-shadow .12s,color .2s,background .2s}
.preset-strip button:active{transform:translateY(2px);box-shadow:0 0 0 rgba(0,0,0,0),inset 0 1px 5px rgba(0,0,0,.35)}
.preset-strip button.on{box-shadow:0 3px 0 color-mix(in srgb,var(--cyan) 48%,#031014),0 0 13px rgba(88,241,215,.28),inset 0 1px 0 rgba(255,255,255,.35)}
@keyframes instrumentIgnite{0%{transform:scale(.975);filter:brightness(.72)}60%{transform:scale(1.012);filter:brightness(1.24)}100%{transform:scale(1);filter:brightness(1)}}
@keyframes instrumentLed{0%,100%{opacity:.72;transform:scale(.9)}50%{opacity:1;transform:scale(1.12)}}

/* MIDI Mix compacto · faixa de performance sob o player */
html:not(.studio-embed) .studio{grid-template-columns:minmax(0,1fr)}
html:not(.studio-embed) .controls{display:none}
html:not(.studio-embed) #auto-director{display:none!important}
.compact-instrument-mixer{margin-top:2px;border-color:rgba(88,241,215,.16);border-radius:13px;background:linear-gradient(180deg,rgba(11,27,39,.88),rgba(5,14,23,.9))}
.compact-instrument-mixer summary{min-height:34px;padding:7px 10px}
.compact-instrument-mixer summary span{display:flex;align-items:center;gap:8px}
.compact-instrument-mixer summary small{font-size:.45rem}
.compact-instrument-mixer summary strong{font-size:.61rem}
.compact-instrument-mixer summary b{min-width:21px;padding:3px 6px;font-size:.48rem}
.compact-instrument-mixer .mixer-body{gap:7px;padding:0 8px 8px}
.compact-instrument-mixer .preset-strip{gap:4px}
.compact-instrument-mixer .preset-strip button{padding:4px 7px;border-radius:8px;font-size:.49rem;box-shadow:0 2px 0 rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06)}
.compact-instrument-mixer .instrument-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;max-height:none;overflow:visible;padding:2px 2px 5px}
.compact-instrument-mixer .instrument-row.instrument-card{min-width:0;border-radius:11px;box-shadow:0 6px 12px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.07)}
.compact-instrument-mixer .instrument-row.instrument-card.on{box-shadow:0 7px 14px rgba(0,0,0,.3),0 0 14px color-mix(in srgb,var(--instrument) 18%,transparent),inset 0 1px 0 rgba(255,255,255,.09)}
.compact-instrument-mixer .instrument-row.instrument-card.playing{z-index:2;transform:translateY(calc(var(--activity) * -1.5px)) scale(calc(1 + var(--activity) * .012));filter:brightness(calc(1 + var(--activity) * .32)) saturate(calc(1 + var(--activity) * .2));box-shadow:0 8px 16px rgba(0,0,0,.32),0 0 calc(12px + var(--activity) * 18px) color-mix(in srgb,var(--instrument) 42%,transparent),inset 0 1px 0 rgba(255,255,255,.15);transition:transform .07s linear,filter .07s linear,box-shadow .1s linear}
.compact-instrument-mixer .instrument-pad{grid-template-columns:30px minmax(0,1fr) 13px;gap:6px;min-height:48px;padding:6px 7px;border-radius:10px 10px 8px 8px;transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -3px 6px rgba(0,0,0,.36),0 3px 0 #02070c,0 6px 10px rgba(0,0,0,.3)}
.compact-instrument-mixer .instrument-pad::after{content:"";position:absolute;inset:2px;z-index:-1;border-radius:8px;background:radial-gradient(circle at 24% 42%,color-mix(in srgb,var(--instrument) 72%,white),transparent 58%);opacity:calc(var(--activity) * .42);mix-blend-mode:screen;pointer-events:none;transition:opacity .07s linear}
.compact-instrument-mixer .instrument-meter{position:absolute;left:7px;right:7px;bottom:3px;height:2px;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.065);box-shadow:inset 0 1px 1px rgba(0,0,0,.5);pointer-events:none}
.compact-instrument-mixer .instrument-meter i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--instrument) 72%,white),var(--instrument));box-shadow:0 0 7px var(--instrument);transform:scaleX(clamp(0,var(--activity),1));transform-origin:left center;transition:transform .055s linear,opacity .12s;opacity:calc(.15 + clamp(0,var(--activity),1) * .85)}
.compact-instrument-mixer .instrument-card.off .instrument-meter i{transform:scaleX(0);opacity:0}
.compact-instrument-mixer .instrument-pad:active{transform:translateY(2px);box-shadow:inset 0 2px 7px rgba(0,0,0,.44),inset 0 0 13px color-mix(in srgb,var(--instrument) 18%,transparent),0 0 0 #02070c}
.compact-instrument-mixer .instrument-icon{width:29px;height:29px;border-radius:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 10px color-mix(in srgb,var(--instrument) 22%,transparent)}
.compact-instrument-mixer .instrument-card.playing .instrument-icon{transform:scale(calc(1 + var(--activity) * .11));box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 calc(10px + var(--activity) * 16px) var(--instrument);transition:transform .07s linear,box-shadow .08s linear}
.compact-instrument-mixer .instrument-icon svg{width:19px;height:19px}
.compact-instrument-mixer .instrument-identity strong{font-size:.55rem}
.compact-instrument-mixer .instrument-identity small{display:none}
.compact-instrument-mixer .instrument-state{min-width:10px;font-size:0}
.compact-instrument-mixer .instrument-state i{width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb,var(--instrument) 13%,transparent),0 0 9px var(--instrument)}
.compact-instrument-mixer .instrument-card.playing .instrument-state i{transform:scale(calc(1 + var(--activity) * .55));background:#fff;box-shadow:0 0 4px #fff,0 0 calc(8px + var(--activity) * 14px) var(--instrument);animation:none;transition:transform .06s linear,box-shadow .08s linear}
.compact-instrument-mixer .instrument-controls{display:none}
.compact-instrument-mixer .mixer-hint{margin:0;font-size:.49rem;text-align:right}

@media(max-width:1050px){.compact-instrument-mixer .instrument-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:680px){.compact-instrument-mixer .instrument-list{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,48px);grid-auto-columns:minmax(112px,1fr);overflow-x:auto;overflow-y:hidden;padding-bottom:8px;scroll-snap-type:x proximity}.compact-instrument-mixer .instrument-row.instrument-card{scroll-snap-align:start}.compact-instrument-mixer .mixer-hint{display:none}}

@media(max-width:1000px){.studio{grid-template-columns:1fr}.controls{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.control-head,.accuracy,.instrument-mixer,.auto-director{grid-column:1/-1}.instrument-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:470px}.intro{grid-template-columns:1fr}.modes{grid-template-columns:1fr}}
@media(max-width:680px){.topbar{height:64px;padding:0 12px}.brand img{width:92px}.product{display:none}.topbar nav .ghost:first-child{display:none}.topbar nav a{padding:8px 10px;font-size:.72rem}main{padding:18px 10px 90px}.intro{gap:20px}.intro h1{font-size:2.6rem}.intro>div>p:last-child{font-size:.82rem}.studio{border-radius:16px}.stage-column{padding:8px}.status small{display:none}.controls{padding:18px;grid-template-columns:1fr}.control-head,.accuracy,.instrument-mixer,.auto-director{grid-column:auto}.instrument-list{grid-template-columns:1fr;max-height:410px}.instrument-pad{min-height:68px}.track-results{grid-template-columns:1fr}.stagebar{gap:7px}.data-chip{top:auto;bottom:12px}.now-playing{top:12px;left:12px}.modes{margin-bottom:20px}}
@media(max-width:680px){.transport{height:auto;min-height:54px;flex-wrap:wrap;padding:6px 0}.transport input{min-width:130px}.audio-mode{width:100%;order:2}.audio-mode button{flex:1;justify-content:center}.audio-mode button b{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.backdrop{transition:opacity .2s linear!important;transform:none!important}}

/* PHSP Visual Lab — mesa de luz e compartilhamento social */
.share-button{height:38px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(88,241,215,.35);border-radius:10px;padding:0 12px;background:linear-gradient(135deg,rgba(88,241,215,.14),rgba(100,169,255,.12));color:var(--ink);font-size:.65rem;font-weight:850;cursor:pointer;white-space:nowrap}.share-button span{color:var(--cyan);font-size:1rem}.share-button:hover{border-color:var(--cyan);box-shadow:0 0 22px rgba(88,241,215,.13)}
.phsp-watermark{position:absolute;z-index:4;right:14px;bottom:12px;display:flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(4,10,17,.48);backdrop-filter:blur(10px);opacity:.7;pointer-events:none}.phsp-watermark img{width:32px;height:18px;object-fit:contain}.phsp-watermark span{font-size:.46rem;font-weight:900;letter-spacing:.16em;color:#eaf8ff}
.cue-open{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid rgba(100,169,255,.22);border-radius:10px;padding:9px 10px;background:rgba(100,169,255,.055);color:var(--ink);cursor:pointer;text-align:left}.cue-open span{display:grid;gap:2px}.cue-open small{font-size:.47rem;letter-spacing:.14em;color:var(--blue)}.cue-open strong{font-size:.65rem}.cue-open b{padding:4px 7px;border-radius:999px;background:rgba(88,241,215,.12);color:var(--cyan);font-size:.48rem;letter-spacing:.09em}.cue-open:hover{border-color:rgba(88,241,215,.42)}
.cue-shell{width:min(1040px,calc(100vw - 28px));max-height:min(850px,calc(100vh - 28px))}.dialog-head p{max-width:650px;margin:6px 0 0;color:var(--muted);font-size:.7rem;line-height:1.5}.cue-legend{display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(115px,1fr));gap:8px;padding:0 13px;color:var(--muted);font-size:.47rem;font-weight:900;letter-spacing:.13em}.cue-legend span:first-child{grid-column:2}.cue-list{display:grid;gap:6px;overflow:auto;max-height:58vh;padding-right:4px}.cue-row{--cue-energy:.5;display:grid;grid-template-columns:minmax(180px,1.4fr) repeat(4,minmax(115px,1fr));gap:8px;align-items:center;padding:10px 12px;border:1px solid rgba(177,214,235,.1);border-left:3px solid color-mix(in srgb,var(--cyan) calc(var(--cue-energy)*100%),var(--blue));border-radius:11px;background:linear-gradient(90deg,rgba(88,241,215,.035),rgba(255,255,255,.018))}.cue-row.current{border-color:rgba(88,241,215,.48);box-shadow:0 0 24px rgba(88,241,215,.09)}.cue-id{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:center}.cue-id b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.055);color:var(--cyan);font-size:.58rem}.cue-id span{display:grid;gap:2px}.cue-id strong{font-size:.65rem}.cue-id small{font-size:.51rem;color:var(--muted);font-variant-numeric:tabular-nums}.cue-row select{min-width:0;width:100%;border:1px solid var(--line);border-radius:8px;background:#0b1624;color:var(--ink);padding:8px 7px;font-size:.57rem}.cue-actions,.share-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.ghost-action,.solid-action{border-radius:10px;padding:10px 14px;font-size:.65rem;font-weight:850;cursor:pointer}.ghost-action{border:1px solid var(--line);background:rgba(255,255,255,.025);color:var(--ink)}.solid-action{border:0;background:var(--cyan);color:#061014}.ghost-action:hover{border-color:rgba(88,241,215,.4)}
.share-shell{width:min(920px,calc(100vw - 28px));grid-template-columns:minmax(0,1fr) 270px;align-items:start}.share-shell .dialog-head{grid-column:1/-1}.share-preview{position:relative;display:grid;place-items:center;min-height:300px;border:1px solid var(--line);border-radius:15px;padding:12px;background:radial-gradient(circle at 50% 20%,rgba(88,241,215,.09),transparent 52%),#050a12}.share-preview canvas{display:block;max-width:100%;max-height:56vh;border-radius:10px;box-shadow:0 20px 65px rgba(0,0,0,.42)}.share-preview span{position:absolute;right:20px;bottom:18px;padding:5px 8px;border-radius:999px;background:rgba(4,10,17,.72);font-size:.5rem;font-weight:900;color:var(--cyan)}.share-status{margin:0;padding:16px;border:1px solid rgba(100,169,255,.18);border-radius:12px;background:rgba(100,169,255,.055);color:var(--muted);font-size:.66rem;line-height:1.55}.share-actions{grid-column:1/-1}.share-dialog.busy .share-preview{opacity:.6}

@media(max-width:780px){.share-button{width:38px;padding:0;justify-content:center}.share-button:not(:focus) span+*{display:none}.share-button{font-size:0}.share-button span{font-size:1rem}.cue-legend{display:none}.cue-row{grid-template-columns:1fr 1fr}.cue-id{grid-column:1/-1}.share-shell{grid-template-columns:1fr}.share-status{grid-column:1}.share-actions{display:grid;grid-template-columns:1fr 1fr}.share-actions .solid-action{grid-column:1/-1;grid-row:1}.phsp-watermark{right:8px;bottom:8px}.phsp-watermark span{display:none}}

/* Ponte Visual Lab -> PHSP Music Studio */
.bridge-action{border:1px solid rgba(100,169,255,.46);border-radius:10px;padding:10px 14px;background:linear-gradient(135deg,rgba(100,169,255,.16),rgba(88,241,215,.08));color:#cce8ff;font-size:.65rem;font-weight:850;cursor:pointer}.bridge-action:hover{border-color:rgba(100,169,255,.85);box-shadow:0 0 20px rgba(100,169,255,.1)}.cue-export-status{margin:0;padding:9px 12px;border:1px solid rgba(100,169,255,.13);border-radius:9px;color:#82a0b3;background:rgba(100,169,255,.035);font-size:.58rem;line-height:1.45}.cue-export-status.is-error{border-color:rgba(255,113,98,.28);color:#ff9d94}
@media(max-width:780px){.cue-actions{display:grid;grid-template-columns:1fr 1fr}.cue-actions .bridge-action{grid-column:1/-1;grid-row:1}}

/* Modo incorporado no PHSP Music Studio */
html.studio-embed,html.studio-embed body{height:100%;min-height:100%;background:#050a12}
.studio-embed .topbar,.studio-embed .intro,.studio-embed .modes{display:none}
.studio-embed main{width:100%;height:100%;padding:0}
.studio-embed .studio{min-height:100%;height:100%;border:0;border-radius:0;box-shadow:none;background:#07101a}
.studio-embed .stage-column{display:flex;min-height:0;flex-direction:column;padding:10px}
.studio-embed .stage{flex:1;min-height:300px}
.studio-embed .stage.aspect-tall{width:min(100%,430px)}
.studio-embed .transport{display:none}
.studio-embed .audio-mode{display:none!important}
.studio-embed .controls{overflow-y:auto;padding:16px;gap:14px}
.studio-embed .stagebar .share-button{display:none}
.studio-embed .cue-export-status{color:#a6bed0}
@media(max-width:1000px){.studio-embed .studio{height:auto;min-height:100%;grid-template-columns:1fr}.studio-embed .stage-column{min-height:560px}.studio-embed .controls{overflow:visible}}