.colour-input.svelte-1h96ccs{position:relative}button.svelte-1h96ccs{box-shadow:none;text-transform:none;letter-spacing:normal;transform:none!important}.chip.svelte-1h96ccs{background:var(--bg-inset);border:1px solid var(--border);color:var(--text);font-family:var(--font-mono);cursor:pointer;border-radius:4px;align-items:center;gap:8px;padding:3px 8px 3px 3px;font-size:12px;display:inline-flex}.chip.svelte-1h96ccs:hover{border-color:var(--accent);background:var(--bg-inset)}.sample.svelte-1h96ccs{border-radius:3px;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff26}.sample.big.svelte-1h96ccs{flex:none;width:30px;height:30px}.popover.svelte-1h96ccs{z-index:200;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;width:232px;padding:12px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 30px #00000080}.done.svelte-1h96ccs{z-index:1;cursor:pointer;background:var(--bg-panel);width:24px;height:24px;color:var(--text);border:1px solid var(--border);border-radius:50%;place-items:center;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:-10px;right:-10px}.done.svelte-1h96ccs:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-panel)}hex-color-picker.svelte-1h96ccs,.placeholder.svelte-1h96ccs{width:100%;height:170px}hex-color-picker.svelte-1h96ccs::part(saturation){border-radius:6px 6px 0 0}hex-color-picker.svelte-1h96ccs::part(hue){border-radius:0 0 6px 6px;height:16px}hex-color-picker.svelte-1h96ccs::part(saturation-pointer),hex-color-picker.svelte-1h96ccs::part(hue-pointer){width:18px;height:18px}.row.svelte-1h96ccs{align-items:center;gap:8px;display:flex}.hex-box.svelte-1h96ccs{background:var(--bg-inset);border:1px solid var(--border);min-width:0;color:var(--text);font-family:var(--font-mono);border-radius:4px;flex:1;padding:6px 8px;font-size:13px}.tool.svelte-1h96ccs{background:var(--bg-inset);border:1px solid var(--border);width:30px;height:30px;color:var(--text);cursor:pointer;border-radius:4px;flex:none;padding:0;font-size:16px}.tool.svelte-1h96ccs:hover{border-color:var(--accent);background:var(--bg-inset)}.heading.svelte-1h96ccs{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 -4px;font-size:10px}.swatches.svelte-1h96ccs{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.swatch.svelte-1h96ccs{aspect-ratio:1;cursor:pointer;border:none;border-radius:3px;padding:0;transition:transform .1s;box-shadow:inset 0 0 0 1px #ffffff26}.swatch.svelte-1h96ccs:hover{box-shadow:inset 0 0 0 1px #ffffff26;transform:scale(1.15)!important}.swatch.current.svelte-1h96ccs{outline:2px solid var(--accent);outline-offset:1px}.chip.swatch-only.svelte-1h96ccs{background:0 0;border:none;padding:0}.chip.swatch-only.svelte-1h96ccs .sample:where(.svelte-1h96ccs){width:20px;height:20px;box-shadow:none;border:1px solid #ffffff73;border-radius:3px}.chip.swatch-only.svelte-1h96ccs:hover .sample:where(.svelte-1h96ccs){border-color:var(--accent)}.chip.swatch-only.unset.svelte-1h96ccs .sample:where(.svelte-1h96ccs){border-style:dashed;border-color:#ffffff4d}