.color-filter.svelte-1uoiat9{display:flex;align-items:center}.color-buttons.svelte-1uoiat9{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.divider.svelte-1uoiat9{width:1px;height:2rem;background:#d1d5db;margin:0 .25rem}.dark .divider.svelte-1uoiat9{background:#4b5563}.color-button.svelte-1uoiat9{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;background:#fff;border:2px solid #d1d5db;border-radius:50%;cursor:pointer;transition:all .2s;position:relative}.color-button.svelte-1uoiat9:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026}.color-button.svelte-1uoiat9:focus{outline:2px solid #3b82f6;outline-offset:2px}.color-button.active.svelte-1uoiat9{border-width:3px;box-shadow:0 0 0 3px #3b82f64d}.dark .color-button.svelte-1uoiat9{background:#374151;border-color:#4b5563}.dark .color-button.svelte-1uoiat9:hover{background:#4b5563}.dark .color-button.active.svelte-1uoiat9{box-shadow:0 0 0 3px #60a5fa4d}.mana-symbol.svelte-1uoiat9{font-size:1.25rem;font-weight:700;line-height:1}.mana-w.svelte-1uoiat9{color:#f9fafb;text-shadow:0 0 2px #d97706,0 1px 2px rgba(0,0,0,.3)}.color-button.svelte-1uoiat9:has(.mana-w:where(.svelte-1uoiat9)){background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b}.color-button.active.svelte-1uoiat9:has(.mana-w:where(.svelte-1uoiat9)){border-color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.mana-u.svelte-1uoiat9{color:#1e40af}.color-button.svelte-1uoiat9:has(.mana-u:where(.svelte-1uoiat9)){background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6}.color-button.active.svelte-1uoiat9:has(.mana-u:where(.svelte-1uoiat9)){border-color:#2563eb;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.mana-b.svelte-1uoiat9{color:#1f2937}.color-button.svelte-1uoiat9:has(.mana-b:where(.svelte-1uoiat9)){background:linear-gradient(135deg,#f9fafb,#e5e7eb);border-color:#1f2937}.color-button.active.svelte-1uoiat9:has(.mana-b:where(.svelte-1uoiat9)){border-color:#111827;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.mana-r.svelte-1uoiat9{color:#dc2626}.color-button.svelte-1uoiat9:has(.mana-r:where(.svelte-1uoiat9)){background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#ef4444}.color-button.active.svelte-1uoiat9:has(.mana-r:where(.svelte-1uoiat9)){border-color:#dc2626;background:linear-gradient(135deg,#fee2e2,#fecaca)}.mana-g.svelte-1uoiat9{color:#16a34a}.color-button.svelte-1uoiat9:has(.mana-g:where(.svelte-1uoiat9)){background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.color-button.active.svelte-1uoiat9:has(.mana-g:where(.svelte-1uoiat9)){border-color:#16a34a;background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.mana-multicolor.svelte-1uoiat9{color:#f59e0b;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.color-button.svelte-1uoiat9:has(.mana-multicolor:where(.svelte-1uoiat9)){background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}.color-button.active.svelte-1uoiat9:has(.mana-multicolor:where(.svelte-1uoiat9)){border-color:#d97706;background:linear-gradient(135deg,#fde68a,#fcd34d)}.mana-colorless.svelte-1uoiat9{color:#6b7280;font-weight:700}.color-button.svelte-1uoiat9:has(.mana-colorless:where(.svelte-1uoiat9)){background:linear-gradient(135deg,#f9fafb,#e5e7eb);border-color:#9ca3af}.color-button.active.svelte-1uoiat9:has(.mana-colorless:where(.svelte-1uoiat9)){border-color:#6b7280;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.color-button.muted.svelte-1uoiat9{background:#e5e7eb;border-color:#d1d5db}.dark .color-button.muted.svelte-1uoiat9{background:#374151;border-color:#4b5563}@media(max-width:640px){.color-buttons.svelte-1uoiat9{gap:.5rem}.color-button.svelte-1uoiat9{width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem}.mana-symbol.svelte-1uoiat9{font-size:1.125rem}.divider.svelte-1uoiat9{display:none}.special-filter.svelte-1uoiat9{min-width:2.75rem;height:2.75rem;min-height:2.75rem;border-radius:50%}}dialog.svelte-unc1kl{position:fixed;bottom:0;left:0;right:0;width:100%;max-height:85dvh;border-radius:1rem 1rem 0 0;margin:0;padding:0;overflow-y:auto;border:none;background:#fff;box-shadow:0 -4px 24px #00000026;transition:transform .25s ease-out}dialog[open].svelte-unc1kl{transform:translateY(0)}@starting-style{dialog[open].svelte-unc1kl{transform:translateY(100%)}}dialog.svelte-unc1kl::backdrop{background:#00000080}@media(min-width:641px){dialog.svelte-unc1kl{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:420px;max-height:80vh;border-radius:.75rem;transition:none}dialog[open].svelte-unc1kl{transform:translate(-50%,-50%)}}.dark dialog.svelte-unc1kl{background:#1f2937;color:#f9fafb}.drawer-inner.svelte-unc1kl{display:flex;flex-direction:column;min-height:0}.drawer-header.svelte-unc1kl{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;background:inherit;z-index:1}.dark .drawer-header.svelte-unc1kl{border-bottom-color:#374151}.drawer-title.svelte-unc1kl{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.dark .drawer-title.svelte-unc1kl{color:#f9fafb}.close-btn.svelte-unc1kl{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:44px;min-height:44px;padding:0;background:transparent;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;color:#6b7280;cursor:pointer;transition:all .2s}.close-btn.svelte-unc1kl:hover{background:#f3f4f6;color:#111827}.dark .close-btn.svelte-unc1kl{border-color:#374151;color:#9ca3af}.dark .close-btn.svelte-unc1kl:hover{background:#374151;color:#f9fafb}.set-price-row.svelte-unc1kl{display:flex;gap:.75rem;align-items:flex-end}.set-price-row.svelte-unc1kl .filter-section:where(.svelte-unc1kl):first-child{flex:1;min-width:0}.set-price-row.svelte-unc1kl .filter-bar,.set-price-row.svelte-unc1kl .filter-container,.set-price-row.svelte-unc1kl .filter-button{width:100%}.clear-all-btn.svelte-unc1kl{padding:.375rem .75rem;background:transparent;border:1px solid #ef4444;border-radius:.375rem;font-size:.8125rem;font-weight:500;color:#ef4444;cursor:pointer;transition:all .2s;min-height:44px;white-space:nowrap;flex-shrink:0}.clear-all-btn.svelte-unc1kl:hover{background:#fef2f2}.dark .clear-all-btn.svelte-unc1kl{border-color:#f87171;color:#f87171}.dark .clear-all-btn.svelte-unc1kl:hover{background:#ef44441a}.drawer-body.svelte-unc1kl{padding:.75rem 1.25rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}.drawer-footer.svelte-unc1kl{padding:1rem 1.25rem;border-top:1px solid #e5e7eb;position:sticky;bottom:0;background:inherit;z-index:1;display:flex;gap:.75rem;align-items:center}.dark .drawer-footer.svelte-unc1kl{border-top-color:#374151}.apply-btn.svelte-unc1kl{flex:1;padding:.75rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;min-height:48px}.apply-btn.svelte-unc1kl:hover{background:#2563eb}.apply-btn.svelte-unc1kl:active{background:#1d4ed8}.filter-section.svelte-unc1kl{display:flex;flex-direction:column;gap:.5rem}.section-label.svelte-unc1kl,.price-label.svelte-unc1kl{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0}.dark .section-label.svelte-unc1kl,.dark .price-label.svelte-unc1kl{color:#9ca3af}.rarity-group.svelte-unc1kl{display:flex;flex-wrap:wrap;gap:.5rem}.rarity-label.svelte-unc1kl{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;transition:all .2s;min-height:44px}.rarity-label.svelte-unc1kl:hover{background:#f3f4f6}.dark .rarity-label.svelte-unc1kl{color:#d1d5db;border-color:#374151}.dark .rarity-label.svelte-unc1kl:hover{background:#374151}.rarity-checkbox.svelte-unc1kl{cursor:pointer;accent-color:#3b82f6;width:1rem;height:1rem}.price-select.svelte-unc1kl{width:100%;padding:.625rem 2rem .625rem .75rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;font-size:.9375rem;cursor:pointer;transition:all .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem;min-height:44px}.price-select.svelte-unc1kl:hover{border-color:#9ca3af}.price-select.svelte-unc1kl:focus{outline:2px solid #3b82f6;outline-offset:2px;border-color:#3b82f6}.dark .price-select.svelte-unc1kl{background-color:#374151;border-color:#4b5563;color:#f9fafb;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/%2Fsvg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.search-input-wrapper.svelte-4cijiw{position:relative;display:flex;align-items:center;max-width:480px}.search-icon.svelte-4cijiw{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none;flex-shrink:0}.dark .search-icon.svelte-4cijiw{color:#6b7280}.search-input.svelte-4cijiw{width:100%;padding:.5rem 2.5rem .5rem 2.25rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background:#fff;color:#111827;transition:border-color .2s,box-shadow .2s;min-height:44px}.search-input.svelte-4cijiw:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark .search-input.svelte-4cijiw{background:#1f2937;border-color:#374151;color:#f9fafb}.dark .search-input.svelte-4cijiw:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.search-clear-btn.svelte-4cijiw{position:absolute;right:.5rem;display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;border-radius:.25rem;color:#9ca3af;cursor:pointer;transition:color .2s}.search-clear-btn.svelte-4cijiw:hover{color:#4b5563}.dark .search-clear-btn.svelte-4cijiw{color:#6b7280}.dark .search-clear-btn.svelte-4cijiw:hover{color:#d1d5db}@media(max-width:768px){.search-input-wrapper.svelte-4cijiw{max-width:100%}}