.TailwindPaletteTool_scaleRow__Jtgm3{display:grid;grid-template-columns:repeat(11,1fr);grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);min-height:88px}@media (max-width:720px){.TailwindPaletteTool_scaleRow__Jtgm3{grid-template-columns:repeat(11,minmax(48px,1fr));overflow-x:auto}}.TailwindPaletteTool_scaleStop__Vt_BC{position:relative;border:0;cursor:pointer;padding:8px 4px;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-mono),var(--font-mono-fallback);transition:transform var(--dur-hover) var(--ease);min-height:88px}.TailwindPaletteTool_scaleStop__Vt_BC:hover{transform:scale(1.04);z-index:1}.TailwindPaletteTool_stopStep__P2tDd{font-size:10px;letter-spacing:.06em;text-align:center;text-transform:uppercase;padding:2px 4px}.TailwindPaletteTool_stopHex___Wc6x{font-size:9px;text-align:center;letter-spacing:0;padding:2px 4px}.TailwindPaletteTool_stopHexDark__FtM9Q,.TailwindPaletteTool_stopStepDark__Lz9Zc{color:rgba(0,0,0,.85)}.TailwindPaletteTool_stopHexLight__OIMIL,.TailwindPaletteTool_stopStepLight__vi_yb{color:rgba(255,255,255,.95)}.TailwindPaletteTool_nameInput__hMwQC{width:200px;padding:9px 12px;background:var(--panel);color:var(--text-hero);border:1px solid var(--line-strong);border-radius:0;font-family:var(--font-mono),var(--font-mono-fallback);font-size:13px;outline:none}.TailwindPaletteTool_nameInput__hMwQC:focus{border-color:var(--accent);background:var(--panel-hover)}