.page.svelte-15smj6t{padding:var(--space-xl);max-width:1400px}.page-header.svelte-15smj6t{margin-bottom:var(--space-md)}.tabs.svelte-15smj6t{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.tab.svelte-15smj6t{padding:var(--space-xs) var(--space-md);font-size:.8125rem;font-weight:500;color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s}.tab.svelte-15smj6t:hover{color:var(--color-text)}.tab.active.svelte-15smj6t{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-count.svelte-15smj6t{font-size:.6875rem;color:var(--color-text-dim);margin-left:2px}.toolbar.svelte-15smj6t{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.toolbar-spacer.svelte-15smj6t{flex:1}.search-box.svelte-15smj6t{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px var(--space-sm);width:180px;color:var(--color-text-muted)}.search-box.svelte-15smj6t input:where(.svelte-15smj6t){border:none;background:none;padding:0;flex:1;color:var(--color-text);font-size:.8125rem;min-width:0}.search-box.svelte-15smj6t input:where(.svelte-15smj6t):focus{outline:none}select.svelte-15smj6t{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px var(--space-sm);font-size:.75rem;color:var(--color-text);cursor:pointer}.btn-icon.svelte-15smj6t{display:flex;align-items:center;justify-content:center;padding:5px;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .15s}.btn-icon.svelte-15smj6t:hover{background:var(--color-bg-overlay);color:var(--color-text)}.palette-grid.svelte-15smj6t{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.palette-card.svelte-15smj6t{background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .15s}.palette-card.svelte-15smj6t:hover{border-color:var(--color-text-dim)}.palette-colors.svelte-15smj6t{display:flex;height:80px}.palette-swatch.svelte-15smj6t{flex:1;min-width:0;transition:flex .2s ease}.palette-card.svelte-15smj6t:hover .palette-swatch:where(.svelte-15smj6t):hover{flex:2}.palette-info.svelte-15smj6t{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.palette-name.svelte-15smj6t{font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.palette-actions.svelte-15smj6t{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.palette-count.svelte-15smj6t{font-size:.6875rem;color:var(--color-text-dim);background:var(--color-bg-overlay);padding:1px 6px;border-radius:999px}.copy-btn.svelte-15smj6t{padding:4px;border-radius:var(--radius-sm);color:var(--color-text-dim);transition:all .1s}.copy-btn.svelte-15smj6t:hover{color:var(--color-accent)}.empty.svelte-15smj6t{padding:var(--space-2xl);text-align:center;color:var(--color-text-muted)}.pagination.svelte-15smj6t{display:flex;align-items:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-xl);color:var(--color-text-muted);font-size:.875rem}.pagination.svelte-15smj6t button:where(.svelte-15smj6t){padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all .15s}.pagination.svelte-15smj6t button:where(.svelte-15smj6t):hover:not(:disabled){background:var(--color-bg-overlay);color:var(--color-text)}.pagination.svelte-15smj6t button:where(.svelte-15smj6t):disabled{opacity:.3;cursor:not-allowed}@media(max-width:767px){.page.svelte-15smj6t{padding:var(--space-md)}.toolbar.svelte-15smj6t{flex-wrap:wrap}.search-box.svelte-15smj6t{width:100%;order:-1}.toolbar-spacer.svelte-15smj6t{display:none}.palette-grid.svelte-15smj6t{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-sm)}.palette-colors.svelte-15smj6t{height:60px}.palette-info.svelte-15smj6t{padding:var(--space-xs) var(--space-sm)}.palette-name.svelte-15smj6t{font-size:.75rem}}