.ColorTool_inputRow__AiRtw{display:grid;grid-template-columns:1fr 56px;grid-gap:var(--space-3);gap:var(--space-3)}.ColorTool_text__n3vSl{padding:11px var(--space-3);background:var(--panel);border:1px solid var(--line-strong);color:var(--text-hero);font-family:var(--font-mono),var(--font-mono-fallback);font-size:13px;outline:none;border-radius:0;transition:border-color var(--dur-hover) var(--ease),background-color var(--dur-hover) var(--ease)}.ColorTool_text__n3vSl:focus{border-color:var(--accent);background:var(--panel-hover)}.ColorTool_nativePicker__AhcIQ{width:100%;height:100%;border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;padding:0;border-radius:0}.ColorTool_preview__LMvKv{display:grid;grid-template-columns:minmax(180px,240px) 1fr;grid-gap:var(--space-4);gap:var(--space-4);align-items:stretch}@media (max-width:640px){.ColorTool_preview__LMvKv{grid-template-columns:1fr}}.ColorTool_swatch__5RCTx{border:1px solid var(--line-strong);min-height:200px;position:relative;background-image:repeating-conic-gradient(rgba(255,255,255,.04) 0 25%,transparent 0 50%);background-size:16px 16px}.ColorTool_previewMeta__Jtj_L{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}.ColorTool_stat__P_PZk{background:var(--panel);padding:12px;display:flex;flex-direction:column;gap:4px;min-height:56px}.ColorTool_statLabel__58MPp{font-family:var(--font-mono),var(--font-mono-fallback);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.ColorTool_statValue__Ehl_K{font-family:var(--font-mono),var(--font-mono-fallback);font-size:14px;color:var(--text-hero);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ColorTool_formats__xJB3O{list-style:none;margin:0;padding:0;border:1px solid var(--line)}.ColorTool_fmtRow__J_Ig4{display:grid;grid-template-columns:64px 1fr auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:9px 12px;border-top:1px solid var(--line);background:var(--panel)}.ColorTool_fmtRow__J_Ig4:first-child{border-top:0}.ColorTool_fmtRow__J_Ig4:hover{background:var(--panel-hover)}.ColorTool_fmtLabel__BYmZC{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-faint)}.ColorTool_fmtLabel__BYmZC,.ColorTool_fmtValue__rugZ3{font-family:var(--font-mono),var(--font-mono-fallback)}.ColorTool_fmtValue__rugZ3{font-size:13px;color:var(--text-hero);-webkit-user-select:all;-moz-user-select:all;user-select:all;word-break:break-all}.ColorTool_copyBtn__ddQhc{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)}.ColorTool_copyBtn__ddQhc:hover{color:var(--text-hero);border-color:var(--accent)}.ColorTool_copyBtn__ddQhc[data-state=copied]{color:var(--accent-bright);border-color:var(--accent);background:var(--accent-faint)}.ColorTool_sliderRow__WHy_J{display:grid;grid-template-columns:92px 1fr 64px;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:6px 0}.ColorTool_sliderLabel__gr_wP{font-family:var(--font-mono),var(--font-mono-fallback);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.ColorTool_range__LJWQE{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--panel-hover);border:1px solid var(--line);outline:none;cursor:pointer}.ColorTool_range__LJWQE::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent);border:0;cursor:pointer}.ColorTool_range__LJWQE::-moz-range-thumb{width:14px;height:14px;background:var(--accent);border:0;cursor:pointer}.ColorTool_sliderValue__VMSza{font-family:var(--font-mono),var(--font-mono-fallback);font-size:12px;color:var(--text-dim);text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ColorTool_toneRow__mOngW{display:grid;grid-template-columns:repeat(9,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line)}@media (max-width:720px){.ColorTool_toneRow__mOngW{grid-template-columns:repeat(5,1fr)}}.ColorTool_tone__Z4buV{position:relative;border:0;cursor:pointer;padding:0;height:56px;overflow:hidden;transition:transform var(--dur-hover) var(--ease)}.ColorTool_tone__Z4buV:hover{transform:scale(1.02);z-index:1}.ColorTool_toneText__3zQ6f{position:absolute;bottom:4px;left:4px;right:4px;font-family:var(--font-mono),var(--font-mono-fallback);font-size:9px;color:rgba(0,0,0,.65);background:rgba(255,255,255,.65);padding:1px 3px;text-align:center;text-transform:uppercase;letter-spacing:.04em;opacity:0;transition:opacity var(--dur-hover) var(--ease)}.ColorTool_tone__Z4buV:hover .ColorTool_toneText__3zQ6f{opacity:1}