.scolor[data-v-3737a708]{display:flex;flex-direction:column;gap:7px}.scolor__label[data-v-3737a708]{color:var(--text-secondary);font-size:12px;font-weight:500}.scolor__row[data-v-3737a708]{align-items:stretch;display:flex;gap:8px}.scolor__swatch[data-v-3737a708]{background:var(--surface-input);border:1px solid var(--border-soft);border-radius:var(--ctl-radius);flex-shrink:0;height:var(--ctl-h);overflow:hidden;position:relative;width:44px}.scolor__native[data-v-3737a708]{border:0;cursor:pointer;height:calc(100% + 8px);inset:-4px;padding:0;position:absolute;width:calc(100% + 8px)}.scolor__hex[data-v-3737a708]{background:var(--surface-input);border:1px solid var(--border-soft);border-radius:var(--ctl-radius);color:var(--text-primary);flex:1;font-family:var(--font-mono);font-size:13px;height:var(--ctl-h);min-width:0;padding:0 12px;transition:border-color var(--transition-base)}.scolor__hex[data-v-3737a708]:hover{border-color:var(--border-strong)}.scolor__hex[data-v-3737a708]:focus-visible{border-color:var(--border-focus);outline:none}