.PaletteTool_previewWrap__gRt9l{display:flex;justify-content:center;border:1px solid var(--line);background:var(--panel);padding:var(--space-3)}.PaletteTool_preview__j_ROb{display:block;max-width:100%;max-height:360px}.PaletteTool_swatchGrid__e8KpA{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);transition:opacity var(--dur-hover) var(--ease)}.PaletteTool_swatchGrid__e8KpA[data-busy]{opacity:.4}.PaletteTool_swatch__0B4mH{position:relative;border:0;cursor:pointer;padding:0;height:96px;overflow:hidden;transition:transform var(--dur-hover) var(--ease)}.PaletteTool_swatch__0B4mH:hover{transform:scale(1.02);z-index:1}.PaletteTool_swatchLabel__w6bwM{top:8px;left:8px;text-transform:uppercase;letter-spacing:.06em}.PaletteTool_swatchLabel__w6bwM,.PaletteTool_swatchPct__H_NLt{position:absolute;font-family:var(--font-mono),var(--font-mono-fallback);font-size:10px;color:rgba(255,255,255,.92);background:rgba(0,0,0,.55);padding:2px 6px}.PaletteTool_swatchPct__H_NLt{bottom:8px;right:8px;letter-spacing:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.PaletteTool_exportBlock__HWJWz{margin:var(--space-3) 0 0;padding:var(--space-3);background:var(--panel);border:1px solid var(--line);font-family:var(--font-mono),var(--font-mono-fallback);font-size:12px;color:var(--text-hero);white-space:pre;overflow-x:auto;max-height:360px;overflow-y:auto}