:root { --pico-font-size: 15px; }
body { background: var(--pico-background-color); }
nav.top { border-bottom: 1px solid var(--pico-muted-border-color); margin-bottom: 1rem; }
nav.top a[aria-current] { font-weight: 700; text-decoration: underline; }
.badge { display:inline-block; padding:.1rem .5rem; border-radius:1rem; font-size:.8rem; white-space:nowrap; background:#e5e7eb; color:#111; }
.b-ready, .b-published, .b-ok { background:#d1fae5; color:#065f46; }
.b-pending, .b-warn, .b-draft { background:#fef3c7; color:#92400e; }
.b-error, .b-err { background:#fee2e2; color:#991b1b; }
.b-skipped, .b-sheet_live { background:#e0e7ff; color:#3730a3; }
.flash { padding:.75rem 1rem; border-radius:.5rem; margin-bottom:1rem; }
.flash.ok { background:#d1fae5; } .flash.warn { background:#fef3c7; } .flash.err { background:#fee2e2; }
ul.errors li { color:#991b1b; } ul.warnings li { color:#92400e; }
.thumb { width:72px; height:72px; object-fit:contain; background:#fff; border:1px solid #ddd; border-radius:4px; }
.big-thumb { max-width:320px; background:#fff; border:1px solid #ddd; border-radius:6px; }
.preview { border:1px solid var(--pico-muted-border-color); padding:1rem; border-radius:.5rem; background:#fff; color:#222; }
.counter { font-size:.8rem; } .counter.bad { color:#b91c1c; font-weight:700; } .counter.good { color:#047857; }
table.compact td, table.compact th { padding:.35rem .5rem; font-size:.9rem; vertical-align:middle; }
.actions { display:flex; gap:.5rem; flex-wrap:wrap; align-items:center; }
.actions button, .actions select { width:auto; margin:0; }
.serp { font-family: arial, sans-serif; max-width:600px; }
.serp .t { color:#1a0dab; font-size:18px; } .serp .u { color:#006621; font-size:13px; } .serp .d { color:#545454; font-size:13px; }
pre.log { max-height:420px; overflow:auto; white-space:pre-wrap; }
textarea.code { font-family: ui-monospace, monospace; font-size:.8rem; }
details.group { border:1px solid var(--pico-muted-border-color); border-radius:.5rem; padding:.5rem 1rem; margin-bottom:.75rem; }
@media (max-width: 700px) { .hide-sm { display:none; } }
.design-preview { background: repeating-conic-gradient(#eee 0% 25%, #fff 0% 50%) 50% / 20px 20px; padding: 1rem; border-radius: .5rem; }
.design-preview svg { width: 100%; height: auto; max-height: 520px; display: block; margin: auto; }
.sym-thumb { width: 48px; height: 48px; object-fit: contain; background: #ddd; border-radius: 4px; }