/* ═══════════════════════════════════════════════════════════════════════════
   Marketplace / Widget — In-App-Konfiguration (Block I.1)
   ═══════════════════════════════════════════════════════════════════════════ */

#mkp-cats-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:6px;margin-top:6px;
}
.mkp-cat-opt{
  display:flex;align-items:center;gap:8px;padding:9px 11px;
  background:var(--s2);border:1px solid var(--b1);border-radius:8px;
  cursor:pointer;transition:all .15s;font-size:13px;color:var(--t2);
}
.mkp-cat-opt:hover{border-color:var(--np)}
.mkp-cat-opt input{
  width:16px;height:16px;min-height:auto;accent-color:var(--np);
  flex-shrink:0;cursor:pointer;margin:0;
}
.mkp-cat-opt:has(input:checked){
  background:rgba(200,149,90,.08);color:var(--t1);border-color:var(--np);font-weight:600;
}

/* Widget-Preview (für #wg-code textarea) */
#wg-code{white-space:pre;overflow-x:auto;background:var(--s2)}