:root{--bg:#2b2c30;--fg:#eee;--muted:#9a9ca3}html,body{background:var(--bg);height:100%;color:var(--fg);margin:0;font:13px/1.5 system-ui,sans-serif;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}.dim{color:#c9ccd3;cursor:text;white-space:nowrap;background:#1d1e21;border:1px solid #c9ccd359;border-radius:13px;align-items:baseline;gap:2px;padding:0 10px;font:600 17px/24px system-ui,sans-serif;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.dim:hover{border-color:#c9ccd3cc}.dim.on{color:#e8590c;border-color:#e8590c}.dim.lock{color:#fff;text-shadow:0 0 6px #ffffffe6;background:#2f3036;border-color:#fff;box-shadow:0 0 6px 1px #ffffffd9,0 0 18px 4px #ffffff59}.dim:focus-within{box-shadow:0 0 0 3px #e8590c59}.dim input{width:1ch;color:inherit;font:inherit;text-align:center;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;padding:0}.dim input::selection{color:#fff;background:#e8590c73}#ov,#dims{pointer-events:none;width:100%;height:100%;color:var(--fg);position:fixed;inset:0}#side{left:12px;top:calc(12px + env(safe-area-inset-top,0px));flex-direction:column;align-items:stretch;gap:8px;display:flex;position:fixed}#mode,#tool,#viewmode{background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:10px;gap:3px;padding:3px;display:flex;box-shadow:0 6px 24px #00000059}#mode button,#tool button,#viewmode button{color:#9a9ca3;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:6px 10px;font:600 12px/1.2 system-ui,sans-serif}#mode button:hover,#tool button:hover,#viewmode button:hover{color:#eee}#mode button[aria-pressed=true],#tool button[aria-pressed=true],#viewmode button[aria-pressed=true]{color:#fff;background:#e8590c}#mode button:focus-visible,#tool button:focus-visible,#viewmode button:focus-visible{outline-offset:1px;outline:2px solid #fff}body[data-tool=move]:not([data-mode=explore]) #c{cursor:move!important}body[data-tool=paint]:not([data-mode=explore]) #c{cursor:crosshair!important}#mode button:disabled{opacity:.4;cursor:default;color:#9a9ca3}.dim.ro,.dim.ro:hover{cursor:default;color:#9a9ca3;border-color:#c9ccd32e}#menu .mrow.ro{cursor:default}#menu .mrow.ro input{color:#9a9ca3;border-style:dashed}#lightbox,#undobox,#soundbox{color:#9a9ca3;background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font:600 12px/1.2 system-ui,sans-serif;display:flex;box-shadow:0 6px 24px #00000059}#lightbox select{color:#eee;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;flex:1;min-width:0;padding:4px 6px;font:600 12px/1.2 system-ui,sans-serif}#lightbox select:focus-visible,#lightbox button:focus-visible{outline-offset:1px;outline:2px solid #fff}#undobox input{color:#eee;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;width:4.5em;padding:4px 6px;font:600 12px/1.2 system-ui,sans-serif}#undobox input:focus-visible{outline-offset:1px;outline:2px solid #fff}#soundbox button{color:#eee;cursor:pointer;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;min-width:3.6em;padding:4px 8px;font:600 12px/1.2 system-ui,sans-serif}#soundbox button[aria-pressed=true]{color:#ff7a66}#soundbox button:hover{border-color:#e8590c}#soundbox input{accent-color:#e8590c;flex:1;min-width:0}#soundbox :focus-visible{outline-offset:1px;outline:2px solid #fff}#viewbox,#xraybox{color:#9a9ca3;background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:10px;justify-content:space-between;align-items:center;gap:6px;padding:7px 10px;font:600 12px/1.2 system-ui,sans-serif;display:flex;box-shadow:0 6px 24px #00000059}#xraybox{flex-direction:column;align-items:stretch;gap:4px}#xraybox[hidden]{display:none}#xraybox label{align-items:center;gap:8px;display:flex}#xraybox input{accent-color:#e8590c;flex:1;min-width:0}#viewbox button,#lightbox button{color:#eee;cursor:pointer;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;padding:4px 8px;font:600 12px/1.2 system-ui,sans-serif}#viewbox button[aria-pressed=true],#lightbox button[aria-pressed=true]{color:#ff7a66;border-color:#e8590c}#viewbox button:hover,#lightbox button:hover{border-color:#e8590c}#viewbox :focus-visible,#xraybox :focus-visible{outline-offset:1px;outline:2px solid #fff}#file{background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:10px;gap:4px;padding:8px;display:grid;box-shadow:0 6px 24px #00000059}#file button{color:#eee;cursor:pointer;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;padding:7px 10px;font:600 12px/1.2 system-ui,sans-serif}#file button:hover{border-color:#e8590c}#file button:focus-visible{outline-offset:1px;outline:2px solid #fff}#status{color:#9a9ca3;max-width:15em;font:11px/1.35 system-ui,sans-serif}body.drop:after{content:"Drop to open";color:#fff;pointer-events:none;background:#e8590c14;border:2px dashed #e8590c;border-radius:14px;place-items:center;font:600 18px system-ui,sans-serif;display:grid;position:fixed;inset:10px}#menu{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c9ccd3;background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:12px;gap:6px;padding:10px 12px;font:13px/1.2 system-ui,sans-serif;display:grid;box-shadow:0 6px 24px #00000059}#menu .mtitle{letter-spacing:.06em;text-transform:uppercase;color:#9a9ca3;font-size:11px}#menu .mrow{cursor:text;align-items:center;gap:8px;display:flex}#menu .mrow span{color:#eee;width:1.2em;font-weight:700}#menu .mrow input{color:#fff;font-variant-numeric:tabular-nums;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;outline:0;width:6ch;padding:4px 7px;font:600 14px/1.2 system-ui,sans-serif}#menu .mrow input:focus{border-color:#e8590c;box-shadow:0 0 0 3px #e8590c4d}#menu .mrow small{color:#9a9ca3;font-size:11px}#name{pointer-events:none;white-space:nowrap;color:#fff;letter-spacing:.02em;background:#1d1e21e6;border:1px solid #ffffff38;border-radius:9px;padding:4px 12px;font:700 16px/1.3 system-ui,sans-serif;position:fixed;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 4px 16px #00000059}#hud{left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));color:var(--muted);pointer-events:none;font-variant-numeric:tabular-nums;position:fixed}#hud b{color:var(--fg);font-weight:600}#props{z-index:1;right:calc(12px + env(safe-area-inset-right,0px));top:calc(12px + env(safe-area-inset-top,0px));box-sizing:border-box;width:240px;max-width:calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));max-height:calc(100% - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c9ccd3;background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:12px;padding:6px 12px;font:13px/1.2 system-ui,sans-serif;position:fixed;overflow:hidden auto;box-shadow:0 6px 24px #00000059}#props.collapsed{width:auto}@media (width<=560px){#props{width:186px}}@media (width<=420px){#props{width:160px;padding:4px 10px}#props .prow{gap:6px}}#props [hidden]{display:none!important}#pastemode{color:#9a9ca3;background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:6px;padding:3px 3px 3px 10px;font:600 12px/1.2 system-ui,sans-serif;display:flex;box-shadow:0 6px 24px #00000059}#pastemode button{color:#9a9ca3;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1;padding:6px 8px;font:600 12px/1.2 system-ui,sans-serif}#pastemode button:hover{color:#eee}#pastemode button[aria-pressed=true]{color:#fff;background:#e8590c}#pastemode button:focus-visible{outline-offset:1px;outline:2px solid #fff}#bricks{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#c9ccd3;background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:12px;padding:6px 10px;font:13px/1.2 system-ui,sans-serif;box-shadow:0 6px 24px #00000059}#bricks [hidden]{display:none!important}#btoggle{cursor:pointer;letter-spacing:.06em;text-transform:uppercase;color:#9a9ca3;background:0 0;border:0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:4px 0;font:11px/1.2 system-ui,sans-serif;display:flex}#btoggle:hover{color:#eee}#btoggle .chev{flex:none;width:10px;height:10px;transition:transform .15s}#btoggle[aria-expanded=true] .chev{transform:rotate(90deg)}#btoggle:focus-visible,.bitem:focus-visible{outline-offset:1px;border-radius:6px;outline:2px solid #fff}#bgrid{border-top:1px solid #ffffff12;grid-template-columns:1fr 1fr;gap:2px 4px;padding:2px 0 6px;display:grid}#bgrid .bgroup{letter-spacing:.06em;text-transform:uppercase;color:#74767d;grid-column:1/-1;padding:6px 2px 1px;font-size:10px}.bitem{color:#c9ccd3;text-align:left;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;min-width:0;padding:4px 6px;font:600 11px/1.15 system-ui,sans-serif;display:flex}.bitem:hover{color:#fff;background:#ffffff0a;border-color:#e8590ccc}.bitem.on{color:#fff;background:#e8590c2e;border-color:#e8590c}.bitem[aria-disabled=true]{opacity:.38;cursor:not-allowed;background:0 0;border-color:#0000}.bitem svg{flex:none;width:22px;height:20px}.bitem span{overflow-wrap:anywhere;min-width:0}#side{max-height:calc(100% - 24px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#fff3 transparent;overflow:hidden auto}body.empty .dim,body.empty #name,body[data-mode=explore] .dim,body[data-mode=explore] #name,body[data-mode=explore] #dims{display:none}body.placing canvas{cursor:copy!important}#props button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}#props button:focus-visible,#props input:focus-visible,#cwheel:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #fff}#props #ptoggle{letter-spacing:.06em;text-transform:uppercase;color:#9a9ca3;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:4px 0;font-size:11px;display:flex}#props #ptoggle:hover{color:#eee}#props .chev{flex:none;width:10px;height:10px;transition:transform .15s}#props [aria-expanded=true]>.chev,#props [aria-expanded=true] .v .chev{transform:rotate(90deg)}#props .prow{box-sizing:border-box;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:6px 0;display:flex}#props .prow .k{color:#9a9ca3;flex:none;font-size:12px}#props .prow .v{text-align:right;color:#eee;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;min-width:0;font-weight:600}#pcolor .v{align-items:center;gap:6px;display:flex}#pcolor:hover .k{color:#eee}#cswatch{border:1px solid #ffffff59;border-radius:4px;flex:none;width:14px;height:14px}#ced{gap:8px;padding:4px 0 8px;display:grid}#ced .cw{justify-self:center;width:min(100%,176px);position:relative}#cwheel{aspect-ratio:1;cursor:crosshair;touch-action:none;border-radius:50%;width:100%;height:auto}#cmark{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0009,0 1px 4px #00000080}#ced .crow{color:#9a9ca3;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}#ced .crow>span{flex:none;width:4.6em}#cval{appearance:none;cursor:pointer;background:0 0;flex:1;width:0;min-width:0;height:18px;margin:0}#cval::-webkit-slider-runnable-track{background:var(--track,#888);border:1px solid #ffffff2e;border-radius:5px;height:10px}#cval::-moz-range-track{background:var(--track,#888);border:1px solid #ffffff2e;border-radius:5px;height:10px}#cval::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:2px solid #1d1e21;border-radius:50%;width:16px;height:16px;margin-top:-4px}#cval::-moz-range-thumb{background:#fff;border:2px solid #1d1e21;border-radius:50%;width:12px;height:12px}#chex{color:#fff;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;outline:0;flex:1;width:0;min-width:0;padding:4px 7px;font:600 13px/1.2 ui-monospace,Consolas,monospace}#chex:focus{border-color:#e8590c;box-shadow:0 0 0 3px #e8590c4d}#chex[aria-invalid=true]{border-color:#e03131}.nogl{max-width:40rem;margin:3rem auto;padding:0 16px}.nogl a{color:#e8590c}#saverow{flex-wrap:wrap;gap:4px;max-width:15em;display:flex}#saverow button{flex:auto}#saverow #savebrdb{white-space:normal;flex-basis:100%;font-size:11px}#revbox{color:#9a9ca3;align-items:center;gap:6px;font:12px system-ui,sans-serif;display:flex}#revbox[hidden]{display:none}#revbox select{color:#eee;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;flex:1;min-width:0;max-width:15em;padding:4px 6px}#revdiffbox{color:#9a9ca3;flex-wrap:wrap;align-items:center;gap:4px 8px;max-width:15em;font:12px system-ui,sans-serif;display:flex}#revdiffbox[hidden]{display:none}#revdiffbox select{color:#eee;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;min-width:0;max-width:8em;padding:3px 5px}#revdiffbox label{align-items:center;gap:4px;display:flex}#revdiff{color:#c8cad0;overflow-wrap:anywhere;flex-basis:100%;line-height:1.35}#revdiff:empty{display:none}#revmatch{flex-basis:100%;font-size:11px}#props #painttoggle{color:#c9ccd3;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:6px 0 4px;font-weight:600;display:flex}#props #painttoggle:hover{color:#eee}#paintbody .bv-palette{box-shadow:none;background:0 0;border:0;border-radius:0;padding:2px 0 8px}#props #apptoggle{color:#c9ccd3;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:6px 0 4px;font-weight:600;display:flex}#props #apptoggle:hover{color:#eee}#appbody{gap:4px;padding:2px 0 8px;display:grid}#appbody[hidden]{display:none}#appbody .approw{color:#9a9ca3;grid-template-columns:4.2em minmax(0,1fr) auto;align-items:center;gap:4px;font-size:11.5px;display:grid}#appbody select{color:#eee;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;min-width:0;padding:4px 6px;font-size:12px}#props #appbody button{color:#c9ccd3;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#2b2c30;border:1px solid #ffffff1a;border-radius:7px;padding:5px 8px;font-size:11.5px;overflow:hidden}#props #appbody button:hover:not(:disabled){color:#fff;border-color:#e8590c}#props #appbody button:disabled{opacity:.4;cursor:default}#envbtn,#gfxbtn{color:#eee;cursor:pointer;text-align:left;background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:10px;padding:7px 10px;font:13px system-ui,sans-serif}#envbtn:hover,#envbtn[aria-expanded=true],#gfxbtn:hover,#gfxbtn[aria-expanded=true]{border-color:#e8590c}#envpanel,#gfxpanel{z-index:2;top:calc(12px + env(safe-area-inset-top,0px));width:min(360px,100vw - 24px);max-height:calc(100% - 24px);display:flex;position:fixed;left:260px;overflow:auto}#envpanel[hidden],#gfxpanel[hidden]{display:none}#gfxpanel .gfxp-num{color:#eee;background:#2b2c30;border:1px solid #ffffff24;border-radius:5px;flex:1;min-width:0;padding:3px 5px;font:12px system-ui,sans-serif}#mapbtn{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:1;color:#eee;cursor:pointer;background:#1d1e21e0;border:1px solid #ffffff1f;border-radius:10px;padding:6px 12px;font:13px system-ui,sans-serif;position:fixed}#mapbtn:hover,#mapbtn[aria-expanded=true]{border-color:#e8590c}#mappanel{z-index:1;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(52px + env(safe-area-inset-bottom,0px));box-sizing:border-box;color:#c9ccd3;background:#1d1e21eb;border:1px solid #ffffff1f;border-radius:12px;gap:6px;width:min(300px,100vw - 24px);padding:8px 10px;font:12px system-ui,sans-serif;display:grid;position:fixed;box-shadow:0 6px 24px #00000059}#mappanel[hidden]{display:none}#mappanel .maphead{justify-content:space-between;align-items:center;font-weight:600;display:flex}#mappanel .mapfit{color:#eee;cursor:pointer;background:#2b2c30;border:1px solid #ffffff2e;border-radius:6px;padding:2px 8px}#mapcanvas{aspect-ratio:1;cursor:crosshair;touch-action:none;background:#1d1e21;border-radius:8px;width:100%}#mappanel .mapnote{color:#9a9ca3;font-size:11px}#props #seltoggle{color:#c9ccd3;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:6px 0 4px;font-weight:600;display:flex}#props #seltoggle:hover{color:#eee}#props #selcount{color:#9a9ca3;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px;font-weight:400}#props #selcount.on{color:#ffb070;font-weight:600}#selbody{gap:4px;padding:2px 0 8px;display:grid}#selbody .selrow{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}#selbody .selrow.sel3{grid-template-columns:repeat(3,1fr)}#selbody .selrow.sel2{grid-template-columns:repeat(2,1fr)}#selbody .selrow.selmode{color:#9a9ca3;grid-template-columns:auto 1fr 1fr;align-items:center;font-size:11.5px}#props #selbody button[aria-pressed=true]{color:#fff;background:#e8590c;border-color:#e8590c}#props #selbody button{color:#c9ccd3;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#2b2c30;border:1px solid #ffffff1a;border-radius:7px;padding:5px 4px;font-size:11.5px;overflow:hidden}#props #selbody button:hover:not(:disabled){color:#fff;border-color:#e8590c}#props #selbody button:disabled{opacity:.4;cursor:default}#props #gridtoggle{color:#c9ccd3;border-top:1px solid #ffffff12;align-items:center;gap:8px;width:100%;padding:6px 0 4px;font-weight:600;display:flex}#props #gridtoggle[hidden]{display:none}#props #gridtoggle .chev{margin-left:auto}#props #gridtoggle:hover{color:#eee}#gridname{color:#9a9ca3;font-size:12px;font-weight:400}#gridname.on{color:#ffb070;font-weight:600}#gridbody{gap:4px;padding:2px 0 8px;font-size:11.5px;display:grid}#gridbody[hidden]{display:none}#gridbody .gridrow{gap:4px;display:grid}#gridbody .gridrow.g2{grid-template-columns:1fr 1fr}#gridbody .gridrow.gto{grid-template-columns:1fr auto}#gridxf{color:#9a9ca3;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:4px;display:grid}#gridxf button{grid-column:1/-1}#gridnote{color:#9a9ca3;grid-column:1/-1;font-size:11px}#gridnote:empty{display:none}#props #gridbody button{color:#c9ccd3;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#2b2c30;border:1px solid #ffffff1a;border-radius:7px;padding:5px 4px;font-size:11.5px;overflow:hidden}#props #gridbody button:hover:not(:disabled){color:#fff;border-color:#e8590c}#props #gridbody button:disabled{opacity:.4;cursor:default}#gridbody input,#gridbody select{box-sizing:border-box;color:#eee;font-variant-numeric:tabular-nums;background:#2b2c30;border:1px solid #ffffff2e;border-radius:6px;width:100%;min-width:0;padding:3px 4px;font:12px system-ui,sans-serif}#gridbody input:disabled,#gridbody select:disabled{opacity:.4}#marquee{z-index:3;pointer-events:none;background:#ffa05a1f;border:1px dashed #ffb070;position:fixed}#marquee.remove{background:#ff5a461f;border-color:#ff7a66}#marquee[hidden]{display:none}#ask{z-index:20;left:50%;top:calc(16px + env(safe-area-inset-top,0px));background:#1d1e21f5;border:1px solid #e8590c;border-radius:10px;max-width:min(26em,100vw - 32px);padding:10px 12px;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #00000073}#ask p{margin:0 0 8px}#ask div{justify-content:flex-end;gap:6px;display:flex}#ask button{color:#eee;cursor:pointer;background:#2b2c30;border:1px solid #ffffff2e;border-radius:7px;padding:6px 12px;font:600 12px/1.2 system-ui,sans-serif}#ask button.ok{color:#fff;background:#e8590c;border-color:#e8590c}#ask button:focus-visible{outline-offset:1px;outline:2px solid #fff}#props.wide{width:300px}@media (width<=560px){#props.wide{width:min(300px,100vw - 24px)}}#props #comptoggle{color:#c9ccd3;border-top:1px solid #ffffff12;align-items:center;gap:8px;width:100%;padding:6px 0 4px;font-weight:600;display:flex}#props #comptoggle .chev{margin-left:auto}#props #comptoggle:hover{color:#eee}#compcount{color:#ffb38a;text-align:center;background:#e8590c40;border-radius:8px;min-width:1.2em;padding:0 5px;font-size:11px}#compcount:empty{display:none}#compbody{gap:8px;padding:2px 0 8px;font-size:12px;display:grid}#compbody .comp{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;gap:4px;padding:6px 8px;display:grid}#compbody .chead{align-items:center;gap:6px;display:flex}#compbody .ctitle{color:#eee;overflow-wrap:anywhere;min-width:0;font-weight:600}#compbody .cwires{color:#9a9ca3;white-space:nowrap;margin-left:auto;font-size:11px}#compbody .cfield{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}#compbody .cfield.cnest{flex-direction:column;align-items:stretch}#compbody .cl{color:#9a9ca3;overflow-wrap:anywhere;min-width:0}#compbody .cstruct{border-left:2px solid #ffffff14;gap:4px;padding-left:8px;display:grid}#compbody .cvec{gap:4px;min-width:0;display:flex}#compbody .cvl{color:#9a9ca3;align-items:center;gap:2px;min-width:0;display:flex}#compbody .cvec .cnum{width:4.2em}#compbody input,#compbody select{box-sizing:border-box;color:#eee;background:#2b2c30;border:1px solid #ffffff2e;border-radius:6px;min-width:0;padding:3px 5px;font:12px system-ui,sans-serif}#compbody input[type=checkbox]{accent-color:#e8590c;width:15px;height:15px;padding:0}#compbody input[type=color]{width:34px;height:22px;padding:1px}#compbody .cnum{font-variant-numeric:tabular-nums;width:6.5em}#compbody .ctext{width:9em}#compbody select{max-width:11em}#compbody [aria-invalid=true]{border-color:#e03131;box-shadow:0 0 0 2px #e031314d}#compbody input:focus,#compbody select:focus{border-color:#e8590c;outline:0}#compbody .ccolour{align-items:center;gap:4px;display:flex}#compbody .ccolour .cnum{width:4.2em}#compbody .cadd{align-items:center;gap:6px;display:flex}#compbody .cadd select{flex:1;max-width:none}#props #compbody .cbtn{color:#eee;background:#2b2c30;border:1px solid #ffffff2e;border-radius:6px;padding:3px 8px;font-size:12px}#props #compbody .cbtn:hover:not(:disabled){border-color:#e8590c}#props #compbody .cbtn:disabled{opacity:.5;cursor:default}#props #compbody .cx{padding:0 6px}#compbody .cnote{color:#9a9ca3;margin:0}#compbody .craw{color:#9a9ca3;overflow-wrap:anywhere;font:11px ui-monospace,Consolas,monospace}#compbody .cmsg{color:#9a9ca3;min-height:0}#compbody .cmsg.bad{color:#ff8787}#wires{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#wires .wire{fill:none;stroke-width:2.5px;stroke-linecap:round;opacity:.92}#wires .wire.stub{stroke-dasharray:4 3}#wires .wire.sel{stroke-width:5px;opacity:1;filter:drop-shadow(0 0 3px #ffffffe6)}#wires .whit{fill:none;stroke:#0000;stroke-width:12px;pointer-events:stroke;cursor:pointer}#wires .port{stroke:#1d1e21;stroke-width:1.5px;pointer-events:all;cursor:pointer}#wires .port.out{stroke:#fff}#wires .port.guess{fill-opacity:.35;stroke-dasharray:2 2}#wires .port.from{stroke:#e8590c;stroke-width:3.5px}#wires .port:hover{stroke-width:3px}#wirelabel{z-index:4;pointer-events:none;white-space:nowrap;color:#eee;background:#1d1e21f0;border:1px solid #ffffff24;border-radius:6px;padding:3px 7px;font:12px system-ui,sans-serif;position:fixed;transform:translate(-50%,-100%)}#wirelabel[hidden]{display:none}