:root{color:#263529;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e7e7df;font-family:system-ui,sans-serif}body{margin:0}#app{width:100vw;height:100dvh}canvas{width:100%;height:100%;display:block}aside{background:#fafcf4e8;border-radius:.7rem;padding:1rem 1.25rem;position:absolute;top:1.5rem;left:1.5rem}h1{margin:0;font-size:1.4rem}p,output{font-size:.9rem}output{margin-top:.4rem;display:block}[role=alert]{color:#9c2812}footer{white-space:nowrap;background:#fafcf4e8;border-radius:.7rem;padding:.7rem 1rem;font-size:.85rem;position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%)}#diagnostics{background:#fafcf4f0;border-radius:.5rem;max-height:80vh;padding:.6rem;font-size:.7rem;position:absolute;top:1.5rem;right:1.5rem;overflow:auto}#diagnostics summary{cursor:pointer}#diagnostics pre{margin-bottom:0}:focus-visible{outline-offset:3px;outline:2px solid #386fb0}aside small{color:#596557;margin-top:.4rem;font-size:.7rem;display:block}#placement-feedback{pointer-events:none;color:#164c40;white-space:nowrap;background:#f5fff8e8;border:1px solid #19725f;border-radius:.25rem;padding:.15rem .4rem;font-size:.75rem;position:absolute;transform:translate(-50%,-100%)}#placement-feedback[data-valid=false]{color:#a62d27;white-space:pre-line;background:#fff4eee8;border-color:#a62d27}#build-toolbar{white-space:nowrap;background:#fafcf4f2;border-radius:.7rem;align-items:center;gap:.8rem;padding:.65rem 1rem;font-size:.85rem;display:flex;position:absolute;bottom:4.3rem;left:50%;transform:translate(-50%)}#build-toolbar select,#build-toolbar button{min-height:32px;color:inherit;font:inherit;background:#fff;border:1px solid #96a490;border-radius:.3rem;padding:.25rem .5rem}#build-toolbar button[aria-pressed=true]{outline-offset:1px;outline:2px solid #386fb0;font-weight:700}#build-toolbar button:disabled{opacity:.5}@media (width<=1000px){#build-toolbar{flex-wrap:wrap;justify-content:center;gap:.5rem;width:max-content;max-width:calc(100% - 4rem)}}