*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}:root{font-family:system-ui,-apple-system,sans-serif;color:#e4edf0;background:#0e141e;font-size:13px;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,select,input,.button{font:inherit;color:inherit;background:#202c3a;border:1px solid #384858;border-radius:7px;padding:9px 11px}button,.button,select{cursor:pointer}button:hover,.button:hover{border-color:#bced82}button:disabled{opacity:.35;cursor:default}button.active,.primary{background:#c0f381;color:#162215;border-color:#c0f381;font-weight:700}a{color:#cbf692;text-decoration:none;font-weight:900;font-size:18px;white-space:nowrap}header{min-height:68px;display:flex;gap:10px;align-items:center;padding:12px 20px;border-bottom:1px solid #293749;flex-wrap:wrap}header input{width:190px}#save-state{font-size:11px;color:#9fb9a3;margin-right:auto}.badge{font-size:10px;letter-spacing:2px;color:#a6b8ca}main{height:calc(100dvh - 72px);min-height:480px;display:grid;grid-template-columns:210px minmax(320px,1fr) 240px}aside{padding:22px 18px;overflow:auto;background:#121b27}h1{font-size:23px;margin:0 0 12px}h2{font-size:13px;margin:25px 0 12px;color:#d5e6eb}p{font-size:12px;color:#99adbc;line-height:1.85}aside label{display:grid;gap:7px;margin:14px 0}aside button{width:100%;margin:4px 0}#tools{display:grid;grid-template-columns:1fr 1fr;gap:5px}#tools button{font-size:12px;min-height:41px;margin:0;padding:7px 3px}.workspace{display:flex;flex-direction:column;min-width:0;border-inline:1px solid #293749}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;padding:10px;background:#18212f}.toolbar label{display:flex;align-items:center;gap:5px}.toolbar button,.toolbar select{padding:7px}#viewport{flex:1;min-height:150px;overflow:auto;background:#090f18;overscroll-behavior:contain;position:relative;text-align:center}canvas{display:block;margin:auto;touch-action:none;background:#101a29;outline:none}canvas:focus{outline:1px solid #c0f381;outline-offset:-1px}footer{display:flex;gap:16px;flex-wrap:wrap;padding:10px;color:#94a7b9;font-size:11px}#counts{margin-left:auto}.danger{color:#ffa6a6}#message{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#c0f381;color:#172414;padding:13px 20px;box-shadow:0 8px 30px #0006;border-radius:10px;max-width:90%;display:none;z-index:10}#message.show{display:block}#warnings{padding-left:17px;font-size:12px;color:#eccf92;line-height:1.8}.footnote{margin-top:22px}[hidden]{display:none!important}@media(max-width:1050px){main{grid-template-columns:165px minmax(280px,1fr) 190px}aside{padding:14px 10px}header{padding:8px;gap:7px}.badge{display:none}}@media(max-width:700px){main{grid-template-columns:135px minmax(220px,1fr);height:calc(100dvh - 120px)}.inspector{grid-column:1/-1;max-height:360px;overflow:auto}header input{width:140px}header a{font-size:14px}header{font-size:11px}.toolbar,.palette{font-size:11px}.palette h1{font-size:18px}}main{grid-template-rows:minmax(0,1fr)}.workspace{min-height:0}aside{min-height:0}@media(max-width:700px){main{height:auto;grid-template-rows:minmax(420px,70dvh) auto}.workspace{height:100%}.palette{max-height:70dvh}.inspector{max-height:none}}#tools button{height:64px;font-size:27px;padding:9px;display:flex;align-items:center;justify-content:center}#tools svg{width:100%;height:36px;overflow:visible}#tools img{width:48px;height:48px;object-fit:contain}#tools button[draggable=true]{cursor:grab}#bulk-actions{padding:12px;background:#223144;border:1px solid #597644;border-radius:8px;margin-bottom:16px}header a:not(:first-child){font-size:12px}.backdrop-actions{display:flex;gap:8px;margin:8px 0}.backdrop-actions button{flex:1}.templates{margin-top:10px}.templates summary{cursor:pointer;color:#a8bac6;font-size:14px;padding:6px 0}.templates button{display:block;width:100%;margin-top:6px}.rule-walls{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rule-walls input{width:100%}.rule-flags{display:grid;gap:4px;margin-top:8px}.rule-flags label{display:flex;align-items:center;gap:8px;font-size:14px;margin:0}.rule-flags input{width:auto}.workspace{position:relative}.tutorial{position:absolute;z-index:5;right:16px;top:64px;width:280px;padding:14px 16px;border:1px solid #6f8f3a;border-radius:12px;background:#0e1a12f2;box-shadow:0 10px 30px #0008;font-size:13px}.tutorial-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tutorial-head b{color:#c4f16d;font-size:15px}.tutorial-head button{border:0;background:transparent;font-size:20px;padding:0 4px;line-height:1}.tutorial ol{margin:0;padding-left:20px;display:grid;gap:6px}.tutorial li{line-height:1.5;color:#dbe7d0}.tutorial li.done{color:#8fa08a;text-decoration:line-through}.tutorial li.done::marker{color:#c4f16d}.tutorial p{margin:10px 0 0;color:#c4f16d;font-size:12px}