:root{--bg:#070809;--panel:#181b1f;--panel2:#2a2f35;--ink:#f2efe8;--muted:#a1a8b1;--line:#454c55;--amber:#e5ad55;--green:#65c98d;--red:#e06a60;--blue:#87a7c7;--steel:#66717d}
*{box-sizing:border-box}html{background:#070809;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font:16px Arial,Helvetica,sans-serif;background:radial-gradient(circle at 50% -10%,#3b424a,#171a1e 34%,#070809 70%)}
button,input,select{font:inherit}.wazzy-nav{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 24px;border-bottom:1px solid #343a41;background:#070809f3;backdrop-filter:blur(12px)}.wazzy-nav a{color:#d8dce1;text-decoration:none;font-weight:800}.wazzy-nav a:last-child{text-align:right}.brand{font-weight:900;letter-spacing:.28em;color:#f0d39c}.studio-shell{width:min(1580px,calc(100% - 28px));margin:14px auto 55px}.console-frame,.instrument-rack,.arranger,.mixer,.tone-lab,.master-bus{margin-bottom:14px;padding:20px;border:1px solid #454c55;border-radius:14px;background:linear-gradient(145deg,#2b3036,#14171a);box-shadow:0 22px 70px #0007,inset 0 1px #ffffff12}.studio-hero{display:flex;justify-content:space-between;align-items:center}.studio-hero h1{margin:2px 0;font-size:46px;letter-spacing:.08em}.studio-hero p{margin:5px 0;color:#afb6bf}.subtitle{font-size:20px!important;color:#e3dccf!important}.kicker{margin:0 0 5px!important;color:#b6bdc5!important;font-size:11px!important;font-weight:900;letter-spacing:.2em}.hero-actions,.instrument-buttons,.note-tools,.transport,.arranger-actions,.console-actions,.status-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
button,select,input[type=number]{min-height:38px;padding:7px 12px;border:1px solid #56606a;border-radius:7px;background:linear-gradient(#3e454d,#20242a);color:var(--ink)}button{cursor:pointer}button:hover{border-color:#9ba4ae}.amber-button{border-color:#9d783f;background:linear-gradient(#715a38,#352a1e);color:#fff0d3}.studio-marquee{display:flex;justify-content:center;align-items:center;gap:16px;padding:9px;margin-bottom:12px;border:1px solid #3d434a;border-radius:9px;background:#101214;color:#949ba4;font-size:11px;letter-spacing:.14em}.studio-marquee strong{color:#e1dbcf;letter-spacing:.24em}.pilot-light{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 9px #e5ad55cc}.scope-deck{display:grid;grid-template-columns:1fr 1fr 1fr 220px;gap:10px;margin-bottom:14px}.scope-deck article{padding:10px;border:1px solid #3d434a;border-radius:10px;background:#090b0d}.scope-title{margin-bottom:7px;color:#aeb5bd;font-size:10px;font-weight:900;letter-spacing:.2em}.scope-deck canvas{display:block;width:100%;height:140px;border:1px solid #252a30;background:#030405}.tuner-panel{display:grid;align-content:center;text-align:center}.tuner-panel strong{font-size:46px}.tuner-panel span{margin-top:4px;color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.section-heading h2{margin:0}.status-badges span{padding:7px 10px;border:1px solid #49515a;border-radius:5px;background:#101214;color:#9fa8b2;font-size:10px;font-weight:900;letter-spacing:.12em}.hardware-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.hardware-module{padding:14px;border:1px solid #4c535d;border-radius:8px;background:linear-gradient(#31363c,#181b1f)}.hardware-module h3{margin:0 0 12px;text-align:center;font-size:12px;letter-spacing:.18em}.module-knobs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.knob-control{display:grid;justify-items:center;gap:6px;user-select:none;touch-action:none}.knob-control label{font-size:9px;font-weight:900;letter-spacing:.12em;color:#b3bac2}.knob-control output{min-width:58px;text-align:center;font-size:10px;color:#d9dde2}.knob{--angle:-135deg;position:relative;width:62px;height:62px;border:1px solid #0b0d0f;border-radius:50%;background:radial-gradient(circle at 36% 30%,#707780 0 8%,#3c4147 9% 34%,#1b1e22 35% 63%,#090a0c 64%);box-shadow:inset 0 0 0 2px #555d66,inset 0 0 10px #000,0 4px 8px #0008}.knob:after{content:"";position:absolute;left:50%;top:7px;width:2px;height:19px;border-radius:2px;background:#f0c46d;box-shadow:0 0 4px #f0c46d;transform-origin:50% 24px;transform:translateX(-50%) rotate(var(--angle))}.knob-control.active .knob{box-shadow:inset 0 0 0 2px #8b7045,inset 0 0 10px #000,0 0 12px #e5ad5544}.master-knob .knob{width:78px;height:78px}.master-knob .knob:after{height:25px;transform-origin:50% 31px}.master-knob label{font-size:10px}.stereo-meters{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:95px}.stereo-meters meter{width:100%;height:100%;writing-mode:vertical-lr;direction:rtl}.meter-labels,.clip-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:center}.clip-row span{margin-top:6px;padding:4px;border:1px solid #3c4249;color:#633;font-size:9px;font-weight:900}.clip-row span.on{color:#fff;background:#b43b32;box-shadow:0 0 10px #e24a40}
.range-tools{display:flex;align-items:center;gap:8px}.range-readout{min-width:125px;text-align:center}.range-readout strong,.range-readout span{display:block}.range-readout span{color:var(--muted);font-size:12px}.instrument-buttons{margin:14px 0}.instrument-button.active{border-color:#d0a156;background:linear-gradient(#574832,#29231c);color:#fff1d5}.note-tools{margin-bottom:10px}.note-tools label{color:#aeb5bd}.note-tools input{vertical-align:middle}.pro-note-keys{display:grid;grid-template-columns:repeat(12,1fr);gap:6px}.pro-note{min-height:65px;padding:5px;background:linear-gradient(#3e454d,#252a30)}.pro-note.black{background:linear-gradient(#1b1d20,#08090a)}.pro-note strong,.pro-note small{display:block}.pro-note small{font-size:10px;color:#a1a8b2}.pro-note.playing{outline:2px solid #ffca75;box-shadow:0 0 15px #e0a34c77}
.timeline-head{display:grid;grid-template-columns:180px 1fr;margin-top:14px;border-bottom:1px solid #454c54}.timeline-head>span{padding:8px}.timeline-head #timeRuler{display:grid;grid-template-columns:repeat(16,1fr)}#timeRuler span{text-align:center;padding:8px 2px;border-left:1px solid #343a41}.track-area{display:grid;gap:7px;margin-top:7px}.track-row{display:grid;grid-template-columns:180px 1fr;min-height:64px;overflow:hidden;border:1px solid #363d44;border-radius:7px}.track-meta{padding:10px;background:#252a30}.track-meta strong,.track-meta span{display:block}.track-meta span{font-size:12px;color:var(--muted)}.track-lane{display:grid;grid-template-columns:repeat(16,1fr);background:#111417}.track-cell{padding:0;border:0;border-left:1px solid #2b3036;border-radius:0;background:transparent}.track-cell.on{background:linear-gradient(#6b593f,#3e3428);color:#ffe3ad}.track-cell.selected{outline:2px solid #f1b968;outline-offset:-3px}.record-status{display:flex;align-items:center;gap:9px;margin-top:10px;color:var(--muted)}#recordLamp{width:10px;height:10px;border-radius:50%;background:#572925}#recordLamp.on{background:#ef5e55;box-shadow:0 0 10px #ef5e55}
.console-top-strip{display:grid;grid-template-columns:repeat(6,1fr);margin:14px 0 6px;padding:6px;background:#0d0f11;color:#828b95;text-align:center;font-size:9px;letter-spacing:.12em}.mixer-channels{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(235px,1fr);gap:8px;overflow-x:auto;padding-bottom:8px}.channel{min-width:235px;padding:12px;border:1px solid #515963;border-radius:6px;background:linear-gradient(#40464e,#262a2f 46%,#15171a)}.channel-header{display:flex;justify-content:space-between;align-items:center}.channel h3{margin:5px 0 10px;font-size:15px}.channel-knob-pair,.channel-eq,.channel-color{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.channel-eq{grid-template-columns:repeat(3,1fr);margin-top:9px}.channel-color{grid-template-columns:repeat(3,1fr);margin-top:9px}.channel .knob{width:52px;height:52px}.channel .knob:after{height:16px;transform-origin:50% 21px}.channel .knob-control output{font-size:9px;min-width:48px}.channel .knob-control label{font-size:8px}.meter-fader{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:end;margin-top:12px}.meter-bars{height:142px;display:flex;align-items:flex-end;gap:3px;padding:6px;background:#08090a;border:1px solid #343a40}.meter-bars i{flex:1;height:7%;background:#142019}.meter-bars i.lit{background:#5bc77c}.fader-wrap{height:150px;display:grid;justify-items:center}.fader-wrap input[type=range]{width:138px;transform:rotate(-90deg) translateX(-48px);transform-origin:center}.fader-value{margin-top:-23px;font-size:10px;color:#d6dbe0}.channel-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.channel-buttons button.engaged{background:#6b2d28}.channel-buttons button.solo-engaged{background:#6b521f}.channel-nameplate{margin-top:8px;padding:6px;background:#08090a;text-align:center;font-size:9px;letter-spacing:.1em}.channel-selected{border-color:#c99a4c;box-shadow:0 0 0 1px #c99a4c inset}
.master-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:16px;padding:18px;border:1px solid #3e454d;background:#0d0f11}.tone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.tone-grid article{padding:14px;border:1px solid #414850;border-radius:7px;background:#1c2024}.tone-grid h3{margin-top:0}.tone-grid label{display:grid;grid-template-columns:85px 1fr 62px;align-items:center;gap:7px;margin:10px 0;color:#adb4bd;font-size:11px}.tone-grid input{width:100%}.tone-grid output{text-align:right;color:#e5e8ec}.tone-grid article:last-child{display:grid;align-content:start;gap:8px}.utility-readout{color:#aab1ba;font-size:12px}footer{text-align:center;color:#747d86;padding:20px;font-size:12px}
@media(max-width:1150px){.scope-deck{grid-template-columns:1fr 1fr}.hardware-grid{grid-template-columns:1fr 1fr}.master-grid{grid-template-columns:repeat(3,1fr)}.tone-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.wazzy-nav{grid-template-columns:1fr;gap:6px}.wazzy-nav a:last-child{text-align:left}.studio-hero,.section-heading{display:block}.scope-deck,.hardware-grid,.tone-grid{grid-template-columns:1fr}.pro-note-keys{grid-template-columns:repeat(6,1fr)}.timeline-head,.track-row{grid-template-columns:120px 1fr}.master-grid{grid-template-columns:repeat(2,1fr)}.module-knobs{grid-template-columns:repeat(3,1fr)}}