.palettes-page.svelte-l06e47{min-height:calc(100vh - 55px);background:#f7f8f5}.hero.svelte-l06e47{background:#fff;padding:3rem 2rem;text-align:center;border-bottom:1px solid #e8ebef}.hero.svelte-l06e47 h1:where(.svelte-l06e47){font-size:clamp(1.75rem,calc(1.5rem + 1.5vw),2.5rem);font-weight:700;margin:0 0 .75rem;color:#02142b}.hero.svelte-l06e47 p:where(.svelte-l06e47){font-size:1rem;color:#5b6b8a;max-width:600px;margin:0 auto}.generator-container.svelte-l06e47{max-width:1200px;margin:0 auto;padding:2rem}.generator-card.svelte-l06e47{background:#fff;border:1px solid #e8ebef;border-radius:8px;padding:2rem;margin-bottom:3rem}.input-section.svelte-l06e47{margin-bottom:1.5rem}.input-label.svelte-l06e47{display:block;font-size:1rem;font-weight:600;color:#02142b;margin-bottom:.75rem}.input-controls.svelte-l06e47{display:flex;gap:1rem;flex-wrap:wrap}.color-input.svelte-l06e47{flex:1;min-width:250px;padding:.875rem 1.25rem;border:1px solid #e8ebef;border-radius:8px;font-size:1rem;transition:border-color .2s ease;background:#fff}.color-input.svelte-l06e47:focus{outline:none;border-color:#ff356a}.random-button.svelte-l06e47{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:#fff;border:1px solid #e8ebef;border-radius:8px;font-size:.9375rem;font-weight:500;color:#02142b;cursor:pointer;transition:border-color .2s ease}.random-button.svelte-l06e47:hover{border-color:#ff356a}.color-suggestions.svelte-l06e47{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.5rem;margin-bottom:1.5rem;max-height:300px;overflow-y:auto;padding:.5rem;background:#f7f8f5;border-radius:8px}.color-suggestion.svelte-l06e47{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border:1px solid #e8ebef;border-radius:8px;cursor:pointer;transition:border-color .2s ease;text-align:left}.color-suggestion.svelte-l06e47:hover{border-color:#ff356a}.color-dot.svelte-l06e47{width:32px;height:32px;border-radius:6px;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.color-name.svelte-l06e47{flex:1;font-size:.875rem;font-weight:500;color:#02142b}.color-hex.svelte-l06e47{font-size:.8125rem;color:#5b6b8a;font-family:Monaco,monospace}.cta-section.svelte-l06e47{text-align:center;padding:2rem;background:#f7f8f5;border-radius:8px}.cta-text.svelte-l06e47{font-size:.9375rem;color:#5b6b8a;margin:0}.custom-hex-section.svelte-l06e47{margin-bottom:1.5rem}.custom-hex-button.svelte-l06e47{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#ff356a;border:1px solid #FF356A;border-radius:8px;cursor:pointer;transition:border-color .2s ease;color:#fff}.custom-hex-button.svelte-l06e47:hover{border-color:#e02d5d}.hex-preview.svelte-l06e47{width:48px;height:48px;border-radius:8px;border:2px solid white;flex-shrink:0}.hex-info.svelte-l06e47{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.hex-label.svelte-l06e47{font-size:.875rem;font-weight:600;opacity:.9}.hex-value.svelte-l06e47{font-size:.9375rem;font-family:Monaco,monospace;font-weight:500}@media(max-width:768px){.generator-container.svelte-l06e47{padding:1rem}.generator-card.svelte-l06e47{padding:1.5rem}.input-controls.svelte-l06e47{flex-direction:column}.color-input.svelte-l06e47{min-width:100%}}