main{grid-template-columns:340px minmax(0,1fr) 300px}.stage-wrap{background:#070a10}.stage-wrap canvas{cursor:crosshair}.palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:5px;max-height:300px;overflow:auto;padding-right:3px;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin}.brush{margin-bottom:12px}.brush .chip{width:100%}.chip{display:grid;grid-template-rows:auto auto auto;gap:2px;padding:5px 4px;justify-items:center;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:#b9c5d6;font-size:9px;line-height:1.25;cursor:pointer}.chip canvas{width:32px;height:32px;image-rendering:pixelated;background:linear-gradient(45deg,#131a26 25%,transparent 25%,transparent 75%,#131a26 75%) 0 0 / 8px 8px,#0d121b}.chip span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip small{color:var(--muted);font-size:8px}.chip:hover{border-color:#4a5c79}.chip.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.chip.wall{box-shadow:inset 0 -2px #a8471f}.chip.tall{border-style:dashed}.chip canvas{align-self:end}.tile-inspector{display:grid;gap:6px}.tile-head{color:var(--accent);font-size:11px;font-variant-numeric:tabular-nums}.tile-stack{display:grid;gap:4px}.tile-row{display:grid;grid-template-columns:52px 1fr auto auto;gap:5px;align-items:center;padding:5px 7px;border:1px solid var(--line);border-radius:7px;background:var(--panel-2);font-size:10px}.tile-row b{color:var(--muted);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.tile-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c2cdde}.tile-row span.wall{color:#ff9a86}.drop{padding:2px 6px;border:1px solid var(--line-strong);border-radius:6px;background:var(--raise);color:#c2ccda;font-size:10px;cursor:pointer}.drop:hover{border-color:var(--accent);color:var(--accent)}.route{margin:0;padding:0 0 0 4px;list-style:none;display:grid;gap:4px;max-height:26vh;overflow:auto;counter-reset:marco}.route li{display:grid;grid-template-columns:auto 1fr auto auto;gap:6px;align-items:center;padding:4px 7px;border:1px solid var(--line);border-left:3px solid #56d6ff;border-radius:7px;background:var(--panel-2);color:#c2cdde;font-size:10px;font-variant-numeric:tabular-nums}.route li:before{counter-increment:marco;content:counter(marco);color:#56d6ff;font-weight:600}.route li.empty{grid-template-columns:1fr;border-left-color:var(--line);color:var(--muted);line-height:1.5}.route li.empty:before{content:none}.legend{max-width:60ch}.floors{display:flex;flex-wrap:wrap;gap:5px}.floors button{min-width:34px;padding:7px 0;font-variant-numeric:tabular-nums}.floors button:disabled{opacity:.3}.minimap{display:block;width:100%;image-rendering:pixelated;cursor:crosshair;border:1px solid var(--line-strong);border-radius:6px;background:#080b11}.cursor-preview{position:absolute;right:16px;bottom:16px;z-index:3;padding:9px 14px;border:1px solid var(--line-strong);border-radius:var(--radius);background:#0a0e15dd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 28px #0008}.cursor-preview b{color:var(--accent);font-size:14px;font-variant-numeric:tabular-nums;white-space:nowrap}