.inventory{display:flex;gap:24px;flex-wrap:wrap;margin:16px 0 24px;padding:16px;border-block:2px solid var(--ink)}.inventory strong{font-weight:400;color:var(--secondary)}.occupied{position:absolute;width:1%;height:1%;background:var(--ink);pointer-events:none}.canvas-ad{position:absolute;object-fit:fill;pointer-events:none}.canvas-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px}.canvas-tools{margin:16px 0}.canvas-tools button[aria-pressed=true]{background:var(--yellow)}.canvas-viewport{width:100%;aspect-ratio:1;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);overflow:auto;background:var(--surface)}.canvas-surface{display:block;border:0;padding:0;border-radius:0;font:inherit;position:relative;aspect-ratio:1;background-image:linear-gradient(to right,#E7E3D8 1px,transparent 1px),linear-gradient(to bottom,#E7E3D8 1px,transparent 1px);background-size:1% 1%;touch-action:none;outline-offset:-6px;cursor:crosshair}.canvas-surface:hover{background-color:var(--surface)}.canvas-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;pointer-events:none;padding:24px;color:var(--secondary)}.canvas-empty svg{width:64px;height:64px}.canvas-empty span{background:var(--surface);padding:4px 8px}.selection{position:absolute;border:2px solid var(--primary);background:#1747bd18;pointer-events:none;z-index:10}.selection-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.selection-fields label{display:grid;gap:8px}.selection-summary{background:var(--surface);border-left:4px solid var(--primary);padding:12px}.notice+button{margin-top:16px}@media(max-width:600px){.selection-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-empty{font-size:20px;padding:16px}.canvas-empty svg{width:48px;height:48px}}