.page.svelte-153gx0y{padding:var(--space-xl);max-width:1400px}.page-header.svelte-153gx0y{margin-bottom:var(--space-md)}.tabs.svelte-153gx0y{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-sm)}.tab.svelte-153gx0y{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-153gx0y:hover{color:var(--color-text)}.tab.active.svelte-153gx0y{color:var(--color-accent);border-bottom-color:var(--color-accent)}.tab-count.svelte-153gx0y{font-size:.6875rem;color:var(--color-text-dim);margin-left:2px}.toolbar.svelte-153gx0y{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:wrap}.toolbar-spacer.svelte-153gx0y{flex:1}.search-box.svelte-153gx0y{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-153gx0y input:where(.svelte-153gx0y){border:none;background:none;padding:0;flex:1;color:var(--color-text);font-size:.8125rem;min-width:0}.search-box.svelte-153gx0y input:where(.svelte-153gx0y):focus{outline:none}select.svelte-153gx0y{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-153gx0y{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-153gx0y:hover{background:var(--color-bg-overlay);color:var(--color-text)}.gradient-grid.svelte-153gx0y{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.gradient-card.svelte-153gx0y{text-decoration:none;color:inherit;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all .15s}.gradient-card.svelte-153gx0y:hover{border-color:var(--color-text-dim)}.gradient-preview.svelte-153gx0y{height:120px;width:100%}.gradient-info.svelte-153gx0y{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md)}.gradient-name.svelte-153gx0y{font-size:.8125rem;font-weight:500}.copy-btn.svelte-153gx0y{padding:4px;border-radius:var(--radius-sm);color:var(--color-text-dim);transition:all .1s}.copy-btn.svelte-153gx0y:hover{color:var(--color-accent)}.gradient-stops.svelte-153gx0y{display:flex;gap:4px;padding:0 var(--space-md) var(--space-sm)}.stop-dot.svelte-153gx0y{width:14px;height:14px;border-radius:50%;border:1px solid var(--color-border)}.empty.svelte-153gx0y{padding:var(--space-2xl);text-align:center;color:var(--color-text-muted)}.pagination.svelte-153gx0y{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-153gx0y button:where(.svelte-153gx0y){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-153gx0y button:where(.svelte-153gx0y):hover:not(:disabled){background:var(--color-bg-overlay);color:var(--color-text)}.pagination.svelte-153gx0y button:where(.svelte-153gx0y):disabled{opacity:.3;cursor:not-allowed}.dropdown.svelte-153gx0y{position:relative}.filter-btn.svelte-153gx0y{display:flex;align-items:center;gap:var(--space-xs);padding:4px var(--space-sm);background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-muted);cursor:pointer;white-space:nowrap}.filter-btn.svelte-153gx0y:hover{border-color:var(--color-text-dim);color:var(--color-text)}.filter-btn.has-value.svelte-153gx0y{color:var(--color-accent);border-color:var(--color-accent)}.clear-btn.svelte-153gx0y{display:flex;align-items:center;padding:1px;border-radius:50%;color:inherit}.clear-btn.svelte-153gx0y:hover{background:var(--color-bg-overlay)}.dropdown-backdrop.svelte-153gx0y{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}.dropdown-menu.svelte-153gx0y{position:absolute;top:calc(100% + 4px);left:0;z-index:10;min-width:160px;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs);box-shadow:0 4px 12px #00000026;max-height:240px;overflow-y:auto}.dropdown-item.svelte-153gx0y{display:block;width:100%;padding:var(--space-xs) var(--space-sm);font-size:.8125rem;color:var(--color-text-muted);text-align:left;border-radius:var(--radius-sm)}.dropdown-item.svelte-153gx0y:hover{background:var(--color-bg-overlay);color:var(--color-text)}.dropdown-item.active.svelte-153gx0y{color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}@media(max-width:767px){.page.svelte-153gx0y{padding:var(--space-md)}.toolbar.svelte-153gx0y{flex-wrap:wrap}.search-box.svelte-153gx0y{width:100%;order:-1}.toolbar-spacer.svelte-153gx0y{display:none}.gradient-grid.svelte-153gx0y{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-sm)}.gradient-preview.svelte-153gx0y{height:90px}.gradient-info.svelte-153gx0y{padding:var(--space-xs) var(--space-sm)}.gradient-name.svelte-153gx0y{font-size:.75rem}.gradient-stops.svelte-153gx0y{padding:0 var(--space-sm) var(--space-xs)}.stop-dot.svelte-153gx0y{width:12px;height:12px}.dropdown-menu.svelte-153gx0y{position:fixed;left:var(--space-md);right:var(--space-md);top:auto;bottom:80px;max-height:50vh}.dropdown-backdrop.svelte-153gx0y{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9}}