:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e5eeeb;background:#101a24;font:14px/1.5 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}header{justify-content:space-between;align-items:end;gap:24px;max-width:1920px;margin:auto;padding:24px 28px 20px;display:flex}.eyebrow{color:#83d8c4;letter-spacing:.15em;font-size:11px}h1{letter-spacing:.04em;margin:5px 0;font-size:26px}p{margin:6px 0}.note{color:#9eb5bd;font-size:12px}.selection{flex-wrap:wrap;align-items:end;gap:12px;display:flex}label{color:#afc3c9;gap:4px;font-size:12px;display:grid}button,select,input,textarea{font:inherit}button,select,input[type=number]{color:#e5eeeb;background:#223542;border:1px solid #3e5563;border-radius:7px;min-height:36px;padding:6px 10px}button{cursor:pointer}button:hover{background:#304958}button:disabled{cursor:default;opacity:.45}button[aria-pressed=true],.primary{background:#2f675e;border-color:#62b7a4}.check{align-items:center;gap:7px;display:flex}.check input{accent-color:#7bd6be;width:16px;height:16px}select{width:100%;max-width:100%}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline-offset:3px;outline:2px solid #88ecd0}main{grid-template-columns:minmax(0,1fr) 300px;gap:18px;max-width:1920px;margin:auto;padding:0 28px;display:grid}.preview-area{min-width:0}.preview-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.segmented{gap:3px;display:flex}.preview-toolbar .note{flex:1;min-width:180px}#viewport{background:#172a36;border:1px solid #3a5362;border-radius:12px;min-width:0;height:clamp(380px,65vh,860px);position:relative;overflow:hidden}#screen{touch-action:none;width:100%;height:100%;display:block}#labels{pointer-events:none;grid-template-columns:1fr 1fr;gap:16px;display:grid;position:absolute;inset:12px 12px auto}#labels>div{white-space:pre-line;background:#0d1b27d9;border:1px solid #425d6a;border-radius:8px;justify-self:start;max-width:90%;padding:8px 10px;font-size:12px}#labels.single{grid-template-columns:1fr}#labels.single #discharge-label,#labels.single.pane-b #rush-label{display:none}#labels.single.pane-b #discharge-label{display:block}#single-pane{width:150px}#labels.stacked{grid-template-rows:1fr 1fr;grid-template-columns:1fr;height:100%}#labels.stacked>div{align-self:start}#error{color:#fff;background:#522b2d;padding:20px;position:absolute;inset:20px}aside{align-content:start;gap:12px;display:grid}.panel{background:#15232e;border:1px solid #314650;border-radius:10px;gap:10px;padding:14px;display:grid}h2{letter-spacing:.07em;color:#c9ddd9;margin:0 0 2px;font-size:13px}.guide-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}#boss-controls,#actor-controls,.motion-selection{gap:10px;display:grid}.playback #motion-controls{background:0 0;border:0;border-radius:0;gap:0;margin-bottom:10px;padding:0}.playback #motion-controls h2{display:none}.playback .motion-selection{gap:8px;display:flex}.playback .motion-selection label{flex:1;min-width:0}.playback{background:#15232e;border:1px solid #314650;border-radius:10px;margin-top:10px;padding:12px}.transport{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.transport label:not(.check){white-space:nowrap;align-items:center;gap:6px;display:flex}.transport select{flex:none;width:76px}#seek{accent-color:#7bd6be;width:100%;margin:16px 0 2px}#time{font-variant-numeric:tabular-nums;color:#a6c5ca;font-size:12px}textarea{color:#cce4df;background:#0e1b27;border:1px solid #405866;border-radius:7px;width:100%;max-width:100%;margin-top:8px;padding:10px;font:11px/1.5 ui-monospace,monospace}summary{cursor:pointer;color:#afc3c9;font-size:12px}footer{max-width:1920px;margin:auto;padding:20px 28px}#version{overflow-wrap:anywhere}[hidden]{display:none!important}body.expanded main{grid-template-columns:minmax(0,1fr)}body.expanded aside{grid-template-columns:repeat(3,minmax(0,1fr))}body.expanded #viewport{height:78vh}.preview-area:fullscreen{background:#101a24;flex-direction:column;padding:14px;display:flex}.preview-area:fullscreen #viewport{flex:1;height:auto}.preview-area:fullscreen .playback{flex-shrink:0}@media (width<=1000px){header{flex-direction:column;align-items:start;padding:18px}main{grid-template-columns:minmax(0,1fr);padding:0 18px}aside{grid-template-columns:repeat(3,minmax(0,1fr))}#viewport{height:65vh;min-height:380px}body.expanded aside{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){header{gap:8px;padding:10px 12px}header h1{margin:2px 0;font-size:18px}header .eyebrow{font-size:9px}header>div>p{display:none}.selection{gap:8px;width:100%}.selection label{flex:1;min-width:135px}main{padding:0 10px}aside,body.expanded aside{grid-template-columns:1fr}#viewport{height:clamp(300px,100svh - 380px,520px);min-height:300px}#viewport.has-motion-controls{height:clamp(300px,100svh - 450px,520px)}body.expanded #viewport{height:78svh}#labels>div{max-width:100%;font-size:11px}.preview-toolbar{gap:6px}.preview-toolbar .note{display:none}.playback{margin-top:8px;padding:10px}#seek{margin-top:8px}.transport{gap:5px}.transport button{padding:6px 8px}.panel{padding:12px}footer{padding:18px 12px}}.room-nav{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.room-nav a{color:#bfe3d7;background:#1d3531;border:1px solid #557467;border-radius:7px;align-items:center;gap:10px;min-height:36px;padding:6px 12px;font-size:12px;text-decoration:none;display:inline-flex}.room-nav a:hover{color:#e7fff5;background:#294b43}.room-nav a:focus-visible{outline-offset:3px;outline:2px solid #88ecd0}@media (width<=650px){.room-nav{margin-top:8px}.room-nav a{min-height:34px;font-size:11px}}