#arbe-atlas-grid { font-family: system-ui, sans-serif; }
.arbe-toolbar { display:flex; gap:12px; align-items:center; margin-bottom:10px; }
.arbe-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(120px,1fr)); gap:12px; }
.arbe-tile { border:1px solid #ddd; border-radius:6px; padding:6px; background:#fff; position:relative; cursor:pointer; }
.arbe-swatch { height:60px; border-radius:4px; }
.arbe-sample { font-size:.75rem; font-weight:600; }
.arbe-lambda { font-size:.7rem; opacity:.7; }
.pal-btn { position:absolute; top:4px; right:4px; }
.arbe-paging { display:flex; gap:12px; align-items:center; margin:12px 0; }
.arbe-palette-panel { border-top:1px solid #ccc; padding-top:10px; margin-top:10px; }
.palette-item { display:flex; gap:6px; align-items:center; cursor:pointer; }
.palette-item span { width:16px; height:16px; display:inline-block; }