:root{color-scheme:dark;--bg:#03090e;--panel:rgba(7,20,27,.88);--line:rgba(124,242,255,.2);--cyan:#7cf2ff;--green:#26ff6b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;color:#edfaff;background:radial-gradient(circle at 75% 0%,#0d3640 0,transparent 34%),radial-gradient(circle at 10% 30%,#123622 0,transparent 28%),var(--bg)}button,input{font:inherit}button{color:inherit}.space{position:fixed;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(rgba(124,242,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(124,242,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.studio-shell{position:relative;width:min(1800px,100%);margin:auto;padding:18px}.command-bar,.transport,.module-tabs,.routing-panel,.module-frame{border:1px solid var(--line);background:var(--panel);box-shadow:0 22px 70px rgba(0,0,0,.36),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px)}.command-bar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;border-radius:22px 22px 8px 8px}.brand{display:flex;align-items:center;gap:14px}.brand-core{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:25px;font-weight:900;box-shadow:0 0 28px rgba(124,242,255,.28),inset 0 0 18px rgba(124,242,255,.12)}.brand p,.eyebrow{margin:0 0 4px;color:var(--green);text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800}.brand h1{margin:0;font-size:clamp(22px,3vw,36px);letter-spacing:-.04em}.system-state{display:flex;align-items:center;gap:12px;min-width:250px}.system-state small{display:block;color:#8daab3;margin-top:3px}.pulse{width:11px;height:11px;border-radius:50%;background:var(--green);box-shadow:0 0 18px var(--green);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.78)}}.transport{display:grid;grid-template-columns:auto minmax(180px,1fr) repeat(3,auto) auto;align-items:center;gap:12px;margin-top:10px;padding:12px 16px;border-radius:8px}.tempo-block span{color:#7f9da7;display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.tempo-block strong{color:var(--cyan);font-size:20px}input[type=range]{accent-color:var(--cyan)}.transport button{border:1px solid var(--line);border-radius:10px;padding:11px 16px;background:rgba(255,255,255,.035);cursor:pointer;font-weight:800}.transport button.primary{color:#00130a;border-color:var(--green);background:var(--green)}.transport button.danger{color:#ff8791;border-color:rgba(255,80,95,.42)}.module-lights{display:flex;gap:7px}.module-lights span{border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:7px 9px;color:#627982;font-size:11px;font-weight:800;text-transform:uppercase}.module-lights span.online{color:var(--green);border-color:rgba(38,255,107,.35);background:rgba(38,255,107,.07)}.module-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;padding:8px;border-radius:8px 8px 18px 18px}.module-tabs button{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;text-align:left;padding:14px;border:1px solid transparent;border-radius:12px;background:transparent;cursor:pointer}.module-tabs button>span{grid-row:1/3;align-self:center;color:#48646e;font-size:22px;font-weight:900}.module-tabs button strong{font-size:15px}.module-tabs button small{color:#75909a}.module-tabs button.active{border-color:rgba(124,242,255,.38);background:linear-gradient(135deg,rgba(124,242,255,.1),rgba(38,255,107,.05))}.module-tabs button.active>span{color:var(--cyan)}.routing-panel{display:grid;grid-template-columns:1.4fr 1fr;gap:28px;margin-top:14px;padding:22px;border-radius:18px}.routing-panel h2{margin:0 0 8px;font-size:26px}.routing-panel p:not(.eyebrow){margin:0;max-width:800px;color:#a8bec6;line-height:1.55}.routing-panel ol{display:grid;gap:7px;margin:0;padding:0;list-style:none}.routing-panel li{display:flex;align-items:center;gap:9px;color:#aac2ca}.routing-panel li span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#00130a;background:var(--green);font-size:12px;font-weight:900}.module-stage{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.module-frame{display:none;overflow:hidden;min-width:0;border-radius:18px}.module-frame.active{display:block}.module-stage[data-view=rack]{grid-template-columns:repeat(3,minmax(0,1fr))}.module-stage[data-view=rack] .module-frame{display:block}.frame-label{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid var(--line)}.frame-label strong{color:var(--cyan)}.frame-label span{color:#78939c;font-size:12px;text-transform:uppercase;letter-spacing:.1em}iframe{display:block;width:100%;height:78vh;min-height:700px;border:0;background:#061016}.module-stage[data-view=rack] iframe{height:76vh;min-height:650px}
@media(max-width:1000px){.transport{grid-template-columns:auto 1fr repeat(3,auto)}.module-lights{grid-column:1/-1}.module-stage[data-view=rack]{grid-template-columns:1fr}.routing-panel{grid-template-columns:1fr}}
@media(max-width:700px){.studio-shell{padding:8px}.command-bar{align-items:flex-start;flex-direction:column}.transport{grid-template-columns:1fr 1fr}.transport input,.module-lights{grid-column:1/-1}.module-tabs{grid-template-columns:1fr 1fr}.module-tabs button{padding:10px}.routing-panel{padding:17px}iframe{min-height:760px}}
.module-tabs{grid-template-columns:repeat(5,1fr)}
@media(max-width:700px){.module-tabs{grid-template-columns:1fr 1fr}}