.tc[data-v-5f6ed682]{gap:var(--space-3);min-inline-size:0;display:grid}.tc__field[data-v-5f6ed682]{gap:var(--space-2);font-weight:600;display:grid}.tc__field input[data-v-5f6ed682]{min-block-size:3.25rem;padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-lg);font-weight:400}.tc__field input[data-v-5f6ed682]::placeholder{color:var(--color-muted)}.tc__field input[data-v-5f6ed682]:focus-visible{border-color:var(--color-accent)}.tc__row[data-v-5f6ed682]{border:0;min-inline-size:0;margin:0;padding:0;display:grid}.tc__row legend[data-v-5f6ed682]{margin-block-end:var(--space-2);padding:0;font-weight:600}.tc__pair[data-v-5f6ed682]{gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.tc__seg[data-v-5f6ed682]{gap:2px;padding:3px;display:flex}.tc__seg[data-v-5f6ed682],.tc__seg button[data-v-5f6ed682]{border-radius:var(--radius-pill)}.tc__seg button[data-v-5f6ed682]{min-block-size:2.75rem;padding-inline:var(--space-2);color:var(--color-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:0;flex:1;font-weight:600;transition:background-color .15s,color .15s}.tc__seg button[aria-pressed=true][data-v-5f6ed682]{background:var(--color-bg);color:var(--color-text);box-shadow:var(--shadow-sm),0 0 0 1px var(--color-border)}.tc__seg--short button[data-v-5f6ed682]{flex:none;min-inline-size:2.75rem}.tc__swatches[data-v-5f6ed682]{gap:var(--space-1);flex-wrap:wrap;display:flex}.tc__swatch[data-v-5f6ed682]{border:3px solid var(--color-bg);background:var(--sw);block-size:2.75rem;inline-size:2.75rem;box-shadow:0 0 0 1px var(--color-border);cursor:pointer;border-radius:50%;transition:box-shadow .15s}.tc__swatch--on[data-v-5f6ed682],.tc__swatch[aria-pressed=true][data-v-5f6ed682]{box-shadow:0 0 0 2px var(--color-text)}.tc__swatch--custom[data-v-5f6ed682]{box-sizing:border-box;background:conic-gradient(var(--cfg-1-dark),var(--cfg-2-dark),var(--cfg-3-dark),var(--cfg-4-dark),var(--cfg-5-dark),var(--cfg-6-dark),var(--cfg-1-dark));position:relative}.tc__swatch--custom.tc__swatch--on[data-v-5f6ed682]{background:var(--sw)}.tc__swatch--custom input[data-v-5f6ed682]{opacity:0;cursor:pointer;border:0;border-radius:50%;block-size:100%;inline-size:100%;padding:0;position:absolute;inset:0}.tc__swatch--custom[data-v-5f6ed682]:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){.tc__seg button[data-v-5f6ed682],.tc__swatch[data-v-5f6ed682]{transition:none}}.tc__corner[data-v-5f6ed682]{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;block-size:1.1rem;inline-size:1.1rem;display:none}@media (width<=899px){.tc--compact[data-v-5f6ed682]{--tc-dot:calc(min(2.1rem, 10vw - 6px));gap:var(--space-2)}.tc--compact .tc__field[data-v-5f6ed682]{font-size:var(--text-sm);gap:2px;line-height:1.2}.tc--compact .tc__field input[data-v-5f6ed682]{min-block-size:2.25rem;font-size:var(--text-base)}.tc--compact .tc__row legend[data-v-5f6ed682]{font-size:var(--text-sm);margin-block-end:2px;line-height:1.2}.tc--compact .tc__seg button[data-v-5f6ed682]{min-block-size:2.1rem;padding-inline:var(--space-2);font-size:var(--text-xs)}.tc--compact .tc__seg--short button[data-v-5f6ed682]{min-inline-size:2.1rem}.tc--compact .tc__pair[data-v-5f6ed682]{gap:var(--space-2)}.tc--compact .tc__row--style[data-v-5f6ed682]{order:1}.tc--compact .tc__row--lang[data-v-5f6ed682]{order:2}.tc--compact .tc__row--color[data-v-5f6ed682]{order:3}.tc--compact .tc__row--corners[data-v-5f6ed682]{order:4}.tc--compact .tc__swatches[data-v-5f6ed682]{flex-wrap:nowrap;gap:2px}.tc--compact .tc__swatch[data-v-5f6ed682]{inline-size:var(--tc-dot);block-size:var(--tc-dot);border-width:2px}.tc--compact .tc__row--corners .tc__seg button[data-v-5f6ed682]{min-inline-size:var(--tc-dot);padding-inline:0}.tc--compact .tc__corner[data-v-5f6ed682]{margin-inline:auto;display:block}.tc--compact .tc__txt[data-v-5f6ed682]{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}@media (width>=900px){.tc--compact[data-v-5f6ed682]{align-items:start;gap:var(--space-3) var(--space-5);grid-template-columns:minmax(14rem,20rem) minmax(0,1fr)}.tc--compact .tc__field input[data-v-5f6ed682]{min-block-size:2.75rem;font-size:var(--text-base)}.tc--compact .tc__pair[data-v-5f6ed682]{grid-column:1/-1}}