:root{--font-body:"Inter", system-ui, -apple-system, sans-serif;--color-bg:#0f1014;--color-surface:#1a1b1e;--color-surface-hover:#25262b;--color-border:#2c2e33;--color-text:#e1e3e5;--color-text-dim:#a1a3a5;--color-primary:#3b82f6;--color-accent:#f472b6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;justify-content:center;min-height:100vh;margin:0;display:flex}#app{width:100%;max-width:1200px;padding:var(--spacing-md)}h1,h2,h3{margin:0;font-weight:600}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{color:inherit;background:0 0;border:none;font-family:inherit}.slider-container.svelte-oyl6e3{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.header.svelte-oyl6e3{color:var(--color-text-dim);justify-content:space-between;font-size:.9rem;display:flex}.value.svelte-oyl6e3{font-variant-numeric:tabular-nums;color:var(--color-text);font-weight:500}.track-container.svelte-oyl6e3{border-radius:var(--radius-sm);background:var(--color-surface);height:24px;position:relative}input[type=range].svelte-oyl6e3{-webkit-appearance:none;background:var(--track-gradient,transparent);border-radius:var(--radius-sm);cursor:pointer;outline:none;width:100%;height:100%;margin:0;box-shadow:inset 0 0 0 1px #ffffff1a}input[type=range].svelte-oyl6e3::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:#fff;border:1px solid #0000001a;border-radius:2px;width:12px;height:28px;transition:transform .1s;transform:translateY(0);box-shadow:0 2px 4px #0000004d}input[type=range].svelte-oyl6e3::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}input[type=range].svelte-oyl6e3::-moz-range-thumb{cursor:grab;background:#fff;border:none;border-radius:2px;width:12px;height:28px}.preview-card.svelte-2thr3{border-radius:var(--radius-lg);border:1px solid var(--color-border);background-color:#333;background-image:linear-gradient(45deg,#222 25%,#0000 25%),linear-gradient(-45deg,#222 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#222 75%),linear-gradient(-45deg,#0000 75%,#222 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;width:100%;height:200px;overflow:hidden}.swatch.svelte-2thr3{align-items:flex-end;width:100%;height:100%;padding:1rem;transition:background-color .1s;display:flex;position:relative}.formats.svelte-w2m38v{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);flex-direction:column;gap:.5rem;padding:1rem;display:flex}.format-row.svelte-w2m38v{border-radius:var(--radius-sm);grid-template-columns:60px 1fr 30px;align-items:center;gap:.5rem;padding:.5rem;transition:background .2s;display:grid}.format-row.svelte-w2m38v:hover{background:var(--color-surface-hover)}.label.svelte-w2m38v{color:var(--color-text-dim);text-transform:uppercase;font-size:.8rem;font-weight:600}.value.svelte-w2m38v{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:.9rem;overflow:hidden}.copy-btn.svelte-w2m38v{color:var(--color-text-dim);border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.copy-btn.svelte-w2m38v:hover{color:var(--color-text);background:#ffffff1a}.picker-layout.svelte-zxiloo{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#15161a;grid-template-columns:1fr 1fr;gap:2rem;padding:2rem;display:grid;box-shadow:0 4px 24px #00000080}@media (max-width:768px){.picker-layout.svelte-zxiloo{grid-template-columns:1fr}}.column.svelte-zxiloo{flex-direction:column;gap:1.5rem;display:flex}.subtitle.svelte-zxiloo{color:var(--color-text-dim);margin:0;font-size:.9rem}.header-section.svelte-zxiloo{margin-bottom:.5rem}.converter.svelte-zxiloo{flex-direction:column;gap:.5rem;margin-bottom:1.5rem;display:flex}.converter.svelte-zxiloo label:where(.svelte-zxiloo){color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.converter.svelte-zxiloo input:where(.svelte-zxiloo){background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);width:100%;padding:.75rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.converter.svelte-zxiloo input:where(.svelte-zxiloo):focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #3b82f633}.converter.svelte-zxiloo input.error:where(.svelte-zxiloo){border-color:#ef4444}.error-msg.svelte-zxiloo{color:#ef4444;font-size:.8rem}.sliders.svelte-zxiloo{flex-direction:column;gap:.5rem;display:flex}main.svelte-1n46o8q{flex-direction:column;gap:2rem;width:100%;margin:0 auto;display:flex}.header.svelte-1n46o8q{justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.logo.svelte-1n46o8q{align-items:center;gap:1rem;display:flex}.logo-icon.svelte-1n46o8q{background:conic-gradient(from 90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;width:32px;height:32px;box-shadow:0 0 10px #fff3}h1.svelte-1n46o8q{letter-spacing:-.02em;font-size:1.5rem}