.hero.svelte-cmljar{padding:var(--space-3xl) 0 var(--space-xl) 0;border-bottom:1px solid var(--color-border)}.hero-number.svelte-cmljar{font-family:var(--font-body);font-size:.6875rem;font-weight:500;color:var(--color-text-tertiary);letter-spacing:.15em;margin-bottom:var(--space-md);text-transform:uppercase}.hero-title.svelte-cmljar{font-family:var(--font-display);font-size:clamp(2.5rem,8vw,5rem);font-weight:900;line-height:.9;letter-spacing:-.05em;color:var(--color-text-primary);margin-bottom:var(--space-md)}.hero-description.svelte-cmljar{font-family:var(--font-body);font-size:1.125rem;color:var(--color-text-secondary);max-width:600px}.tool-section.svelte-cmljar{padding:var(--space-2xl) 0}.workspace.svelte-cmljar{display:flex;flex-direction:column;gap:var(--space-xl)}.color-preview.svelte-cmljar{height:200px;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.preview-label.svelte-cmljar{font-family:Courier New,monospace;font-size:2rem;font-weight:700;padding:var(--space-md) var(--space-lg);background:#00000080;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.converter-group.svelte-cmljar{display:flex;flex-direction:column;gap:var(--space-lg)}.converter-item.svelte-cmljar{padding:var(--space-lg);border:1px solid var(--color-border);background:var(--color-surface);display:flex;flex-direction:column;gap:var(--space-md)}.control-label.svelte-cmljar{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.input-row.svelte-cmljar{display:flex;gap:var(--space-sm)}.text-input.svelte-cmljar{flex:1;font-family:Courier New,monospace;font-size:1rem;padding:.75rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary)}.text-input.svelte-cmljar:focus{outline:none;border-color:var(--color-text-primary)}.rgb-inputs.svelte-cmljar,.hsl-inputs.svelte-cmljar{display:flex;gap:var(--space-sm)}.input-group.svelte-cmljar{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.mini-label.svelte-cmljar{font-family:var(--font-body);font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase}.number-input.svelte-cmljar{flex:1;font-family:Courier New,monospace;font-size:1rem;padding:.75rem;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-primary)}.number-input.svelte-cmljar:focus{outline:none;border-color:var(--color-text-primary)}.copy-btn.svelte-cmljar{font-family:var(--font-body);font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;border:1px solid var(--color-border);background:var(--color-text-primary);color:var(--color-bg);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.copy-btn.svelte-cmljar:hover{opacity:.9}@media(max-width:768px){.converter-item.svelte-cmljar{padding:var(--space-md)}.preview-label.svelte-cmljar{font-size:1.5rem}}