.arrangements-page.svelte-188fivq{min-height:100vh;background:var(--bg-void);padding:var(--space-lg)}.masonry-grid.svelte-188fivq{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;width:100%}.composition-card.svelte-188fivq{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:4px;padding:12px;display:flex;flex-direction:column;align-items:center;width:100%;-moz-column-break-inside:avoid;break-inside:avoid}.composition-grid.svelte-188fivq{display:grid;gap:0;width:auto;margin:0 auto;background-color:var(--bg-void);border:1px solid var(--border-subtle);overflow:hidden}.grid-cell.svelte-188fivq{width:128px;height:128px;background-color:var(--bg-raised);position:relative}.cell-content.svelte-188fivq{width:100%;height:100%;position:relative;cursor:pointer}.cell-overlay.svelte-188fivq{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .15s;z-index:10}.grid-cell.svelte-188fivq:hover .cell-overlay:where(.svelte-188fivq){background:#00000080;opacity:1}.cell-link.svelte-188fivq{color:#fff;font-size:var(--text-sm);text-decoration:none}.empty-cell.svelte-188fivq{width:100%;height:100%;background-color:var(--bg-raised)}.creation-time.svelte-188fivq{margin-top:12px;font-size:var(--text-xs);color:var(--text-secondary);text-align:center}.transaction-id.svelte-188fivq{font-size:var(--text-xs);color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--border-default)}.transaction-id.svelte-188fivq:hover{color:var(--text-primary);text-decoration-color:var(--text-primary)}.transaction-id-container.svelte-188fivq{margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px}.copy-button.svelte-188fivq{background:none;border:none;padding:2px;cursor:pointer;color:var(--text-dim);border-radius:3px;display:flex;align-items:center;justify-content:center}.copy-button.svelte-188fivq:hover{color:var(--text-primary);background-color:var(--accent-dim)}@media(max-width:768px){.masonry-grid.svelte-188fivq{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.grid-cell.svelte-188fivq{width:96px;height:96px}.composition-grid.svelte-188fivq{grid-template-rows:repeat(var(--rows),96px)!important;grid-template-columns:repeat(var(--cols),96px)!important}.cell-link.svelte-188fivq{font-size:10px}}@media(max-width:480px){.masonry-grid.svelte-188fivq{grid-template-columns:1fr}}