.chem-lab { display: grid; grid-template-columns: 2fr 1fr; gap: 16px; }
.chem-lab__controls { grid-column: 1 / 3; display:flex; gap:8px; align-items:center; }
.chem-lab__grid { display: grid; grid-template-columns: repeat(10, minmax(80px, 1fr)); gap: 8px; }
.chem-cell { border:1px solid #ddd; border-radius:6px; padding:8px; background:#fff; cursor:pointer; text-align:left; }
.chem-cell:hover { border-color:#888; box-shadow:0 1px 4px rgba(0,0,0,.08); }
.chem-cell__symbol { font-size:18px; font-weight:600; }
.chem-cell__number { font-size:12px; color:#666; }
.chem-cell__name { font-size:12px; color:#333; }
.chem-lab__sidebar { border-left:1px solid #eee; padding-left:16px; }
.chem-row { display:flex; gap:6px; margin:4px 0; }
.chem-label { color:#555; min-width:90px; }
.chem-val { color:#111; }
.chem-summary { margin-top:8px; font-size:13px; color:#444; line-height:1.5; }
.chem-lab__bucket { min-height:80px; border:2px dashed #ccc; border-radius:6px; padding:8px; display:flex; flex-wrap:wrap; gap:8px; background:#fafafa; }
.chem-chip { background:#eef6ff; border:1px solid #cde0ff; border-radius:20px; padding:4px 8px; display:flex; gap:6px; align-items:center; }
.chem-chip button { border:none; background:#fff; border:1px solid #ddd; border-radius:50%; width:22px; height:22px; cursor:pointer; }
.chem-card { border:1px solid #ddd; border-radius:8px; padding:8px; margin:8px 0; background:#fff; }
.chem-card__title { font-weight:600; }
.chem-card__formula { font-family: monospace; color:#333; margin:4px 0; }
