.color-input.svelte-1etl7kx{gap:.4rem;display:flex}.color-input.svelte-1etl7kx input[type=color]:where(.svelte-1etl7kx){flex:none;width:48px}h2.svelte-1etl7kx{margin-bottom:.7rem;font-size:1.05rem}.head.svelte-1etl7kx{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.head.svelte-1etl7kx h2:where(.svelte-1etl7kx){margin-bottom:0}.ramp.svelte-1etl7kx{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:3px;display:grid}.step.svelte-1etl7kx{cursor:pointer;border:none;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:.1rem;height:96px;padding:.5rem;display:flex}.step.svelte-1etl7kx:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.step.svelte-1etl7kx:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.step-number.svelte-1etl7kx{opacity:.75;font-size:.72rem;font-weight:700}.step-hex.svelte-1etl7kx{font-family:var(--font-mono);font-size:.68rem}.code.svelte-1etl7kx{background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:.75rem;font-size:.8rem;line-height:1.6;overflow-x:auto}td.good.svelte-1etl7kx{color:var(--positive);font-weight:600}