:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef2f7;--line:#333e50;--muted:#abb7c9;--panel:#1b2330;--accent:#ff6b59;background:#141922;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app{flex-direction:column;gap:1.75rem;max-width:100rem;min-height:100dvh;margin:0 auto;padding:clamp(1rem,3vw,2.75rem);display:flex}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:1.2rem;display:flex}.masthead-title{flex-wrap:wrap;align-items:baseline;gap:.45rem 1.25rem;display:flex}.masthead h1{letter-spacing:-.045em;text-transform:uppercase;margin:0;font-family:Barlow Condensed,Arial Narrow,system-ui,sans-serif;font-size:clamp(1.9rem,5vw,3.35rem);font-style:italic;font-weight:850;line-height:1}.masthead span{color:var(--accent)}.masthead p{color:var(--muted);margin:0;font-size:.9rem}.repository-link{border-radius:.35rem;flex:none;place-items:center;width:max(44px,2.75rem);height:max(44px,2.75rem);display:grid}.repository-link:hover{background:var(--panel)}.workspace{flex:1;grid-template-columns:13rem minmax(0,1fr);gap:clamp(1rem,3vw,2rem);display:grid}.sidebar{min-width:0}fieldset{border:0;gap:.5rem;min-width:0;margin:0;padding:0;display:grid}legend,.navigation h2{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .65rem;padding:0;font-size:.75rem;font-weight:700}fieldset label{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:.35rem;align-items:center;gap:.7rem;padding:.8rem .85rem;font-weight:650;display:flex}fieldset label:has(input:checked){border-color:var(--accent);background:#302631}input[type=radio]{accent-color:var(--accent);margin:0}.navigation{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.navigation dl{gap:.65rem;margin:0;font-size:.8rem;display:grid}.navigation dl div{justify-content:space-between;gap:.5rem;display:flex}.navigation dd{color:var(--muted);text-align:right;margin:0}.viewer{border:1px solid var(--line);background:var(--panel);border-radius:.65rem;flex-direction:column;min-width:0;display:flex;overflow:hidden}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;min-height:3.75rem;padding:.75rem 1rem;display:flex}.toolbar h2{margin:0;font-size:1rem}.view-actions{flex-wrap:wrap;gap:.5rem;display:flex}button,.collision-toggle{color:inherit;cursor:pointer;background:#253143;border:1px solid #41516b;border-radius:.3rem;padding:.5rem .7rem;font-size:.8rem;font-weight:650}.collision-toggle{align-items:center;gap:.4rem;display:inline-flex}.collision-toggle input{accent-color:var(--accent);margin:0}button:hover:enabled,fieldset label:hover{background:#354359}.collision-toggle:hover:not(:has(:disabled)){background:#354359}button:disabled{opacity:.5;cursor:default}.collision-toggle:has(:disabled){opacity:.5;cursor:default}:focus-visible{outline-offset:2px;outline:2px solid #ffbbac}.viewport{background:#101621;flex:1;min-height:25rem;position:relative}canvas{width:100%;height:100%;display:block;position:absolute;inset:0}canvas:focus-visible{outline-offset:-3px}#status{text-align:center;color:var(--muted);background:#101621;place-items:center;padding:1.5rem;display:grid;position:absolute;inset:0}#status[hidden]{display:none}@media (width<=45rem){.workspace{flex-direction:column;display:flex}fieldset{flex-wrap:wrap;display:flex}.sidebar{display:contents}.navigation{order:1;margin-top:0}}