.fields.svelte-h4baoy{grid-template-columns:repeat(var(--count), minmax(0, 1fr));gap:6px;display:grid}.field.svelte-h4baoy{border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);cursor:text;block-size:34px;min-inline-size:0;transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);align-items:center;gap:4px;padding-inline:8px;display:flex}.field.svelte-h4baoy:hover{border-color:color-mix(in oklab, var(--border-strong) 70%, var(--text))}.field.svelte-h4baoy:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent)}.field.invalid.svelte-h4baoy{border-color:var(--danger)}.field.invalid.svelte-h4baoy:focus-within{box-shadow:0 0 0 3px color-mix(in oklab, var(--danger) 22%, transparent)}.unit.svelte-h4baoy{margin-inline-start:-2px}.key.svelte-h4baoy,.unit.svelte-h4baoy{color:var(--text-muted);font-size:var(--text-xs);-webkit-user-select:none;user-select:none;flex:none;font-weight:600;line-height:1}input.svelte-h4baoy{inline-size:100%;min-inline-size:0;font-size:var(--text-sm);font-variant-numeric:tabular-nums;text-align:end;background:0 0;border:0;flex:1;padding:0}.hex.svelte-h4baoy input:where(.svelte-h4baoy){text-align:start;font-size:var(--text-md);letter-spacing:.04em;font-weight:550}input.svelte-h4baoy:focus-visible{outline:none}.foot.svelte-h4baoy{align-items:center;gap:var(--space-2);min-block-size:26px;font-size:var(--text-xs);margin-block-start:6px;display:flex}.status.svelte-h4baoy:has(.error:where(.svelte-h4baoy)){flex:1}.error.svelte-h4baoy{color:var(--danger);align-items:center;gap:6px;line-height:1.35;display:flex}.name.svelte-h4baoy{min-inline-size:0;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.copy.svelte-h4baoy{border-radius:var(--radius-s);min-block-size:26px;min-inline-size:0;max-inline-size:75%;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;transition:color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease);background:0 0;border:0;align-items:center;gap:6px;margin-inline-end:-6px;padding:0 6px;display:inline-flex}.copy.svelte-h4baoy:hover{background:var(--surface-2);color:var(--text)}.copy.svelte-h4baoy svg{flex:none}.value.svelte-h4baoy{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.error.svelte-h4baoy svg{flex:none}.combo.svelte-riry4t{position:relative}.control.svelte-riry4t{align-items:center;gap:var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-s);background:var(--surface);block-size:34px;color:var(--text-muted);transition:border-color var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);padding-inline:10px;display:flex}.control.svelte-riry4t:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab, var(--accent) 22%, transparent)}.control.svelte-riry4t svg{flex:none}input.svelte-riry4t{min-inline-size:0;color:var(--text);font-size:var(--text-sm);background:0 0;border:0;flex:1;padding:0}input.svelte-riry4t::placeholder{color:var(--text-muted);opacity:1}input.svelte-riry4t:focus-visible{outline:none}.results.svelte-riry4t{z-index:2;max-block-size:min(232px, var(--room,232px));overscroll-behavior:contain;border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface);box-shadow:var(--shadow-2);margin:0;padding:3px;list-style:none;position:absolute;inset-block-end:calc(100% + 6px);inset-inline:-10px;overflow-y:auto}[role=option].svelte-riry4t{align-items:center;gap:var(--space-2);border-radius:var(--radius-s);min-block-size:32px;font-size:var(--text-sm);cursor:pointer;padding-inline:8px;display:flex}[role=option].svelte-riry4t:hover{background:var(--surface-2)}[role=option][aria-selected=true].svelte-riry4t{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.dot.svelte-riry4t{block-size:16px;inline-size:16px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 16%, transparent);border-radius:50%;flex:none}.name.svelte-riry4t{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.hex.svelte-riry4t{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;letter-spacing:.02em}.current.svelte-riry4t .name:where(.svelte-riry4t){font-weight:600}.foot.svelte-riry4t{align-items:center;gap:var(--space-2);min-block-size:26px;font-size:var(--text-xs);margin-block-start:6px;display:flex}.status.svelte-riry4t:has(.note:where(.svelte-riry4t)){flex:1}.note.svelte-riry4t{color:var(--text-muted);align-items:center;gap:6px;display:flex}.link.svelte-riry4t{color:var(--accent);font-size:inherit;text-underline-offset:.2em;background:0 0;border:0;padding:0;font-weight:550;text-decoration:underline}.label.svelte-riry4t{color:var(--text-muted);flex:none}.chip.svelte-riry4t{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface);min-block-size:26px;min-inline-size:0;font-size:var(--text-xs);transition:background-color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:center;gap:6px;margin-inline-start:auto;padding:2px 8px 2px 4px;font-weight:550;display:inline-flex}.chip.svelte-riry4t:hover:not([aria-disabled=true]){border-color:var(--border-strong);background:var(--surface-2)}.chip[aria-disabled=true].svelte-riry4t{cursor:default}.chip.svelte-riry4t .dot:where(.svelte-riry4t){block-size:18px;inline-size:18px}.action.svelte-riry4t{color:var(--accent);font-weight:650}.area.svelte-1hgfx4s{inline-size:100%;block-size:var(--picker-area-h,168px);border-radius:var(--radius-s);background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, transparent), var(--hue);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 10%, transparent);cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}input.svelte-1hgfx4s{opacity:0;pointer-events:none;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.thumb.svelte-1hgfx4s{border:2px solid var(--knob);block-size:18px;inline-size:18px;box-shadow:0 0 0 1px var(--knob-ring), inset 0 0 0 1px var(--knob-ring), var(--shadow-2);pointer-events:none;transition:scale var(--dur-fast) var(--ease), outline-offset var(--dur-fast) var(--ease);border-radius:50%;position:absolute;translate:-50% -50%}.dragging.svelte-1hgfx4s .thumb:where(.svelte-1hgfx4s){scale:1.2}.area.svelte-1hgfx4s:has(input:where(.svelte-1hgfx4s):focus-visible) .thumb:where(.svelte-1hgfx4s){outline:2px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 1px var(--knob-ring), inset 0 0 0 1px var(--knob-ring), 0 0 0 6px var(--knob), 0 0 0 7px var(--knob-ring), var(--shadow-2)}@media (forced-colors:active){.thumb.svelte-1hgfx4s{forced-color-adjust:none;border-color:canvastext}}.picker.svelte-1dr7a5h{--picker-w:360px;--picker-area-h:clamp(112px, calc(100dvh - 600px), 168px);gap:var(--space-3);inline-size:min(var(--picker-w), calc(100vw - 42px));flex-direction:column;min-inline-size:0;display:flex}.row.svelte-1dr7a5h{align-items:center;gap:var(--space-3);display:flex}.row.svelte-1dr7a5h .hue{flex:1}.compare.svelte-1dr7a5h{border-radius:var(--radius-s);box-shadow:0 0 0 1px color-mix(in oklab, var(--text) 12%, transparent);flex:none;display:flex}.before.svelte-1dr7a5h,.after.svelte-1dr7a5h{block-size:28px;inline-size:26px}.before.svelte-1dr7a5h{border:0;border-start-start-radius:var(--radius-s);border-end-start-radius:var(--radius-s);place-items:center;padding:0;display:grid}.before.svelte-1dr7a5h svg{opacity:0;transition:opacity var(--dur-fast) var(--ease)}.before.changed.svelte-1dr7a5h:hover svg,.before.changed.svelte-1dr7a5h:focus-visible svg{opacity:1}.before.svelte-1dr7a5h:not(.changed){cursor:default}.after.svelte-1dr7a5h{border-inline-start:1px solid var(--surface);border-start-end-radius:var(--radius-s);border-end-end-radius:var(--radius-s)}.formats.svelte-1dr7a5h{min-inline-size:0}.formats.svelte-1dr7a5h .tabs .tablist{justify-content:space-between;gap:4px}.formats.svelte-1dr7a5h .tabs .tablist .tab{font-size:var(--text-xs);letter-spacing:.01em}.formats.svelte-1dr7a5h[data-more-end] .tablist{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),#0000)}.formats.svelte-1dr7a5h[data-more-start] .tablist{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000);mask-image:linear-gradient(270deg,#000 calc(100% - 28px),#0000)}.formats.svelte-1dr7a5h[data-more-start][data-more-end] .tablist{-webkit-mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000);mask-image:linear-gradient(90deg,#0000,#000 28px calc(100% - 28px),#0000)}.formats.svelte-1dr7a5h .panel{padding-block-start:var(--space-3)}