.deck-preview.svelte-xtuy20{width:100%;container-type:inline-size;container-name:deck-preview}.cards-grid.svelte-xtuy20{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:2rem;padding:1rem 0}@media(max-width:640px){.cards-grid.svelte-xtuy20{grid-template-columns:1fr;gap:1.5rem}}@container (max-width: 400px){.cards-grid.svelte-xtuy20{grid-template-columns:1fr!important;gap:1.5rem}}.card-wrapper.svelte-xtuy20{display:flex;flex-direction:column;gap:.75rem;width:100%;max-width:100%;min-width:0}.card-display.svelte-xtuy20{width:100%;height:auto;aspect-ratio:5/7;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s ease,box-shadow .2s ease;touch-action:manipulation;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.card-display.svelte-xtuy20:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}}.card-controls.svelte-xtuy20{display:flex;gap:.5rem;justify-content:center}.control-button.svelte-xtuy20{display:flex;align-items:center;gap:.5rem;padding:.625rem .875rem;background:#fff;color:var(--ui-text, #1a202c);border:1px solid var(--ui-border, #e2e8f0);border-radius:6px;font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;flex:1;min-width:0}@media(hover:hover)and (pointer:fine){.control-button.svelte-xtuy20{transition:all .2s ease}.control-button.svelte-xtuy20:hover{background:var(--ui-hover-bg, #f8fafc);border-color:var(--button-primary-bg, #3b82f6);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}}.control-button.active.svelte-xtuy20{background:var(--button-primary-bg, #3b82f6);color:#fff;border-color:var(--button-primary-bg, #3b82f6)}.control-button.action.svelte-xtuy20{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;flex:0 0 auto}@media(hover:hover)and (pointer:fine){.control-button.active.svelte-xtuy20:hover{background:var(--button-primary-hover-bg, #2563eb);border-color:var(--button-primary-hover-bg, #2563eb);box-shadow:0 2px 6px #3b82f64d}.control-button.action.svelte-xtuy20:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #10b98166}}.button-icon.svelte-xtuy20{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.button-text.svelte-xtuy20{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:640px){.control-button.svelte-xtuy20{padding:.5rem}.button-text.svelte-xtuy20{display:none}.control-button.action.svelte-xtuy20{padding:.5rem .75rem}.control-button.action.svelte-xtuy20 .button-text:where(.svelte-xtuy20){display:inline}}