.palettes-page.svelte-15smj6t{max-width:1400px;margin:0 auto;padding:32px 24px 80px}.page-header.svelte-15smj6t{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;flex-wrap:wrap}.page-header.svelte-15smj6t h1:where(.svelte-15smj6t){font-size:28px;font-weight:700;margin:0 0 6px}.subtitle.svelte-15smj6t{margin:0;font-size:14px;color:var(--color-text-muted, #6b7280)}.refresh-btn.svelte-15smj6t{display:inline-flex;align-items:center;gap:8px;background:#02142b;color:#fff;border:none;border-radius:4px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s ease}.refresh-btn.svelte-15smj6t:hover{background:#0a2247}.grid.svelte-15smj6t{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.card.svelte-15smj6t{display:flex;flex-direction:column;gap:10px;padding:0;background:transparent;border:none;cursor:pointer;text-align:left;font:inherit;color:inherit}.strip.svelte-15smj6t{display:flex;width:100%;height:130px;border-radius:8px;overflow:hidden}.swatch.svelte-15smj6t{flex:1;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:8px;transition:flex-grow .2s ease}.swatch-hex.svelte-15smj6t{font-size:11px;font-weight:600;letter-spacing:.04em;opacity:0;transition:opacity .15s ease;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.card.svelte-15smj6t:hover .swatch-hex:where(.svelte-15smj6t),.card.svelte-15smj6t:focus-visible .swatch-hex:where(.svelte-15smj6t){opacity:1}.meta.svelte-15smj6t{display:flex;justify-content:space-between;align-items:center;gap:8px}.title-line.svelte-15smj6t{display:inline-flex;align-items:center;gap:8px;min-width:0}.title.svelte-15smj6t{font-size:14px;font-weight:600;color:var(--color-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.svelte-15smj6t{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#02142b;color:#fff;padding:2px 6px;border-radius:999px}.delete.svelte-15smj6t{border:0;background:transparent;color:var(--color-text-muted, #6b7280);cursor:pointer;padding:4px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.card.svelte-15smj6t:hover .delete:where(.svelte-15smj6t),.card.svelte-15smj6t:focus-within .delete:where(.svelte-15smj6t){opacity:1}.delete.svelte-15smj6t:hover{background:#ef44441a;color:#ef4444}