.ink.svelte-2banw5{pointer-events:none;max-inline-size:none;position:absolute;inset:0;overflow:visible}.ink.svelte-2banw5 path{fill:none;stroke:var(--app-ink-preview);stroke-width:.4px;stroke-linecap:round;stroke-linejoin:round}.color.svelte-q8mer{gap:var(--space-2);min-inline-size:0;display:grid}.color__label.svelte-q8mer{font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-tight);color:var(--vglc-ink-muted)}.color__box.svelte-q8mer{align-items:center;gap:var(--space-1);block-size:var(--control-h);padding-inline:var(--space-1);background:var(--vglc-surface-raised);color:var(--vglc-ink);border:var(--border-width) solid var(--vglc-border-control);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);transition:border-color var(--duration-fast) var(--ease-standard);display:flex}.color__box.svelte-q8mer:hover{border-color:var(--vglc-ink-muted)}.color__box.svelte-q8mer:has(.color__hex:where(.svelte-q8mer):focus){outline:var(--focus-width) solid var(--vglc-focus);outline-offset:1px;border-color:var(--vglc-border-strong)}.color__swatch.svelte-q8mer{inline-size:var(--space-8);block-size:var(--hit-target);margin-block:calc((var(--control-h) - 2 * var(--border-width) - var(--hit-target)) / 2);padding:calc((var(--hit-target) - var(--space-6)) / 2) var(--space-1);appearance:none;cursor:pointer;background:0 0;border:0;flex:none}.color__swatch.svelte-q8mer::-webkit-color-swatch-wrapper{padding:0}.color__swatch.svelte-q8mer::-webkit-color-swatch{border:var(--border-width) solid var(--vglc-border);border-radius:var(--radius-inner)}.color__swatch.svelte-q8mer::-moz-color-swatch{border:var(--border-width) solid var(--vglc-border);border-radius:var(--radius-inner)}.color__hex.svelte-q8mer{inline-size:100%;min-inline-size:0;block-size:var(--hit-target);margin-block:calc((var(--control-h) - 2 * var(--border-width) - var(--hit-target)) / 2);padding-inline:var(--space-1) var(--space-2);font-size:var(--text-base);font-variant-numeric:tabular-nums;text-transform:uppercase;background:0 0;border:0;outline:none;flex:1}.color__hex.svelte-q8mer::placeholder{color:var(--app-ink-subtle);text-transform:none;opacity:1}.color__none.svelte-q8mer{block-size:var(--control-h-sm);padding-inline:var(--space-2);border-radius:var(--radius-inner);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--vglc-ink-muted);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;flex:none;line-height:1;position:relative}.color__none.svelte-q8mer:after{content:"";inline-size:max(100%, var(--hit-target));block-size:var(--hit-target);position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.color__none.svelte-q8mer:hover{background:var(--app-hover);color:var(--vglc-ink)}@media (pointer:coarse){.color__hex.svelte-q8mer{font-size:var(--text-md)}}