.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:190px;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;max-width:180px}select.has-value.svelte-153gx0y{color:var(--color-accent);border-color:var(--color-accent)}.btn-icon.svelte-153gx0y,.btn-text.svelte-153gx0y{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);transition:all .15s}.btn-icon.svelte-153gx0y{padding:5px}.btn-text.svelte-153gx0y{padding:4px var(--space-sm);font-size:.75rem}.btn-icon.svelte-153gx0y:hover,.btn-text.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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.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,.page-jump.svelte-153gx0y{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:.875rem}.pagination.svelte-153gx0y{margin-top:var(--space-xl)}.pagination.svelte-153gx0y button:where(.svelte-153gx0y),.page-jump.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),.page-jump.svelte-153gx0y button:where(.svelte-153gx0y):hover{background:var(--color-bg-overlay);color:var(--color-text)}.pagination.svelte-153gx0y button:where(.svelte-153gx0y):disabled{opacity:.3;cursor:not-allowed}.page-jump.svelte-153gx0y input:where(.svelte-153gx0y){width:4.5rem;background:var(--color-bg-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-xs);color:var(--color-text);text-align:center}@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}select.svelte-153gx0y{flex:1 1 calc(50% - var(--space-xs));max-width: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}.pagination.svelte-153gx0y{flex-wrap:wrap}}