.colors-page.svelte-f1j3j9{max-width:900px;margin:0 auto;padding:3rem 2rem;font-family:Courier New,monospace;background:#0a0e17;color:#c0c8d8;min-height:100vh}header.svelte-f1j3j9{text-align:center;margin-bottom:3rem}h1.svelte-f1j3j9{font-size:2rem;color:#27cfff;letter-spacing:.2em;margin:0;text-shadow:0 0 20px rgba(39,207,255,.3)}h2.svelte-f1j3j9{font-size:.8rem;font-weight:400;color:#27cfff;opacity:.4;letter-spacing:.4em;text-transform:uppercase;margin:.5rem 0 0}.palette.svelte-f1j3j9,.gradients.svelte-f1j3j9,.combos.svelte-f1j3j9{margin-bottom:2.5rem}.palette-label.svelte-f1j3j9{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:#445;border-bottom:1px solid #1a2035;padding-bottom:.5rem;margin:0 0 1rem}.swatches.svelte-f1j3j9{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.5rem}.swatch.svelte-f1j3j9{background:#0f1520;border:1px solid #1a2035;border-radius:6px;overflow:hidden;cursor:pointer;transition:all .15s ease;text-align:left;font-family:inherit;color:inherit;padding:0}.swatch.svelte-f1j3j9:hover{border-color:#27cfff;transform:translateY(-1px)}.swatch-color.svelte-f1j3j9{height:60px;display:flex;align-items:flex-end;justify-content:flex-end;padding:.3rem .5rem}.swatch-hex.svelte-f1j3j9{font-size:.65rem;color:#00000080;mix-blend-mode:multiply;font-weight:700}.swatch-info.svelte-f1j3j9{padding:.4rem .5rem;display:flex;flex-direction:column;gap:.1rem}.swatch-name.svelte-f1j3j9{font-size:.75rem;color:#e0e8f0}.swatch-usage.svelte-f1j3j9{font-size:.6rem;color:#556}.gradient-list.svelte-f1j3j9{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.gradient-card.svelte-f1j3j9{background:#0f1520;border:1px solid #1a2035;border-radius:6px;overflow:hidden}.gradient-bar.svelte-f1j3j9{height:40px}.gradient-name.svelte-f1j3j9{display:block;padding:.4rem .5rem;font-size:.7rem;color:#c0c8d8}.combo-list.svelte-f1j3j9{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.combo-card.svelte-f1j3j9{border:1px solid #1a2035;border-radius:6px;padding:1rem;min-height:80px;display:flex;flex-direction:column;justify-content:space-between}.combo-accents.svelte-f1j3j9{display:flex;gap:.5rem;font-size:1.4rem;filter:drop-shadow(0 0 6px currentColor)}.combo-name.svelte-f1j3j9{font-size:.7rem;color:#c0c8d8;margin-top:.5rem}.back.svelte-f1j3j9{display:inline-block;margin-top:2rem;color:#445;text-decoration:none;font-size:.85rem}.back.svelte-f1j3j9:hover{color:#27cfff}@media(max-width:600px){.colors-page.svelte-f1j3j9{padding:2rem 1rem}.swatches.svelte-f1j3j9{grid-template-columns:repeat(2,1fr)}.gradient-list.svelte-f1j3j9{grid-template-columns:1fr}.combo-list.svelte-f1j3j9{grid-template-columns:1fr 1fr}}