.dihedral-layout.svelte-vmqvwc{display:flex;gap:2rem;align-items:flex-start;justify-content:center;flex-wrap:wrap;width:100%;padding:.5rem}.triangle-section.svelte-vmqvwc{display:flex;flex-direction:column;align-items:center;gap:.75rem}.action-buttons.svelte-vmqvwc{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.op-btn.svelte-vmqvwc{min-width:2.75rem;min-height:2.5rem;padding:.4rem .6rem;border:2px solid;border-radius:.5rem;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:all .2s ease-in-out;touch-action:manipulation}.op-btn.svelte-vmqvwc:hover{transform:translateY(-1px);filter:brightness(.95)}.op-btn.svelte-vmqvwc:active{transform:translateY(0)}.op-btn.svelte-vmqvwc:focus-visible{outline:3px solid rgba(20,86,102,.3);outline-offset:3px}.reset-row.svelte-vmqvwc{display:flex;gap:.5rem}.grid-section.svelte-vmqvwc{display:flex;flex-direction:column;align-items:center;gap:.75rem}.tile-source.svelte-vmqvwc{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center}.tile-label.svelte-vmqvwc{font-size:.8rem;font-weight:600;color:#64748b;margin-right:.25rem}.tile.svelte-vmqvwc{width:40px;height:34px;border:2px solid;border-radius:4px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:grab;display:flex;align-items:center;justify-content:center;transition:outline .15s ease;color:#1a1a1a}.tile.svelte-vmqvwc:active{cursor:grabbing}.tile.selected.svelte-vmqvwc{outline:2px solid #145666;outline-offset:1px}.tile.svelte-vmqvwc:focus-visible{outline:3px solid rgba(20,86,102,.3);outline-offset:2px}.cayley-grid.svelte-vmqvwc{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;background:#e2e8f0;border:2px solid #cbd5e1;border-radius:6px;overflow:hidden;width:fit-content}.grid-row.svelte-vmqvwc{display:contents}.grid-cell.svelte-vmqvwc{width:48px;height:44px;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:.85rem;background:#fff;color:#1a1a1a}.grid-cell.corner.svelte-vmqvwc{background:#f1f5f9;font-weight:600;color:#64748b;font-size:1rem}.grid-cell.header.svelte-vmqvwc{background:#f1f5f9;font-weight:700;color:#0f3a42;font-size:.9rem}.grid-cell.body.svelte-vmqvwc{cursor:pointer;border:none;padding:0;transition:background-color .15s ease}.grid-cell.body.svelte-vmqvwc:hover{background-color:#f8fafc}.grid-cell.body.svelte-vmqvwc:focus-visible{outline:2px solid #145666;outline-offset:-2px;z-index:1}.grid-cell.body.drop-target.svelte-vmqvwc{background-color:#f0fdfa;outline:2px dashed #145666;outline-offset:-2px}.placed-tile.svelte-vmqvwc{width:38px;height:34px;border:2px solid;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;color:#1a1a1a;cursor:grab}.placed-tile.svelte-vmqvwc:active{cursor:grabbing}.grid-actions.svelte-vmqvwc{display:flex;gap:.5rem}@media (max-width: 640px){.dihedral-layout.svelte-vmqvwc{gap:1rem}.grid-cell.svelte-vmqvwc{width:40px;height:38px;font-size:.75rem}.placed-tile.svelte-vmqvwc{width:32px;height:30px;font-size:.75rem}.tile.svelte-vmqvwc{width:36px;height:30px;font-size:.8rem}.op-btn.svelte-vmqvwc{min-width:2.5rem;min-height:2.25rem}}@media (prefers-contrast: high){.grid-cell.body.svelte-vmqvwc{border:1px solid #000}.placed-tile.svelte-vmqvwc,.op-btn.svelte-vmqvwc{border-width:3px}}@media (prefers-reduced-motion: reduce){.op-btn.svelte-vmqvwc,.tile.svelte-vmqvwc,.placed-tile.svelte-vmqvwc{transition:none}}