:root{--ink:#eef5f2;--muted:#82918d;--sea:#64f1ca;--amber:#dcb36c;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#040708;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{overflow:hidden}
button{font:inherit}
.warehouse{position:relative;width:100vw;height:100vh;overflow:hidden;background:#050809}
#world{position:absolute;inset:0;width:100%;height:100%;display:block}
.hud{position:absolute;z-index:30;left:0;right:0;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:linear-gradient(#040708ef,#0407089f,transparent);border-bottom:1px solid #ffffff0d;pointer-events:none}
.hud button{pointer-events:auto}
.brand,.song{display:flex;align-items:center;gap:11px}.brand>span:last-child,.song>span{display:flex;flex-direction:column}
.pd-mark{width:40px;height:40px;border:1px solid #64f1ca66;display:grid;place-items:center;color:var(--sea);font-weight:900;letter-spacing:-.06em}
.brand b{font-size:13px;letter-spacing:.2em}.brand small,.song small{font-size:8px;letter-spacing:.19em;color:var(--muted);margin-top:2px}
.song{position:absolute;left:50%;transform:translateX(-50%);padding:7px 13px;border:1px solid #ffffff14;background:#0910129e;backdrop-filter:blur(12px)}
.song i{width:6px;height:6px;border-radius:50%;background:var(--sea);box-shadow:0 0 12px var(--sea)}.song b{font-size:12px}
.hud-button,.hall-btn{border:1px solid var(--line);background:#ffffff08;color:var(--ink);padding:9px 14px;border-radius:999px;cursor:pointer}
.hall-prompt{position:absolute;z-index:12;left:50%;top:11%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;text-shadow:0 4px 24px #000}
.hall-prompt span{font-size:8px;letter-spacing:.25em;color:var(--sea);font-weight:800}.hall-prompt b{font-size:15px;margin-top:5px}.hall-prompt small{font-size:10px;color:#91a09b;margin-top:3px}.hover-label{position:absolute;z-index:18;pointer-events:none;min-width:170px;padding:10px 12px;border:1px solid #64f1ca44;background:#071013e8;backdrop-filter:blur(10px);transform:translate(18px,18px);opacity:0;transition:opacity .12s}
.hover-label.show{opacity:1}.hover-label b{display:block;font-size:11px;letter-spacing:.12em}.hover-label small{display:block;color:#7e8e89;font-size:8px;margin-top:3px}
.floor-progress{position:absolute;z-index:13;left:50%;bottom:3.5%;transform:translateX(-50%);width:min(700px,72vw);display:flex;align-items:center;color:#5d6b67;font-size:8px;letter-spacing:.17em;pointer-events:none}
.floor-progress i{height:1px;background:#ffffff16;flex:1;margin:0 8px}.floor-progress span.active{color:var(--amber)}
.room-hud{position:absolute;z-index:25;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s}
.room-hud.open{opacity:1;visibility:visible;pointer-events:auto}
.hall-btn{position:absolute;left:22px;top:94px}
.room-id{position:absolute;left:28px;top:108px;width:360px;padding:14px 16px 15px;border-left:2px solid var(--sea);background:linear-gradient(90deg,#071013d9,#07101386,transparent);backdrop-filter:blur(10px);text-shadow:0 7px 30px #000}
.room-id span{font-size:8px;letter-spacing:.24em;color:var(--sea);font-weight:800}.room-id h1{margin:6px 0 8px;font-size:30px;line-height:1;letter-spacing:-.035em}.room-id p{margin:0;max-width:330px;color:#9eada8;line-height:1.45;font-size:11px}
.room-tools{position:absolute;left:28px;top:245px;width:360px;display:flex;gap:8px;flex-wrap:wrap}.room-tools span{font-size:8px;letter-spacing:.1em;color:#b5c3bf;border:1px solid #ffffff18;background:#0710139c;padding:7px 9px;border-radius:999px;backdrop-filter:blur(8px)}
.crew-note{position:absolute;left:28px;right:28px;bottom:22px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 14px;border:1px solid #64f1ca32;background:#071013b8;backdrop-filter:blur(12px)}
.crew-note>span{display:flex;flex-direction:column;gap:4px}.crew-note small{font-size:8px;letter-spacing:.2em;color:var(--sea)}.crew-note b{font-size:12px;font-weight:600}
.crew-note button{border:0;background:var(--sea);color:#04100d;padding:11px 16px;font-weight:800;cursor:pointer}.map-panel{position:absolute;z-index:40;right:18px;top:90px;width:340px;padding:17px;background:#071013ef;border:1px solid #ffffff17;box-shadow:0 26px 80px #000b;backdrop-filter:blur(16px);transform:translateX(390px);transition:transform .28s}
.map-panel.open{transform:translateX(0)}.map-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.16em}.map-head button{border:0;background:none;color:#82918d;font-size:24px;cursor:pointer}
.map-rooms{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}.map-rooms button{border:1px solid #ffffff13;background:#ffffff05;color:#8e9d98;padding:12px;text-align:left;font-size:10px;cursor:pointer}.map-rooms button small{display:block;color:#5f6d69;font-size:7px;margin-top:4px}.map-rooms button:hover,.map-rooms button.current{border-color:#64f1ca60;color:var(--ink);background:#64f1ca0c}
.transition-title{position:absolute;z-index:30;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;opacity:0;pointer-events:none;text-shadow:0 5px 25px #000;transition:opacity .18s}
.transition-title.show{opacity:1}.transition-title small{font-size:8px;letter-spacing:.25em;color:#6f817b}.transition-title b{font-size:14px;letter-spacing:.2em;margin-top:6px}
@media(max-width:760px){.song{display:none}.brand small{display:none}.hall-prompt{top:10%}.floor-progress{display:none}.room-id{left:6%;top:22%;width:88%}.room-id h1{font-size:52px}.room-id p{max-width:85%}.room-tools{left:6%;top:55%}.crew-note{left:6%;right:6%;align-items:flex-end}.crew-note b{font-size:10px;max-width:220px}.crew-note button{font-size:10px}.map-panel{right:10px;width:calc(100vw - 20px)}}.tracking-console{position:absolute;z-index:27;top:102px;right:28px;width:min(570px,44vw);max-height:calc(100vh - 205px);padding:14px;border:1px solid rgba(100,241,202,.22);background:linear-gradient(145deg,rgba(5,13,15,.9),rgba(7,17,20,.74));backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(18px);transition:opacity .22s,transform .22s,visibility .22s;overflow:auto}
.tracking-console.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.tracking-console-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09)}
.tracking-console-head>span{display:flex;flex-direction:column;gap:3px}
.tracking-console-head small{font-size:8px;letter-spacing:.2em;color:var(--sea)}
.tracking-console-head b{font-size:16px;letter-spacing:.03em}
.tracking-input-truth{max-width:260px;text-align:right;color:#82938e;font-size:9px;line-height:1.35}
.tracking-input-row{display:grid;grid-template-columns:1.5fr .72fr .78fr auto;gap:8px;align-items:end;margin-top:11px}
.tracking-input-row label{display:grid;gap:4px;min-width:0}
.tracking-input-row label span{font-size:8px;letter-spacing:.13em;color:#7f918b;text-transform:uppercase}
.tracking-input-row select,.tracking-input-row button{min-height:36px;border:1px solid rgba(255,255,255,.13);background:#091215;color:#dfe9e5;padding:7px 9px;font-size:10px}
.tracking-input-row button{cursor:pointer;border-color:rgba(100,241,202,.32)}.tracking-transport{display:grid;grid-template-columns:auto auto 50px 1fr;gap:10px;align-items:center;margin-top:12px}
.tracking-record{height:42px;border:1px solid rgba(100,241,202,.45);background:#64f1ca14;color:#eafff8;font-weight:800;font-size:11px;cursor:pointer;padding:0 14px}
.tracking-record.recording{border-color:#ff6b6b;background:#ff4f4f22;color:#ffdada;box-shadow:0 0 26px rgba(255,74,74,.18)}
.tracking-monitor{display:flex;align-items:center;gap:6px;color:#9baca6;font-size:9px;white-space:nowrap}
.tracking-monitor input{accent-color:var(--sea)}
#trackingTimer{font-variant-numeric:tabular-nums;font-size:12px;text-align:center}
.tracking-meter{position:relative;height:24px;border:1px solid rgba(255,255,255,.11);background:#05090a;overflow:hidden}
.tracking-meter i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#64f1ca,#dcb36c 72%,#ff6b6b);transition:width .06s linear}
.tracking-meter span{position:absolute;right:6px;top:5px;color:#d3dfdb;font-size:8px;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000}
.tracking-waveform{display:block;width:100%;height:84px;margin-top:11px;border:1px solid rgba(255,255,255,.08);background:#050d0f}
.tracking-status{margin-top:8px;min-height:18px;color:#8fa09a;font-size:9px;line-height:1.4}
.tracking-status[data-tone="ready"]{color:#83e2c6}.tracking-status[data-tone="recording"]{color:#ffadad}.tracking-status[data-tone="error"]{color:#ff8e8e}.tracking-playback{width:100%;height:34px;margin-top:5px;filter:saturate(.7) hue-rotate(95deg)}
.tracking-takes-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}
.tracking-takes-head b{font-size:8px;letter-spacing:.2em;color:#82938d}
.tracking-takes-head button{border:0;background:none;color:var(--sea);font-size:9px;font-weight:700;cursor:pointer;padding:5px}
.tracking-takes{display:grid;gap:5px;margin-top:5px}
.take-row{display:grid;grid-template-columns:minmax(0,1fr) 70px 100px 30px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025)}
.take-row.keeper{border-color:rgba(100,241,202,.58);background:rgba(100,241,202,.075);box-shadow:inset 3px 0 #64f1ca}
.take-row.preview{border-color:rgba(220,179,108,.44);background:rgba(220,179,108,.055);box-shadow:inset 3px 0 rgba(220,179,108,.72)}
.take-keeper-badge{align-self:center;justify-self:center;color:#64f1ca;font-size:8px;font-weight:900;letter-spacing:.12em}
.take-keep{border:1px solid rgba(220,179,108,.42);background:#dcb36c12;color:#f0d7a5;font-size:8px;font-weight:800;cursor:pointer}
.take-main{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;background:none;color:#e6efec;padding:8px 10px;text-align:left;cursor:pointer}
.take-main b{font-size:10px}.take-main small{font-size:8px;color:#75857f}
.take-delete{border:0;border-left:1px solid rgba(255,255,255,.07);background:none;color:#65756f;cursor:pointer;font-size:16px}
.take-delete:hover{color:#ff8e8e}
.tracking-empty{padding:10px;border:1px dashed rgba(255,255,255,.09);color:#677771;font-size:9px;text-align:center}
@media(max-width:1000px){.tracking-console{width:52vw}.tracking-input-row{grid-template-columns:1fr 1fr}.tracking-input-row button{grid-column:1/-1}.tracking-transport{grid-template-columns:1fr auto 50px}.tracking-meter{grid-column:1/-1}}
@media(max-width:760px){.tracking-console{left:10px;right:10px;top:310px;width:auto;max-height:calc(100vh - 385px)}.tracking-input-row{grid-template-columns:1fr 1fr}.tracking-console-head{align-items:flex-start}.tracking-input-truth{max-width:45%}.tracking-waveform{height:68px}.crew-note{display:none}}.tracking-track-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin-top:11px;padding:9px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.tracking-track-row label{display:grid;gap:4px}
.tracking-track-row label span{font-size:8px;letter-spacing:.13em;color:#7f918b;text-transform:uppercase}
.tracking-track-row select,.tracking-track-row button{min-height:36px;border:1px solid rgba(255,255,255,.13);background:#091215;color:#dfe9e5;padding:7px 9px;font-size:10px}
.tracking-track-row button{cursor:pointer;border-color:rgba(100,241,202,.32);color:var(--sea);font-weight:800}
.mix-console{position:absolute;z-index:27;right:28px;bottom:88px;width:min(740px,57vw);padding:14px;border:1px solid rgba(104,184,255,.24);background:linear-gradient(145deg,rgba(5,12,17,.91),rgba(8,19,28,.76));backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .22s,transform .22s,visibility .22s}
.mix-console.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mix-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09)}
.mix-console-head>span{display:flex;flex-direction:column;gap:3px}
.mix-console-head small{font-size:8px;letter-spacing:.2em;color:#68b8ff}
.mix-console-head b{font-size:17px}
.mix-summary{color:#8298a6;font-size:9px}.mix-transport{display:flex;align-items:center;gap:8px;margin-top:10px}
.mix-transport button{border:1px solid rgba(104,184,255,.32);background:#0a1720;color:#ddecf4;padding:8px 12px;font-size:9px;font-weight:800;cursor:pointer}
.mix-transport span{margin-left:auto;color:#9fb5c0;font-size:10px;font-variant-numeric:tabular-nums}
.mix-tracks{display:flex;gap:8px;margin-top:12px;overflow-x:auto;padding-bottom:4px}
.mix-strip{flex:0 0 142px;min-height:230px;padding:10px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(#0c1921,#071016)}
.mix-strip-head{display:flex;justify-content:space-between;gap:7px;align-items:flex-start}
.mix-strip-head>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.mix-strip-head b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mix-strip-head small{font-size:7px;color:#6f838d;white-space:nowrap}
.mix-strip-head em{font-style:normal;font-size:7px;text-transform:uppercase;color:#68b8ff;border:1px solid rgba(104,184,255,.2);padding:3px 4px}
.mix-strip label{display:grid;gap:5px;margin-top:14px}
.mix-strip label span{font-size:7px;letter-spacing:.12em;color:#6f838d;text-transform:uppercase}
.mix-strip input[type="range"]{width:100%;accent-color:#68b8ff}
.mix-strip-buttons{display:flex;gap:6px;margin-top:16px}
.mix-strip-buttons button{width:32px;height:28px;border:1px solid rgba(255,255,255,.12);background:#091216;color:#7f939d;font-size:9px;font-weight:900;cursor:pointer}
.mix-strip-buttons button.active{border-color:#68b8ff;color:#dff3ff;background:#68b8ff24}
.mix-empty{width:100%;padding:18px;border:1px dashed rgba(255,255,255,.1);color:#6e818b;font-size:9px;text-align:center}@media(max-width:1000px){.mix-console{width:65vw;right:18px}.mix-strip{flex-basis:128px}}
@media(max-width:760px){.tracking-track-row{grid-template-columns:1fr}.mix-console{left:10px;right:10px;bottom:80px;width:auto;max-height:45vh;overflow:auto}.mix-tracks{padding-bottom:8px}.mix-strip{flex-basis:120px;min-height:205px}}.room-hud[data-room="tracking"] .room-id,.room-hud[data-room="mix"] .room-id{top:98px;left:28px;width:270px;padding:10px 12px;background:rgba(5,13,15,.48);backdrop-filter:blur(8px);border-left:2px solid var(--sea)}
.room-hud[data-room="mix"] .room-id{border-left-color:#68b8ff}
.room-hud[data-room="tracking"] .room-id h1,.room-hud[data-room="mix"] .room-id h1{font-size:25px;margin:5px 0 6px}
.room-hud[data-room="tracking"] .room-id p,.room-hud[data-room="mix"] .room-id p{font-size:10px;line-height:1.4}
.room-hud[data-room="tracking"] .room-tools,.room-hud[data-room="mix"] .room-tools{display:none}
.room-hud[data-room="tracking"] .crew-note,.room-hud[data-room="mix"] .crew-note{left:28px;right:auto;bottom:22px;width:min(460px,34vw);padding:10px 12px;background:rgba(5,13,15,.72)}
.room-hud[data-room="tracking"] .crew-note button,.room-hud[data-room="mix"] .crew-note button{padding:8px 10px;font-size:9px}
.room-hud[data-room="tracking"] .crew-note b,.room-hud[data-room="mix"] .crew-note b{font-size:10px;line-height:1.35}
@media(max-width:900px){.room-hud[data-room="tracking"] .crew-note,.room-hud[data-room="mix"] .crew-note{display:none}.room-hud[data-room="tracking"] .room-id,.room-hud[data-room="mix"] .room-id{width:235px}}.tracking-session-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:11px}
.tracking-session-head>span{display:flex;flex-direction:column;gap:2px}
.tracking-session-head small{font-size:8px;letter-spacing:.18em;color:#7d9089}
.tracking-session-head b{font-size:10px;font-weight:600;color:#b5c4bf}
.tracking-session-head button{border:1px solid rgba(100,241,202,.34);background:#64f1ca0d;color:var(--sea);padding:8px 11px;font-size:9px;font-weight:800;cursor:pointer}
.tracking-track-lanes{display:grid;gap:6px;margin-top:8px}
.track-lane{display:grid;grid-template-columns:minmax(150px,1fr) 48px 92px 92px;gap:7px;align-items:center;padding:7px;border:1px solid rgba(255,255,255,.09);background:rgba(4,12,14,.72)}
.track-lane.selected{border-color:rgba(100,241,202,.46);background:rgba(100,241,202,.055)}
.track-lane.armed{box-shadow:inset 3px 0 0 #64f1ca}
.track-lane-main{border:0;background:none;color:#e8f1ee;text-align:left;cursor:pointer;padding:4px 5px;min-width:0}
.track-lane-main span{display:flex;flex-direction:column;gap:2px}
.track-lane-main b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.track-lane-main small{font-size:7px;color:#72837d;white-space:nowrap}
.track-arm{height:34px;border:1px solid rgba(255,255,255,.12);background:#091215;color:#6f817b;font-size:8px;font-weight:900;cursor:pointer}
.track-arm.active{border-color:#ff7777;color:#ffd1d1;background:#ff5e5e1c;box-shadow:0 0 16px rgba(255,85,85,.08)}
.track-lane label{display:grid;gap:3px}
.track-lane label span{font-size:7px;letter-spacing:.11em;color:#6e817a;text-transform:uppercase}
.track-lane select{width:100%;min-width:0;border:1px solid rgba(255,255,255,.1);background:#081114;color:#dce8e4;padding:6px 5px;font-size:8px}
.tracking-interface-row{grid-template-columns:1fr auto;margin-top:8px}
.tracking-interface-row label{min-width:0}.tracking-record:disabled{opacity:.4;cursor:not-allowed}
@media(max-width:1100px){.track-lane{grid-template-columns:minmax(135px,1fr) 46px 84px 84px}.tracking-console{width:58vw}}
@media(max-width:820px){.track-lane{grid-template-columns:1fr 48px}.track-lane label{grid-row:2}.track-lane label:nth-of-type(1){grid-column:1}.track-lane label:nth-of-type(2){grid-column:2}.tracking-interface-row{grid-template-columns:1fr}.tracking-interface-row button{grid-column:auto}.tracking-console{left:10px;right:10px;width:auto}}/* v5.0 recording clarity */
.track-lane{grid-template-columns:minmax(150px,1fr) 48px 72px 92px 92px}
.track-lane-meter{position:relative;height:18px;border:1px solid rgba(255,255,255,.08);background:#05090a;overflow:hidden}
.track-lane-meter i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#64f1ca,#dcb36c 75%,#ff6b6b);transition:width .05s linear}
.tracking-transport{grid-template-columns:auto minmax(170px,1fr) auto 54px}
.tracking-rec-state{display:flex;align-items:center;gap:9px;min-height:42px;padding:7px 10px;border:1px solid rgba(255,255,255,.08);background:#071013}
.tracking-rec-state>i{width:10px;height:10px;border-radius:50%;background:#50605b}
.tracking-rec-state>span{display:flex;flex-direction:column;gap:2px}
.tracking-rec-state b{font-size:10px;letter-spacing:.12em}
.tracking-rec-state small{font-size:8px;color:#71827d}
.tracking-rec-state[data-state="recording"]{border-color:#ff6464;background:#210d0f;box-shadow:0 0 26px rgba(255,65,65,.12)}
.tracking-rec-state[data-state="recording"]>i{background:#ff4d4d;box-shadow:0 0 14px #ff4d4d;animation:recPulse .75s infinite alternate}
.tracking-rec-state[data-state="recording"] b{color:#ffd0d0}
.tracking-rec-state[data-state="saved"]{border-color:rgba(100,241,202,.34)}
.tracking-rec-state[data-state="saved"]>i{background:#64f1ca;box-shadow:0 0 12px #64f1ca}
@keyframes recPulse{to{opacity:.35;transform:scale(.82)}}.tracking-console.is-recording{border-color:rgba(255,82,82,.42);box-shadow:0 24px 70px rgba(0,0,0,.38),0 0 0 1px rgba(255,82,82,.08),0 0 35px rgba(255,60,60,.08)}
.tracking-wave-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-top:11px}
.tracking-wave-head>span{display:flex;flex-direction:column;gap:2px}
.tracking-wave-head small{font-size:7px;letter-spacing:.18em;color:#70817c}
.tracking-wave-head b{font-size:10px;color:#c9d5d1}
.tracking-wave-head .tracking-meter{width:210px}
.tracking-waveform{height:108px}
.tracking-listen{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;padding:9px 10px;border:1px solid rgba(255,255,255,.08);background:rgba(4,12,14,.7)}
.tracking-listen>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.tracking-listen small{font-size:7px;letter-spacing:.16em;color:#70817c}
.tracking-listen b{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:310px}
.tracking-listen>div{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.tracking-listen button{border:1px solid rgba(100,241,202,.24);background:#091416;color:#dce9e5;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
@media(max-width:1100px){.track-lane{grid-template-columns:minmax(130px,1fr) 45px 58px 82px 82px}.tracking-transport{grid-template-columns:1fr 1fr}.tracking-wave-head .tracking-meter{width:160px}}@media(max-width:820px){.track-lane{grid-template-columns:1fr 46px 70px}.track-lane-meter{grid-column:3}.track-lane label{grid-row:2}.track-lane label:nth-of-type(1){grid-column:1 / span 2}.track-lane label:nth-of-type(2){grid-column:3}.tracking-transport{grid-template-columns:1fr 1fr}.tracking-rec-state{grid-column:1 / -1}.tracking-listen{align-items:flex-start;flex-direction:column}.tracking-wave-head{align-items:flex-start;flex-direction:column}.tracking-wave-head .tracking-meter{width:100%}}.tracking-playback.disabled{pointer-events:none;opacity:.38}.tracking-listen button:disabled{opacity:.38;cursor:not-allowed}.tracking-timer-live{font-variant-numeric:tabular-nums}.tracking-session-actions{display:flex;gap:7px;align-items:center}
.tracking-session-actions #trackingSendMix{border-color:rgba(100,241,202,.5);background:#64f1ca18;color:#dffbf2}
.take-row{grid-template-columns:minmax(0,1fr) 70px 100px 30px}
.take-play{border:0;border-left:1px solid rgba(255,255,255,.07);background:#0a1518;color:#64f1ca;font-size:8px;font-weight:800;cursor:pointer}
.take-play:hover{background:#64f1ca12}
@media(max-width:760px){.tracking-session-head{align-items:flex-start;flex-direction:column}.tracking-session-actions{width:100%}.tracking-session-actions button{flex:1}.take-row{grid-template-columns:minmax(0,1fr) 64px 86px 30px}}
/* v6.0 — real Song Room + room-to-room song map */
.writing-console{position:absolute;z-index:27;left:28px;top:102px;width:min(760px,60vw);max-height:calc(100vh - 205px);padding:14px;border:1px solid rgba(220,179,108,.3);background:linear-gradient(145deg,rgba(18,14,8,.94),rgba(12,14,13,.84));backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-18px);transition:opacity .22s,transform .22s,visibility .22s;overflow:auto}
.writing-console.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}
.writing-console-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.09)}
.writing-console-head>span{display:flex;flex-direction:column;gap:3px}.writing-console-head small{font-size:8px;letter-spacing:.2em;color:#dcb36c}.writing-console-head b{font-size:17px}
.writing-summary{max-width:330px;color:#b9a888;font-size:9px;line-height:1.4;text-align:right}
.writing-song-grid{display:grid;grid-template-columns:minmax(180px,1.8fr) 90px 82px 82px 72px;gap:8px;margin-top:11px}
.writing-song-grid label,.writing-harmony label,.writing-section-meta label,.writing-lyrics{display:grid;gap:4px;min-width:0}
.writing-song-grid span,.writing-harmony label>span,.writing-section-meta span,.writing-lyrics>span{font-size:7px;letter-spacing:.14em;color:#9e8d70;text-transform:uppercase}
.writing-song-grid input,.writing-song-grid select,.writing-harmony input,.writing-section-meta input,.writing-lyrics textarea{width:100%;min-width:0;border:1px solid rgba(220,179,108,.18);background:#100f0c;color:#f0e7d9;padding:8px 9px;font-size:10px;outline:none}
.writing-song-grid input:focus,.writing-song-grid select:focus,.writing-harmony input:focus,.writing-section-meta input:focus,.writing-lyrics textarea:focus{border-color:rgba(220,179,108,.62)}
.writing-harmony{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:10px;align-items:end;margin-top:10px}
.writing-shape{min-height:34px;display:flex;align-items:center;padding:8px 11px;border:1px solid rgba(220,179,108,.18);background:#dcb36c0b;color:#e3c995;font-size:9px;white-space:nowrap}
.writing-map-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:11px;border-top:1px solid rgba(255,255,255,.08)}
.writing-map-head>span{display:flex;flex-direction:column;gap:2px}.writing-map-head small{font-size:7px;letter-spacing:.18em;color:#9f8b6c}.writing-map-head b{font-size:10px;color:#d7c7ac}
.writing-map-head>div{display:flex;gap:6px}.writing-map-head button,.writing-footer button,.writing-section-meta button{border:1px solid rgba(220,179,108,.3);background:#dcb36c10;color:#e7d1a8;padding:7px 10px;font-size:8px;font-weight:800;cursor:pointer}
.writing-sections{display:flex;gap:7px;margin-top:8px;overflow-x:auto;padding-bottom:3px}
.writing-section-card{flex:0 0 155px;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:54px;padding:9px;border:1px solid rgba(255,255,255,.08);background:#0b0e0d;color:#d7d5ce;text-align:left;cursor:pointer}
.writing-section-card.selected{border-color:rgba(220,179,108,.62);background:#dcb36c12;box-shadow:inset 3px 0 #dcb36c}.writing-section-card b{font-size:9px}.writing-section-card small{font-size:7px;color:#8b8375;line-height:1.35}
.writing-section-editor{margin-top:9px;padding:10px;border:1px solid rgba(255,255,255,.08);background:rgba(7,10,9,.62)}
.writing-section-meta{display:grid;grid-template-columns:1fr 70px 1.5fr auto;gap:8px;align-items:end}
.writing-section-meta button{height:34px;border-color:rgba(255,100,100,.22);color:#d8a4a4;background:#ff595908}
.writing-lyrics{margin-top:8px}.writing-lyrics textarea{resize:vertical;min-height:128px;line-height:1.5;font-family:inherit}
.writing-footer{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:8px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08)}
.writing-footer>span{display:flex;flex-direction:column;gap:2px}.writing-footer small{font-size:7px;letter-spacing:.16em;color:#8f826c}.writing-footer b{font-size:9px;color:#c9b99d}
.writing-footer #writingSendRecording{border-color:rgba(220,179,108,.58);background:#dcb36c20;color:#fff0cf}
.writing-empty{padding:12px;border:1px dashed rgba(220,179,108,.18);color:#8e816a;font-size:9px}
.tracking-song-map{margin-top:10px;padding:9px 10px;border:1px solid rgba(220,179,108,.2);background:rgba(21,17,10,.56)}
.tracking-song-map-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tracking-song-map-head>span{display:flex;flex-direction:column;gap:2px}.tracking-song-map-head small{font-size:7px;letter-spacing:.16em;color:#a39171}.tracking-song-map-head b{font-size:10px;color:#e1d2b6}.tracking-song-map-head em{font-style:normal;font-size:8px;color:#9d927e}
.tracking-song-map-sections{display:flex;gap:5px;margin-top:7px;overflow-x:auto}.tracking-song-map-sections>span{flex:0 0 auto;display:flex;flex-direction:column;gap:1px;padding:5px 8px;border:1px solid rgba(220,179,108,.16);background:#0d1211}.tracking-song-map-sections b{font-size:8px;color:#d5c4a7}.tracking-song-map-sections small{font-size:7px;color:#7f7a6f}
.room-hud[data-room="writing"] .room-id{top:98px;right:28px;left:auto;width:270px;padding:10px 12px;background:rgba(16,12,7,.48);backdrop-filter:blur(8px);border-right:2px solid #dcb36c;text-align:right}
.room-hud[data-room="writing"] .room-id h1{font-size:25px;margin:5px 0 6px}.room-hud[data-room="writing"] .room-id p{font-size:10px;line-height:1.4}.room-hud[data-room="writing"] .room-tools{display:none}
.room-hud[data-room="writing"] .crew-note{display:none}
@media(max-width:1000px){.writing-console{width:68vw}.writing-song-grid{grid-template-columns:1.5fr 80px 75px 75px}.writing-song-grid label:last-child{grid-column:4}.writing-section-meta{grid-template-columns:1fr 70px}.writing-section-meta label:nth-child(3){grid-column:1/-1}}
@media(max-width:760px){.writing-console{left:10px;right:10px;top:310px;width:auto;max-height:calc(100vh - 385px)}.writing-song-grid{grid-template-columns:1fr 1fr}.writing-harmony{grid-template-columns:1fr}.writing-section-meta{grid-template-columns:1fr 70px}.writing-footer{grid-template-columns:1fr 1fr}.writing-footer>span{grid-column:1/-1}.room-hud[data-room="writing"] .room-id{left:10px;right:10px;width:auto;text-align:left}}


/* v6.8.0 — Unison bridge: canonical INK embedded in the 3D Warehouse */
.ink-portal{left:28px;right:28px;top:88px;width:auto;max-height:none;height:calc(100vh - 174px);padding:10px;overflow:hidden;background:rgba(7,8,7,.92)}
.ink-portal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 9px}
.ink-portal-head>span{display:flex;flex-direction:column;gap:3px}.ink-portal-head small{font-size:8px;letter-spacing:.18em;color:#dcb36c}.ink-portal-head b{font-size:14px}
.ink-portal-actions{display:flex;align-items:center;gap:7px}.ink-portal-actions>span{font-size:8px;color:#9a8b72;padding:7px 9px;border:1px solid rgba(220,179,108,.2);background:#0e0d0a}
.ink-portal-actions>span[data-tone="synced"]{color:#9ff2d7;border-color:rgba(100,241,202,.38)}.ink-portal-actions>span[data-tone="ready"]{color:#e5c98f}
.ink-portal-actions button{border:1px solid rgba(220,179,108,.28);background:#dcb36c0d;color:#ead6af;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.ink-portal-frame-wrap{height:calc(100% - 82px);border:1px solid rgba(220,179,108,.2);background:#050606;overflow:hidden}.ink-portal iframe{display:block;width:100%;height:100%;border:0;background:#080a09}
.ink-portal-foot{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 3px 0;color:#8f887b;font-size:8px}.ink-portal-foot>span:first-child{display:flex;flex-direction:column;gap:2px}.ink-portal-foot small{font-size:7px;letter-spacing:.16em;color:#9a8b72}.ink-portal-foot b{font-size:9px;color:#c9bda8}.ink-portal-foot strong{color:#dcb36c}
.room-hud[data-room="writing"] .room-id{display:none}.room-hud[data-room="writing"] .room-tools{display:none}
@media(max-width:760px){.ink-portal{left:8px;right:8px;top:82px;height:calc(100vh - 155px)}.ink-portal-head{align-items:flex-start;flex-direction:column}.ink-portal-actions{width:100%;flex-wrap:wrap}.ink-portal-actions>span{flex:1}.ink-portal-frame-wrap{height:calc(100% - 126px)}.ink-portal-foot{display:none}}

/* v6.9.0 — PIPES consumes INK v4.1.2 timing + audio manifest */
.tracking-song-section-rich{min-width:168px}
.tracking-song-section-rich small{max-width:158px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracking-song-section-rich [data-chords]{color:#bda986}
.tracking-song-section-rich [data-timing]{color:#6f8f86}
.tracking-ink-assets{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.07)}
.tracking-ink-assets-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.tracking-ink-assets-head>span{display:flex;flex-direction:column;gap:2px}
.tracking-ink-assets-head small{font-size:7px;letter-spacing:.16em;color:#64f1ca}
.tracking-ink-assets-head b{font-size:9px;color:#c9d8d3}
.tracking-ink-assets-head em{font-style:normal;font-size:7px;color:#71847e}
.tracking-ink-asset-list{display:grid;gap:5px;margin-top:6px}
.tracking-ink-asset{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px;align-items:center;padding:6px 7px;border:1px solid rgba(100,241,202,.12);background:rgba(5,14,15,.66)}
.tracking-ink-asset>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.tracking-ink-asset b{font-size:8px;color:#dce8e4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracking-ink-asset small{font-size:7px;color:#70827c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tracking-ink-asset button{border:1px solid rgba(100,241,202,.28);background:#64f1ca0c;color:#9ee8d1;padding:6px 7px;font-size:7px;font-weight:800;cursor:pointer}
.tracking-ink-asset button:disabled{opacity:.45;cursor:default}

/* v6.10.0 — canonical HIGH-DEA portal */
.highdea-portal{position:absolute;z-index:27;left:28px;right:28px;top:88px;width:auto;height:calc(100vh - 174px);padding:10px;border:1px solid rgba(142,131,255,.32);background:rgba(7,8,13,.94);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.42);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .22s,transform .22s,visibility .22s;overflow:hidden}
.highdea-portal.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.highdea-portal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 9px}
.highdea-portal-head>span{display:flex;flex-direction:column;gap:3px}.highdea-portal-head small{font-size:8px;letter-spacing:.18em;color:#b9b2ff}.highdea-portal-head b{font-size:14px}
.highdea-portal-actions{display:flex;align-items:center;gap:7px}.highdea-portal-actions>span{font-size:8px;color:#918ba8;padding:7px 9px;border:1px solid rgba(142,131,255,.22);background:#0c0c14}
.highdea-portal-actions>span[data-tone="synced"]{color:#9ff2d7;border-color:rgba(100,241,202,.38)}.highdea-portal-actions>span[data-tone="ready"]{color:#c9c3ff}
.highdea-portal-actions button{border:1px solid rgba(142,131,255,.3);background:#8e83ff10;color:#d7d3ff;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.highdea-portal-frame-wrap{height:calc(100% - 82px);border:1px solid rgba(142,131,255,.2);background:#050509;overflow:hidden}.highdea-portal iframe{display:block;width:100%;height:100%;border:0;background:#080912}
.highdea-portal-foot{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 3px 0;color:#89859a;font-size:8px}.highdea-portal-foot>span:first-child{display:flex;flex-direction:column;gap:2px}.highdea-portal-foot small{font-size:7px;letter-spacing:.16em;color:#928cab}.highdea-portal-foot b{font-size:9px;color:#c9c5d8}.highdea-portal-foot strong{color:#b9b2ff}
.room-hud[data-room="instruments"] .room-id,.room-hud[data-room="instruments"] .room-tools,.room-hud[data-room="instruments"] .crew-note{display:none}
@media(max-width:760px){.highdea-portal{left:8px;right:8px;top:82px;height:calc(100vh - 155px)}.highdea-portal-head{align-items:flex-start;flex-direction:column}.highdea-portal-actions{width:100%;flex-wrap:wrap}.highdea-portal-actions>span{flex:1}.highdea-portal-frame-wrap{height:calc(100% - 126px)}.highdea-portal-foot{display:none}}

/* v6.11.0 — canonical MixForge portal */
.mixforge-portal{position:absolute;z-index:28;left:28px;right:28px;top:88px;width:auto;height:calc(100vh - 174px);padding:10px;border:1px solid rgba(104,184,255,.34);background:rgba(7,10,14,.95);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.44);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .22s,transform .22s,visibility .22s;overflow:hidden}
.mixforge-portal.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.mixforge-portal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 9px}
.mixforge-portal-head>span{display:flex;flex-direction:column;gap:3px}.mixforge-portal-head small{font-size:8px;letter-spacing:.18em;color:#68b8ff}.mixforge-portal-head b{font-size:14px}
.mixforge-portal-actions{display:flex;align-items:center;gap:7px}.mixforge-portal-actions>span{font-size:8px;color:#93a7b4;padding:7px 9px;border:1px solid rgba(104,184,255,.22);background:#0a1017}
.mixforge-portal-actions>span[data-tone="synced"]{color:#9ff2d7;border-color:rgba(100,241,202,.38)}.mixforge-portal-actions>span[data-tone="ready"]{color:#b9dcf1}.mixforge-portal-actions>span[data-tone="error"]{color:#ffaaa8;border-color:rgba(255,120,120,.36)}
.mixforge-portal-actions button{border:1px solid rgba(104,184,255,.3);background:#68b8ff10;color:#cde9fb;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.mixforge-portal-frame-wrap{height:calc(100% - 82px);border:1px solid rgba(104,184,255,.2);background:#07090c;overflow:hidden}.mixforge-portal iframe{display:block;width:100%;height:100%;border:0;background:#0d0f12}
.mixforge-portal-foot{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 3px 0;color:#8396a2;font-size:8px}.mixforge-portal-foot>span:first-child{display:flex;flex-direction:column;gap:2px}.mixforge-portal-foot small{font-size:7px;letter-spacing:.16em;color:#7298b0}.mixforge-portal-foot b{font-size:9px;color:#cbd7dd}
.room-hud[data-room="mix"] .room-id,.room-hud[data-room="mix"] .room-tools{display:none}
@media(max-width:760px){.mixforge-portal{left:8px;right:8px;top:82px;height:calc(100vh - 155px)}.mixforge-portal-head{align-items:flex-start;flex-direction:column}.mixforge-portal-actions{width:100%;flex-wrap:wrap}.mixforge-portal-actions>span{flex:1}.mixforge-portal-frame-wrap{height:calc(100% - 126px)}.mixforge-portal-foot{display:none}}

/* v6.12.0 — canonical native AuraStudio portal */
.aurastudio-portal{position:absolute;z-index:29;left:28px;right:28px;top:88px;width:auto;height:calc(100vh - 174px);padding:10px;border:1px solid rgba(243,119,162,.34);background:rgba(8,8,13,.95);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.44);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .22s,transform .22s,visibility .22s;overflow:hidden}
.aurastudio-portal.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.aurastudio-portal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 9px}
.aurastudio-portal-head>span{display:flex;flex-direction:column;gap:3px}.aurastudio-portal-head small{font-size:8px;letter-spacing:.18em;color:#f49bb8}.aurastudio-portal-head b{font-size:14px}
.aurastudio-portal-actions{display:flex;align-items:center;gap:7px}.aurastudio-portal-actions>span{font-size:8px;color:#a68c95;padding:7px 9px;border:1px solid rgba(243,119,162,.22);background:#100b0f}
.aurastudio-portal-actions>span[data-tone="synced"]{color:#9ff2d7;border-color:rgba(100,241,202,.38)}.aurastudio-portal-actions>span[data-tone="ready"]{color:#ffd0df}.aurastudio-portal-actions>span[data-tone="error"]{color:#ffaaa8;border-color:rgba(255,120,120,.36)}
.aurastudio-portal-actions button{border:1px solid rgba(243,119,162,.3);background:#f377a210;color:#ffd6e3;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.aurastudio-portal-frame-wrap{height:calc(100% - 82px);border:1px solid rgba(243,119,162,.2);background:#08080c;overflow:hidden}.aurastudio-portal iframe{display:block;width:100%;height:100%;border:0;background:#0b0b10}
.aurastudio-portal-foot{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 3px 0;color:#9a858d;font-size:8px}.aurastudio-portal-foot>span:first-child{display:flex;flex-direction:column;gap:2px}.aurastudio-portal-foot small{font-size:7px;letter-spacing:.16em;color:#b78395}.aurastudio-portal-foot b{font-size:9px;color:#e5cbd4}.aurastudio-portal-foot strong{color:#f7aac4}
.room-hud[data-room="studio"] .room-id,.room-hud[data-room="studio"] .room-tools{display:none}
@media(max-width:760px){.aurastudio-portal{left:8px;right:8px;top:82px;height:calc(100vh - 155px)}.aurastudio-portal-head{align-items:flex-start;flex-direction:column}.aurastudio-portal-actions{width:100%;flex-wrap:wrap}.aurastudio-portal-actions>span{flex:1}.aurastudio-portal-frame-wrap{height:calc(100% - 126px)}.aurastudio-portal-foot{display:none}}

/* v6.14.0 — canonical Release Forge portal */
.releaseforge-portal{position:absolute;z-index:30;left:28px;right:28px;top:88px;width:auto;height:calc(100vh - 174px);padding:10px;border:1px solid rgba(240,147,85,.34);background:rgba(10,8,7,.96);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .22s,transform .22s,visibility .22s;overflow:hidden}
.releaseforge-portal.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.releaseforge-portal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 9px}
.releaseforge-portal-head>span{display:flex;flex-direction:column;gap:3px}.releaseforge-portal-head small{font-size:8px;letter-spacing:.18em;color:#f0a06d}.releaseforge-portal-head b{font-size:14px}
.releaseforge-portal-actions{display:flex;align-items:center;gap:7px}.releaseforge-portal-actions>span{font-size:8px;color:#b29b8d;padding:7px 9px;border:1px solid rgba(240,147,85,.22);background:#130d09}.releaseforge-portal-actions>span[data-tone="synced"]{color:#9ff2d7;border-color:rgba(100,241,202,.38)}.releaseforge-portal-actions>span[data-tone="error"]{color:#ffaaa8}
.releaseforge-portal-actions button{border:1px solid rgba(240,147,85,.3);background:#f0935510;color:#f3c2a2;padding:7px 9px;font-size:8px;font-weight:800;cursor:pointer}
.releaseforge-portal-frame-wrap{height:calc(100% - 82px);border:1px solid rgba(240,147,85,.2);background:#080706;overflow:hidden}.releaseforge-portal iframe{display:block;width:100%;height:100%;border:0;background:#080808}
.releaseforge-portal-foot{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:8px 3px 0;color:#9a887d;font-size:8px}.releaseforge-portal-foot>span:first-child{display:flex;flex-direction:column;gap:2px}.releaseforge-portal-foot small{font-size:7px;letter-spacing:.16em;color:#b78b6e}.releaseforge-portal-foot b{font-size:9px;color:#d8cbc4}
@media(max-width:760px){.releaseforge-portal{left:8px;right:8px;top:82px;height:calc(100vh - 155px)}.releaseforge-portal-head{align-items:flex-start;flex-direction:column}.releaseforge-portal-actions{width:100%;flex-wrap:wrap}.releaseforge-portal-actions>span{flex:1}.releaseforge-portal-frame-wrap{height:calc(100% - 126px)}.releaseforge-portal-foot{display:none}}

/* v6.15.0 — automatic PIPES take video */
.tracking-video-state{padding:6px 8px;border:1px solid rgba(255,255,255,.12);font-size:7px;font-weight:800;letter-spacing:.08em;color:#82908c;background:#0a0d12}
.tracking-video-state[data-state="recording"]{color:#ffaaa8;border-color:rgba(255,112,112,.44);background:rgba(255,70,70,.08)}
.tracking-video-state[data-state="saved"]{color:#9ee8d1;border-color:rgba(100,241,202,.35)}
.tracking-video-state[data-state="error"]{color:#ff9a9a;border-color:rgba(255,110,110,.35)}

/* v6.16.0 — canonical Release Forge Crew portal */
.crew-canonical{position:absolute;z-index:29;left:28px;right:28px;top:88px;height:calc(100vh - 174px);padding:10px;border:1px solid rgba(100,241,202,.3);background:rgba(7,11,12,.95);backdrop-filter:blur(16px);box-shadow:0 24px 70px rgba(0,0,0,.44);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .22s,transform .22s,visibility .22s;overflow:hidden}
.crew-canonical.open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.crew-canonical-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px 2px 9px}.crew-canonical-head>span{display:flex;flex-direction:column;gap:3px}.crew-canonical-head small{font-size:8px;letter-spacing:.18em;color:#64f1ca}.crew-canonical-head b{font-size:14px}
.crew-canonical-actions{display:flex;align-items:center;gap:7px}.crew-canonical-actions>span{font-size:8px;padding:7px 9px;border:1px solid rgba(100,241,202,.2);color:#91aaa2}.crew-canonical-actions>span[data-tone="synced"]{color:#9ff2d7;border-color:rgba(100,241,202,.4)}.crew-canonical-actions button,.crew-canonical-fallback button{border:1px solid rgba(100,241,202,.3);background:#64f1ca12;color:#c9f7e9;padding:8px 10px;font-size:8px;font-weight:900;cursor:pointer}.crew-canonical-actions button:disabled{opacity:.35;cursor:default}
.crew-canonical-frame-wrap{height:calc(100% - 82px);border:1px solid rgba(100,241,202,.16);background:#05090a;overflow:hidden}.crew-canonical-frame-wrap.hidden{display:none}.crew-canonical iframe{display:block;width:100%;height:100%;border:0;background:#080b0c}
.crew-canonical-fallback{height:calc(100% - 82px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;border:1px dashed rgba(100,241,202,.18);text-align:center;padding:30px}.crew-canonical-fallback.hidden{display:none}.crew-canonical-fallback>span{display:flex;flex-direction:column;gap:8px;max-width:620px}.crew-canonical-fallback small{font-size:8px;letter-spacing:.18em;color:#7aa99b}.crew-canonical-fallback b{font-size:13px;line-height:1.55;color:#cbd7d3}
.crew-canonical-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:8px 3px 0;color:#7f918b;font-size:8px}.crew-canonical-foot>span:first-child{display:flex;flex-direction:column;gap:2px}.crew-canonical-foot small{font-size:7px;letter-spacing:.16em;color:#72a999}.crew-canonical-foot b{font-size:9px;color:#c4d2cd}
.crew-canonical.open ~ .crew-note{display:none}
@media(max-width:760px){.crew-canonical{left:8px;right:8px;top:82px;height:calc(100vh - 155px)}.crew-canonical-head{align-items:flex-start;flex-direction:column}.crew-canonical-actions{width:100%}.crew-canonical-frame-wrap,.crew-canonical-fallback{height:calc(100% - 126px)}.crew-canonical-foot{display:none}}

/* v6.18.1 canonical 3D building loader */
.world-load{position:absolute;z-index:12;left:50%;bottom:66px;transform:translateX(-50%);font:600 10px/1 "JetBrains Mono",Menlo,monospace;letter-spacing:.22em;color:#dcb36c;pointer-events:none;text-shadow:0 2px 12px #000;transition:opacity .5s}.world-load.done{opacity:0}

/* v6.19.0 VR mode */
.vr-btn{margin-right:8px;border-color:#dcb36c!important;color:#dcb36c!important;letter-spacing:.12em;font-weight:700}.vr-btn[hidden]{display:none}

/* v6.21.0 — canonical Pipe Dream Catalogue surface */
.catalogue-panel{position:fixed;inset:64px 18px 18px;z-index:80;display:none;flex-direction:column;background:#0a0f14;border:1px solid rgba(214,170,98,.32);border-radius:18px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.58)}
.catalogue-panel.open{display:flex}.catalogue-panel-head{height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:rgba(16,25,34,.98);border-bottom:1px solid rgba(255,255,255,.09)}
.catalogue-panel-head span{display:flex;flex-direction:column;gap:2px}.catalogue-panel-head small{font-size:10px;letter-spacing:.14em;color:#d6aa62}.catalogue-panel-head b{font-size:15px}.catalogue-panel-head button{width:40px;height:40px;border-radius:10px;font-size:24px}.catalogue-panel iframe{width:100%;height:100%;border:0;background:#0a0f14}
@media(max-width:700px){.catalogue-panel{inset:58px 6px 6px;border-radius:12px}.catalogue-panel-head b{font-size:13px}}

/* Premium finish — readable chrome over the canonical building */
:root{--ink:#f4efe6;--muted:#b7aea3;--sea:#9fe7d2;--amber:#e0b56a}
html,body{font-family:"Outfit",Inter,ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:rgba(224,181,106,.35)}
button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}
.hud{height:84px;padding:16px 24px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:12px;align-items:center;background:linear-gradient(180deg,rgba(8,7,6,.92),rgba(8,7,6,.55) 70%,transparent)}
.pd-mark{width:42px;height:42px;border-radius:12px;border-color:rgba(224,181,106,.45);color:var(--amber);font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-weight:560;letter-spacing:0}
.brand b{font-family:"Outfit",sans-serif;font-size:12px;font-weight:600;letter-spacing:.22em}
.brand small,.song small{font-size:10px;letter-spacing:.16em;color:var(--muted)}
.song{position:static;left:auto;transform:none;justify-self:center;max-width:min(420px,46vw);padding:8px 14px 8px 12px;border-radius:999px;border-color:rgba(255,255,255,.1);background:rgba(12,10,8,.62)}
.song b{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-size:15px;font-weight:520;letter-spacing:-.02em;max-width:34vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hud-button,.hall-btn{border-radius:999px;padding:10px 16px;font-size:13px;font-weight:560;letter-spacing:.02em;background:rgba(12,10,8,.45);backdrop-filter:blur(12px)}
.hud-button:hover,.hall-btn:hover{border-color:rgba(224,181,106,.5);color:#fff8ec}
.hall-prompt{top:12%}
.hall-prompt span{font-size:11px;letter-spacing:.22em}
.hall-prompt b{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-size:28px;font-weight:520;letter-spacing:-.03em;margin-top:8px}
.hall-prompt small{font-size:13px;color:#d9cfc2;margin-top:6px}
.hover-label{border-radius:14px;padding:12px 14px;min-width:190px}
.hover-label b{font-size:13px;letter-spacing:.08em}
.hover-label small{font-size:11px;margin-top:4px}
.floor-progress{font-size:10px;letter-spacing:.16em;color:#8d847a}
.room-id h1,.transition-title b{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-weight:520;letter-spacing:-.03em}
.room-id p{font-size:13px;line-height:1.5}
.room-tools span{font-size:11px;letter-spacing:.08em;padding:8px 11px}
.crew-note{border-radius:16px;padding:14px 16px}
.crew-note small{font-size:10px}
.crew-note b{font-size:14px;font-weight:500}
.crew-note button{border-radius:999px;font-size:13px}
.map-panel{border-radius:18px;padding:18px;width:360px}
.map-head{font-size:12px;letter-spacing:.14em}
.map-rooms button{border-radius:12px;padding:14px;font-size:13px}
.map-rooms button small{font-size:11px;margin-top:6px}
.transition-title b{font-size:22px;letter-spacing:.04em}
.catalogue-panel{border-radius:22px;border-color:rgba(224,181,106,.28);background:#0c0a08;box-shadow:0 30px 90px rgba(0,0,0,.62)}
.catalogue-panel-head{height:64px;padding:12px 16px;background:rgba(22,19,15,.96)}
.catalogue-panel-head small{font-size:11px;letter-spacing:.14em}
.catalogue-panel-head b{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-size:18px;font-weight:520}
.catalogue-panel-head button{border-radius:999px;font-size:22px}
.ink-portal-head small,.highdea-portal-head small,.mixforge-portal-head small,.aurastudio-portal-head small,.releaseforge-portal-head small,.crew-canonical-head small{font-size:10px;letter-spacing:.14em}
.ink-portal-head b,.highdea-portal-head b,.mixforge-portal-head b,.aurastudio-portal-head b,.releaseforge-portal-head b,.crew-canonical-head b{font-family:"Fraunces","Iowan Old Style",Georgia,serif;font-size:16px;font-weight:520}
.ink-portal-actions button,.highdea-portal-actions button,.mixforge-portal-actions button,.aurastudio-portal-actions button,.releaseforge-portal-actions button,.crew-canonical-actions button,.crew-canonical-fallback button{font-size:12px;padding:8px 12px;border-radius:999px}
.ink-portal-actions>span,.highdea-portal-actions>span,.mixforge-portal-actions>span,.aurastudio-portal-actions>span,.releaseforge-portal-actions>span,.crew-canonical-actions>span{font-size:11px;border-radius:999px}
.world-load{font-family:"Outfit",sans-serif;font-size:11px;letter-spacing:.18em}