.container.svelte-1ftpxlu.svelte-1ftpxlu{max-width:1000px;margin:0 auto;padding:2rem;min-height:100vh}.page-header.svelte-1ftpxlu.svelte-1ftpxlu{text-align:center;margin-bottom:3rem}.page-title.svelte-1ftpxlu.svelte-1ftpxlu{font-size:2.5rem;font-weight:700;color:#f1f5f9;margin-bottom:1rem;background:linear-gradient(90deg,#60a5fa,#a78bfa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page-description.svelte-1ftpxlu.svelte-1ftpxlu{font-size:1.125rem;color:#cbd5e1;max-width:600px;margin:0 auto;line-height:1.6}.tool-content.svelte-1ftpxlu.svelte-1ftpxlu{display:flex;flex-direction:column;gap:2rem}.preview-section.svelte-1ftpxlu.svelte-1ftpxlu{display:flex;justify-content:center}.color-preview.svelte-1ftpxlu.svelte-1ftpxlu{width:100%;max-width:400px;height:150px;border-radius:1rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;border:1px solid rgba(255,255,255,.1);transition:background-color .1s ease}.preview-text.svelte-1ftpxlu.svelte-1ftpxlu{font-size:1.5rem;font-weight:700;font-family:monospace}.converters-section.svelte-1ftpxlu.svelte-1ftpxlu{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.converter-card.svelte-1ftpxlu.svelte-1ftpxlu{background:rgba(30,41,59,.5);border-radius:1rem;padding:1.5rem;border:1px solid #334155}.card-header.svelte-1ftpxlu.svelte-1ftpxlu{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.card-title.svelte-1ftpxlu.svelte-1ftpxlu{font-size:1.25rem;font-weight:600;color:#f1f5f9;margin:0}.input-group.svelte-1ftpxlu.svelte-1ftpxlu{display:flex;gap:.5rem}.text-input.svelte-1ftpxlu.svelte-1ftpxlu{flex:1;padding:.75rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;font-family:monospace;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.text-input.invalid.svelte-1ftpxlu.svelte-1ftpxlu{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.color-picker.svelte-1ftpxlu.svelte-1ftpxlu{width:3rem;height:3rem;padding:0;border:none;background:none;cursor:pointer}.rgb-inputs.svelte-1ftpxlu.svelte-1ftpxlu{display:flex;gap:.5rem;margin-bottom:1rem}.number-input-group.svelte-1ftpxlu.svelte-1ftpxlu{flex:1;display:flex;flex-direction:column;gap:.25rem}.number-input-group.svelte-1ftpxlu label.svelte-1ftpxlu{color:#94a3b8;font-size:.8rem;font-weight:600;text-align:center}.number-input-group.svelte-1ftpxlu input.svelte-1ftpxlu{width:100%;padding:.5rem;background:#1e293b;border:1px solid #475569;border-radius:.5rem;color:#f1f5f9;text-align:center;font-family:monospace}.sliders.svelte-1ftpxlu.svelte-1ftpxlu{display:flex;flex-direction:column;gap:.75rem}.slider.svelte-1ftpxlu.svelte-1ftpxlu{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none}.hue-slider.svelte-1ftpxlu.svelte-1ftpxlu{background:linear-gradient(to right,red,yellow,lime,cyan,blue,magenta,red)}.slider.svelte-1ftpxlu.svelte-1ftpxlu::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:white;cursor:pointer;border:2px solid #334155}