:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif;font-size:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}#app{height:100vh;display:flex}#panel{box-sizing:border-box;background:canvas;border-right:1px solid #8884;flex:0 0 330px;width:330px;padding:12px 14px;overflow-y:auto}#view{background:#1b1e24;flex:1 1 0;min-width:0;position:relative;overflow:hidden}#view canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}h1{margin:0 0 6px;font-size:18px}.hint{opacity:.8;margin:0 0 10px;font-size:12px}.drop{text-align:center;cursor:pointer;border:2px dashed #8886;border-radius:8px;margin-bottom:10px;padding:16px;display:block}.drop.over{background:#4a91;border-color:#4a9}.drop input{display:none}fieldset{border:1px solid #8884;border-radius:6px;margin:0 0 10px;padding:6px 10px 8px}legend{opacity:.8;font-size:12px}fieldset label{justify-content:space-between;align-items:center;gap:8px;margin:4px 0;font-size:13px;display:flex}fieldset input[type=number]{width:80px}fieldset input[type=range]{width:160px}.row{gap:8px;margin-bottom:10px;display:flex}button{color:#fff;cursor:pointer;background:#4a9;border:1px solid #8886;border-radius:6px;flex:1;padding:8px;font-weight:600}button:disabled{opacity:.4;cursor:default}#messages .err{color:#e55;margin:4px 0;font-size:12px}#messages .warn{color:#d93;margin:4px 0;font-size:12px}#messages .advice{opacity:.75;margin:4px 0;font-size:12px}#stats{margin:8px 0;font-size:12px}#stats table{border-collapse:collapse;width:100%}#stats td{border-bottom:1px solid #8883;padding:2px 4px}#stats td:last-child{text-align:right;font-variant-numeric:tabular-nums}.legend{flex-wrap:wrap;gap:4px 10px;margin-top:6px;font-size:12px;display:flex}.legend span:before{content:"";background:var(--c);vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.help{margin-top:6px;font-size:12px}.help summary{cursor:pointer;opacity:.85}.help svg{width:100%;height:auto;margin:8px 0 4px}.help p{margin:6px 0}.help ul{margin:4px 0;padding-left:16px}.help li{margin:4px 0}.hl-part{fill:#8884;stroke:#888;stroke-width:1px}.hl-bed{fill:#888}.hl-dim{stroke:#999;stroke-width:1px}.hl-label{fill:currentColor;font-size:9px}.hl-dim-t{opacity:.8}.hl-wall-a{fill:#e57373}.hl-wall-b{fill:#ffb74d}.hl-wall-c{fill:#81c784}.sw{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:5px;display:inline-block}.sw.hl-wall-a{background:#e57373}.sw.hl-wall-b{background:#ffb74d}.sw.hl-wall-c{background:#81c784}