.ColorNameTool_headBlock__ttEAG{display:block;width:100%;min-height:140px;border:1px solid var(--line);cursor:pointer;text-align:left;padding:16px;font-family:var(--font-mono),var(--font-mono-fallback);transition:transform var(--dur-hover) var(--ease)}.ColorNameTool_headBlock__ttEAG:hover{transform:scale(1.005)}.ColorNameTool_headLabel__rRpx_{display:flex;flex-direction:column;gap:4px}.ColorNameTool_headName__23myf{font-size:22px;letter-spacing:.02em;text-transform:lowercase}.ColorNameTool_headHex__msRxq{font-size:14px;letter-spacing:.04em}.ColorNameTool_headDist__hJ54A{font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}.ColorNameTool_headLabelLight__Tsm0V{color:rgba(255,255,255,.95);text-shadow:0 1px 2px rgba(0,0,0,.3)}.ColorNameTool_headLabelDark__VbysY{color:rgba(0,0,0,.85)}.ColorNameTool_list__GLGdU{list-style:none;margin:0;padding:0;border:1px solid var(--line)}.ColorNameTool_row__TN7Yi{display:grid;grid-template-columns:36px 1fr 110px 100px auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:8px 12px;border-top:1px solid var(--line);background:var(--panel);font-family:var(--font-mono),var(--font-mono-fallback);font-size:12px}.ColorNameTool_row__TN7Yi:first-child{border-top:0}.ColorNameTool_row__TN7Yi:hover{background:var(--panel-hover)}@media (max-width:640px){.ColorNameTool_row__TN7Yi{grid-template-columns:28px 1fr 80px auto}.ColorNameTool_dist__JCktr{display:none}}.ColorNameTool_swatch__Qh19J{display:block;width:28px;height:28px;border:1px solid var(--line)}.ColorNameTool_name__sHyPz{color:var(--text-hero)}.ColorNameTool_hex__IgGUX{color:var(--text-dim)}.ColorNameTool_dist__JCktr{color:var(--text-faint);letter-spacing:.06em;text-transform:uppercase;font-size:10px}.ColorNameTool_copyBtn__pJNoG{background:transparent;border:1px solid var(--line-strong);color:var(--text-dim);font-family:var(--font-mono),var(--font-mono-fallback);font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;padding:4px 9px;transition:color var(--dur-hover) var(--ease),border-color var(--dur-hover) var(--ease),background-color var(--dur-hover) var(--ease)}.ColorNameTool_copyBtn__pJNoG:hover{color:var(--text-hero);border-color:var(--accent)}