:root{--sans:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
body{font-family:var(--sans)}.font-mono{font-family:var(--mono)}
.logbox{background:#0b1020;color:#d7e0ff;border-radius:12px;padding:12px;height:220px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.45}
.preview{border:1px dashed rgba(0,0,0,.15);border-radius:12px;padding:14px;background:#fff}
.CodeMirror{border-radius:10px;border:1px solid rgba(0,0,0,.12);height:auto;min-height:320px}


#bpMicroList{max-height:160px;overflow:auto;padding-left:1.1rem;}
#microSearchResults{max-height:140px;overflow:auto;}
.preview{min-height:120px;}

/* Mobile action bar */
.mobile-actionbar{
  position: sticky;
  bottom: 0;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 14px;
  padding: 10px;
  margin-top: 10px;
}

/* Dark mode tweaks (Bootstrap data-bs-theme=dark) */
[data-bs-theme="dark"] .preview{ background:#0f172a; border-color: rgba(255,255,255,.18); }
[data-bs-theme="dark"] .logbox{ background:#030712; color:#dbeafe; }
[data-bs-theme="dark"] .mobile-actionbar{ background: rgba(15,23,42,.92); border-color: rgba(255,255,255,.12); }