.ColorTokenizerTool_colorRow__GhioW{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.ColorTokenizerTool_colorInput__GxMFw{width:40px;height:32px;border:1px solid var(--line-strong);background:none;cursor:pointer;padding:0}.ColorTokenizerTool_hexInput__XQoSO{background:var(--bg);border:1px solid var(--line-strong);color:var(--text-bright);font:inherit;font-size:14px;padding:var(--space-2) var(--space-3);outline:none;width:100px;transition:border-color var(--dur-hover) var(--ease)}.ColorTokenizerTool_hexInput__XQoSO:focus{border-color:var(--text-dim)}.ColorTokenizerTool_prefixGroup__Y_qse{display:flex;align-items:center;gap:var(--space-2)}.ColorTokenizerTool_prefixLabel__BMEOZ{font-size:11px;color:var(--text-dim);letter-spacing:.04em}.ColorTokenizerTool_prefixInput__yif6z{background:var(--bg);border:1px solid var(--line-strong);color:var(--text-bright);font:inherit;font-size:14px;padding:var(--space-2) var(--space-3);outline:none;width:120px;transition:border-color var(--dur-hover) var(--ease)}.ColorTokenizerTool_prefixInput__yif6z:focus{border-color:var(--text-dim)}.ColorTokenizerTool_swatchRow__jLIEk{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:0;gap:0;border:1px solid var(--line);overflow:hidden}.ColorTokenizerTool_swatch__Nyknq{padding:var(--space-2) var(--space-1);display:flex;flex-direction:column;gap:var(--space-1);cursor:default}.ColorTokenizerTool_swatchStop__alHWE{font-size:10px;font-weight:600;letter-spacing:.04em}.ColorTokenizerTool_swatchHex__uIsQN{font-size:9px}.ColorTokenizerTool_semanticRow__bpcI3{display:flex;flex-wrap:wrap;gap:var(--space-3)}.ColorTokenizerTool_semCard__aoVQ6{display:flex;flex-direction:column;gap:var(--space-1);align-items:center}.ColorTokenizerTool_semSwatch__FMsgn{width:36px;height:36px;border:1px solid var(--line)}.ColorTokenizerTool_semLabel__GNmNK{font-size:10px;color:var(--text-dim);text-align:center}.ColorTokenizerTool_semHex__2dUOz{font-size:9px;color:var(--text-faint)}.ColorTokenizerTool_codeBlock__Oua12{background:var(--panel);border:1px solid var(--line);padding:var(--space-3) var(--space-4);font-size:11px;color:var(--text-bright);white-space:pre-wrap;overflow-x:auto;max-height:480px;overflow-y:auto}.ColorTokenizerTool_actionRow__lNm03{display:flex;gap:var(--space-2);margin-top:var(--space-3)}@media (max-width:600px){.ColorTokenizerTool_swatchRow__jLIEk{grid-template-columns:repeat(6,1fr)}}