canvas.svelte-joen0q{width:100%;height:100%;border-radius:0;display:block;background:#05070f;touch-action:none}.interactive.svelte-joen0q{cursor:crosshair}canvas.svelte-joen0q:not(.interactive){pointer-events:none}.piece-preview.svelte-s4zsvn{width:100%;height:72px;display:block;border-radius:.5rem;background:radial-gradient(circle at 25% 20%,#1f2a42,#121827 75%);border:1px solid #303d5e;overflow:hidden}.shell.svelte-4k7axn{display:grid;grid-template-rows:auto auto auto;gap:.75rem;padding:.75rem;border:1px solid #2a3240;border-radius:.75rem;background:#141925;color:#e9eefb}.controls.svelte-4k7axn{display:flex;gap:.5rem;flex-wrap:wrap}.controls.svelte-4k7axn button:where(.svelte-4k7axn){border:1px solid #4f6385;background:#23314d;color:#e9eefb;border-radius:.5rem;padding:.35rem .7rem;cursor:pointer}.workspace.svelte-4k7axn{display:grid;align-items:stretch;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(220px,260px) minmax(230px,280px);min-height:340px;height:min(62dvh,720px);overflow:clip}.viewport.svelte-4k7axn{width:100%;min-height:340px;height:100%;border-radius:.6rem;overflow:hidden;border:1px solid #2b3342}.slices.svelte-4k7axn{border:1px solid #2b3342;border-radius:.6rem;padding:.55rem;background:#111724;min-height:340px;height:100%;overflow:auto}.slices.svelte-4k7axn h3:where(.svelte-4k7axn){margin:0 0 .5rem;font-size:.95rem}.slice-stack.svelte-4k7axn{display:grid;gap:.5rem}.slice-layer.svelte-4k7axn{border:1px solid #33405f;border-radius:.5rem;background:#1b2338;padding:.35rem;display:grid;gap:.3rem}.slice-layer.svelte-4k7axn header:where(.svelte-4k7axn){font-size:.72rem;color:#b7c4e4}.slice-grid.svelte-4k7axn{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem}.slice-cell.svelte-4k7axn{border-radius:.25rem;border:1px solid #2e3a59;background:color-mix(in srgb,var(--cell-color) 70%,#101624 30%);color:#f4f7ff;text-align:center;font-size:.65rem;line-height:1;height:1.35rem;display:grid;place-items:center;font-weight:700}.picker.svelte-4k7axn{border:1px solid #2b3342;border-radius:.6rem;padding:.55rem;background:#111724;min-height:340px;height:100%;overflow:auto}.picker.svelte-4k7axn h3:where(.svelte-4k7axn){margin:0 0 .5rem;font-size:.95rem}.picker-grid.svelte-4k7axn{display:grid;gap:.45rem}.piece-card.svelte-4k7axn{display:grid;gap:.3rem;padding:.35rem;border:1px solid #354361;border-radius:.55rem;background:#182238;transition:transform .15s ease,opacity .15s ease}.piece-card.used.svelte-4k7axn{opacity:.62;transform:scale(.98)}.piece-meta.svelte-4k7axn{display:flex;align-items:baseline;justify-content:space-between;gap:.3rem}.piece-meta.svelte-4k7axn span:where(.svelte-4k7axn){font-size:.72rem;color:#a9b7d6}@media (max-width: 980px){.workspace.svelte-4k7axn{grid-template-columns:1fr;grid-template-rows:minmax(220px,1fr) minmax(170px,auto) minmax(160px,auto);height:auto}.slices.svelte-4k7axn{min-height:170px;max-height:36dvh}.picker.svelte-4k7axn{min-height:160px;max-height:38dvh}}