:root{ --bg:#0f172a; --fg:#e2e8f0; --muted:#94a3b8; --accent:#38bdf8; --ok:#22c55e; --warn:#f59e0b; --err:#ef4444; }
*{ box-sizing:border-box; }
body{ margin:0; font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif; background:var(--bg); color:var(--fg); }
header{ display:flex; justify-content:space-between; align-items:center; padding:16px 24px; border-bottom:1px solid #1f2937; }
h1{ margin:0; font-size:20px; }
.badge{ padding:2px 8px; border-radius:999px; background:#334155; }
.badge.ok{ background: #064e3b; color:#a7f3d0; }
.badge.warn{ background:#3f1b00; color:#fdba74; }
.badge.err{ background:#3f0d0d; color:#fecaca; }
main{ display:grid; grid-template-columns:1fr; gap:16px; padding:16px; max-width:1400px; margin:0 auto; }
.controls{ display:flex; gap:12px; flex-wrap:wrap; }
.controls button{ background:#1e293b; color:var(--fg); border:1px solid #334155; padding:10px 16px; border-radius:8px; cursor:pointer; }
.controls button:hover{ border-color: var(--accent); }
.log{ display:flex; flex-direction:column; gap:8px; }
#log{ width:100%; height:360px; background:#0b1220; color:var(--fg); border:1px solid #1f2937; border-radius:8px; padding:8px; font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px; }
.analysis{ display:flex; flex-direction:column; gap:8px; }
#analysis-log{ width:100%; height:200px; background:#0b1220; color:var(--fg); border:1px solid #1f2937; border-radius:8px; padding:8px; font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px; }
.snapshot{ display:flex; flex-direction:column; gap:8px; }
#snapshot-info{ font-size:14px; color:var(--muted); }
#snapshot-table{ width:100%; border-collapse:collapse; background:#0b1220; color:var(--fg); border:1px solid #1f2937; border-radius:8px; overflow:hidden; }
#snapshot-table th, #snapshot-table td{ padding:4px 8px; border:1px solid #334155; text-align:left; font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size:12px; }
#snapshot-table th{ background:#1e293b; }
footer{ padding:12px 24px; border-top:1px solid #1f2937; color:var(--muted); }