:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f4eadc;--muted:#cbbba6;--amber:#e6a15a;--amber-dim:#e6a15a38;--line:#f4eadc29;--panel:#16110eeb;--wood-a:#8a5a34;--wood-b:#4a2d1c;--inspector-span:min(460px, 42vw);font-family:Avenir Next,PingFang SC,Songti SC,Iowan Old Style,serif}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--ink);background:#0c0b0a;margin:0}button,input{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:.35rem .75rem}button[aria-pressed=true]{color:var(--amber);border-color:var(--amber);background:#e6a15a29}.app{grid-template-rows:auto minmax(0,1fr) auto auto;height:100%;display:grid}.topbar{justify-content:space-between;align-items:end;padding:.85rem 1.4rem .4rem;display:flex}.topbar h1{letter-spacing:.04em;margin:0;font-size:1.55rem;font-weight:560}.eyebrow,.version,.hint,.warn,legend{color:var(--muted)}.eyebrow{letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:.72rem}.version{font-variant-numeric:tabular-nums;margin:0}main{min-height:0;position:relative}.viewport{perspective:1600px;position:absolute;inset:0 0 2.2rem;overflow:hidden;container-type:size}.viewport[data-focused=yes]{filter:saturate(.7)brightness(.72)}.floor{aspect-ratio:1200/780;background:#4a2d1c;border-radius:28px;width:min(94cqw,138.462cqh);transition:left .35s,width .35s;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 28px 64px #0000006b,inset 0 0 70px #00000024,inset 0 0 0 1px #ffdcb433}.floor-art{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.floor[data-tone=light]{box-shadow:0 28px 64px #00000052,inset 0 0 70px #00000014,inset 0 0 0 1px #ffffff8c}.floor[data-tone=light] .cable.audio[data-active=no],.floor[data-tone=mid] .cable.audio[data-active=no]{stroke:#24201c61}.floor[data-tone=light] .cable.control,.floor[data-tone=mid] .cable.control{stroke:#3d5674}.floor[data-tone=light] .cable.file,.floor[data-tone=mid] .cable.file{stroke:#3e6842}.solid-stage{position:absolute;inset:0}.solid-stage canvas{display:block}.orbit-help{z-index:3;color:#f6efe6;text-shadow:0 1px 4px #0009;flex-wrap:wrap;align-items:center;gap:.4rem;max-width:28rem;font-size:.78rem;display:flex;position:absolute;top:.75rem;left:.85rem}.orbit-help button{background:#100d0bd1}.cables{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.cable{fill:none;stroke-linecap:round;stroke-width:3px}.cable.audio[data-active=no]{stroke:#fff4e629;stroke-dasharray:2 10}.cable.audio[data-active=yes]{stroke:var(--amber);stroke-width:4.5px;filter:drop-shadow(0 0 5px #e6a15acc)}.cable.control{stroke:#93a9c2;stroke-dasharray:8 7;stroke-width:2.5px}.cable.file{stroke:#8eae86;stroke-dasharray:1 8;stroke-width:2.5px}.unit{left:var(--x);top:var(--y);width:var(--w);height:var(--h);z-index:var(--z);cursor:pointer;position:absolute;container-type:inline-size}.unit-body{left:var(--fx);top:var(--fy);width:var(--fw);height:var(--fh);background:#171310;border:1px solid #ffecd62e;border-radius:10px;flex-direction:column;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 18px #00000047}.face{position:absolute;inset:0}.face>img,.face>.glyph,.face>.rear{width:100%;height:100%;position:absolute;inset:0}.unit[data-selected=yes] .unit-body{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 12px 24px #00000059}.unit[data-focused=yes] .unit-body{outline:2px solid #fff4e4}.unit-body img{object-fit:contain;background:#161310;width:100%;height:100%;display:block}.unit-foot{z-index:3;background:#0c0907e6;align-items:center;gap:.25rem;min-height:1.7rem;padding:.16rem .28rem;display:flex;position:absolute;bottom:0;left:0;right:0}.nameplate{flex:auto;gap:.28rem;min-width:0;font-size:.68rem;line-height:1.15;display:flex}.nameplate em,.nameplate span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nameplate em{color:var(--amber);font-style:normal;display:none}.hotspots{z-index:3;flex-wrap:nowrap;align-items:center;gap:.18rem;min-width:0;max-width:68%;display:flex;position:static}.hotspots button{white-space:nowrap;background:#ffffff0f;min-width:1.35rem;min-height:1.35rem;padding:.05rem .35rem;font-size:.72rem}.hotspots button[aria-pressed=true]{color:var(--amber);border-color:var(--amber);background:#e6a15a33}.hotspots label{min-width:0;color:var(--muted);white-space:nowrap;align-items:center;gap:.2rem;font-size:.62rem;display:flex}.inline-keys{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.inline-keys button{min-width:3rem;min-height:2.15rem;padding:.35rem .85rem}.key-label{color:var(--muted);margin-right:.15rem;font-size:.75rem}.inspector .inline-keys{margin-top:.85rem}.inspector-head{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.inspector-head h2{margin-top:.1rem}.back-overview{background:0 0;flex:none;padding:.4rem .9rem;font-size:.88rem}.hotspots input[type=range]{width:3.6rem;min-width:2.4rem}.transport-mark{z-index:4;pointer-events:none;position:absolute;top:.28rem;left:50%;transform:translate(-50%)}.transport-mark.play{filter:drop-shadow(0 0 6px #3dff7a);border:.38rem solid #0000;border-left:.62rem solid #3dff7a;border-right-width:0;width:0;height:0}.transport-mark.stop{background:#e23b3b;width:.62rem;height:.62rem;box-shadow:0 0 8px #e23b3b}.glyph{text-align:center;background:linear-gradient(#fff4e614,#0000 40%),#221c17;place-items:center;height:100%;padding:.4rem;display:grid}.glyph strong{font-size:.72rem}.glyph-dongle:before{content:"CS43198\a SA9312\a SABRE9603Q";white-space:pre;letter-spacing:.04em;color:var(--amber);font-size:.58rem}.glyph-nas{background:repeating-linear-gradient(#2c2620 0 16px,#1a1613 16px 22px)}.rear{background:#14110f;height:100%;padding:.35rem;overflow:auto}.rear.compact{padding:.35rem .4rem 1.35rem;font-size:.72rem;line-height:1.25;overflow:hidden}.rear.compact li{justify-content:space-between;gap:.35rem;display:flex}.rear img{object-fit:contain;background:#0e0c0b;width:100%;max-height:46%}.rear ul{gap:.25rem;margin:.3rem 0 0;padding:0;list-style:none;display:grid}.rear li{grid-template-columns:auto 1fr auto;align-items:baseline;gap:.35rem;display:grid}.rear li[data-used=no]{opacity:.55}.rear em{color:var(--amber);font-size:.68rem;font-style:normal}.rear li[data-used=no] em{color:var(--muted)}.legend{color:var(--muted);gap:.8rem;margin:0;padding:0;font-size:.75rem;list-style:none;display:flex;position:absolute;bottom:.2rem;left:1rem}.legend li:before{content:"";border-top:3px solid var(--amber);vertical-align:middle;width:1.1rem;height:0;margin-right:.35rem;display:inline-block}.legend li[data-kind=control]:before{border-top-style:dashed;border-top-color:#93a9c2}.legend li[data-kind=file]:before{border-top-style:dotted;border-top-color:#8eae86}.inspector{width:var(--inspector-span);z-index:5;background:#100d0bf0;border:1px solid #ffe2c429;border-radius:18px;max-height:calc(100% - 3rem);padding:.9rem;position:absolute;top:.6rem;right:.8rem;overflow:auto;box-shadow:0 18px 50px #0006}.inspector-copy p{color:var(--amber);letter-spacing:.08em;margin:0}.inspector-copy h2{margin:.15rem 0 .6rem;font-size:1.35rem}.face-switch{flex-wrap:wrap;gap:.35rem;display:flex}.tilt{margin-top:.8rem}.cube-face{background:#1b1612;border:1px solid #ffe8ce29;border-radius:14px;min-height:240px;display:none;overflow:auto}.cube.face-front .cube-face.front,.cube.face-rear .cube-face.back{display:block}.cube-face img{object-fit:contain;background:#0e0c0a;width:100%;height:210px}.panel{background:var(--panel);border-top:1px solid var(--line);gap:.55rem;padding:.7rem 1rem 2.8rem;display:grid}.panel[data-collapsed=yes]{padding-bottom:2.6rem}.panel-status{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.panel-toggle{color:var(--amber);border-color:var(--amber);flex:none}.panel-status p{margin:.1rem 0}.panel-status .warn{color:#f0c27a}.watching{align-items:center;gap:.7rem;display:flex}.panel-controls{flex-wrap:wrap;align-items:end;gap:.7rem 1.1rem;display:flex}fieldset{border:0;flex-wrap:wrap;gap:.35rem;max-width:28rem;margin:0;padding:0;display:flex}legend{width:100%;padding:0;font-size:.72rem}input[type=range]{accent-color:var(--amber)}.panel select{border:1px solid var(--line);min-height:2.1rem;color:inherit;font:inherit;background:#241c16;border-radius:999px;padding:.25rem .7rem}@media (width>=901px){.unit-foot{gap:1.2cqi;min-height:0;padding:1cqi 1.4cqi}.nameplate{font-size:clamp(10px,7.2cqi,13px)}.hotspots{flex:0 auto;gap:.7cqi;max-width:70%}.hotspots button{background:#ffffff1a;min-width:0;height:clamp(16px,12cqi,24px);min-height:0;padding:0 .4em;font-size:clamp(10px,6.6cqi,12px);line-height:1}.hotspots label{font-size:clamp(10px,6.2cqi,12px)}.hotspots input[type=range]{width:clamp(36px,22cqi,68px);min-width:0;height:clamp(12px,7cqi,16px)}.viewport[data-focused=yes]{filter:none}.viewport[data-focused=yes] .floor{left:calc((100% - var(--inspector-span) - 1.6rem) / 2);width:min(calc(100% - var(--inspector-span) - 2.2rem), calc(90cqh * 1200 / 780))}}@media (width<=900px){.inspector{width:auto;left:.6rem}.viewport{overflow:auto}.floor{aspect-ratio:auto;grid-template-columns:1fr;gap:.7rem;width:auto;height:auto;margin:.7rem;padding:.7rem;display:grid;position:relative;top:auto;left:auto;transform:none}.cables{display:none}.unit{z-index:auto;width:auto;height:auto;position:relative;top:auto;left:auto}.unit-body{width:100%;height:auto;min-height:8.5rem;position:relative;top:auto;left:auto}.face{aspect-ratio:16/9;flex:none;position:relative;inset:auto}.unit-foot{flex-direction:column;align-items:stretch;gap:.4rem;padding:.45rem .55rem .55rem;position:static}.nameplate em{display:block}.nameplate{flex-direction:column;gap:.05rem;font-size:.82rem}.hotspots{gap:.4rem;width:100%;max-width:none}.hotspots button{flex:1 1 0;min-height:2.4rem;font-size:.95rem}.hotspots label{flex:auto;font-size:.82rem}.hotspots input[type=range]{flex:1;width:auto}}@media (width>=560px) and (width<=900px){.floor{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion:reduce){.cube,.floor{transition:none;animation:none}}.lang-switch{z-index:40;gap:.3rem;display:flex;position:fixed;bottom:.55rem;right:.75rem}.lang-switch button{color:#f4eadf;background:#14100deb;border:1px solid #e6a15a73;min-height:1.8rem;padding:.15rem .55rem;font-size:.78rem}.lang-switch button[aria-pressed=true]{color:var(--amber);border-color:var(--amber);background:#e6a15a29}.login{place-items:center;min-height:100%;padding:1.5rem;display:grid}.login-card{border:1px solid var(--line);background:#16110ef0;border-radius:1rem;gap:.7rem;width:min(24rem,100%);padding:1.4rem 1.3rem 1.2rem;display:grid}.login-card h1{margin:0;font-size:1.55rem;font-weight:560}.login-lead,.login-error{margin:0}.login-error{color:#f0c27a}.login-card label{color:var(--muted);gap:.3rem;font-size:.85rem;display:grid}.login-card input{border:1px solid var(--line);color:var(--ink);background:#0c0b0a;border-radius:.55rem;padding:.55rem .7rem}.login-card button[type=submit]{color:#f4eadf;justify-self:start;min-height:2.2rem}.site-notice{border-top:1px solid var(--line);max-height:9.5rem;color:var(--muted);background:#100e0c;padding:.35rem 1.4rem .45rem;font-size:.82rem;line-height:1.45;overflow:auto}.site-notice summary{cursor:pointer;color:var(--ink);width:fit-content}.site-notice p,.site-notice ul{margin:.45rem 0 0}.site-notice ul{padding-left:1.1rem}.site-notice a{color:var(--amber)}