body { font-family: sans-serif; margin: 1.5rem; }
header nav a { margin-right: 1rem; }

#project-menu, #mode-switch { margin-bottom: 0.75rem; display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
#dirty-banner { color: #b45309; font-weight: bold; }

#raw-json, #object-raw { width: 100%; height: 320px; font-family: monospace; font-size: 0.85rem; box-sizing: border-box; }

#page-tabs, #preview-page-tabs { margin-bottom: 0.5rem; }
#page-tabs button, #preview-page-tabs button { margin-right: 0.25rem; }
#page-tabs button.active, #preview-page-tabs button.active { font-weight: bold; text-decoration: underline; }

.object-columns { display: flex; gap: 1.5rem; }
.object-list-col { flex: 0 0 320px; }
.object-detail-col { flex: 1; }

ul.object-list { list-style: none; padding: 0; margin: 0 0 0.5rem 0; }
ul.object-list li { display: flex; align-items: center; gap: 0.25rem; padding: 0.15rem 0; }
ul.object-list li span { flex: 1; cursor: pointer; }
ul.object-list li.selected span { font-weight: bold; }
ul.object-list li button { font-size: 0.75rem; padding: 0 0.3rem; }

#errors { background: #fee2e2; border: 1px solid #ef4444; padding: 0.5rem 1rem; margin: 0.75rem 0; }

#preview-svg svg { border: 1px solid #ccc; max-width: 100%; height: auto; }
#preview-downloads { margin-top: 0.5rem; }

.wiki-entry { border-bottom: 1px solid #ddd; padding: 1rem 0; }
.wiki-variants { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.wiki-variant { flex: 0 1 260px; }
.wiki-svg-wrap { width: 100%; max-width: 220px; }
.wiki-svg-wrap svg { display: block; width: 100%; height: auto; border: 1px solid #ccc; }
.wiki-entry pre { background: #f4f4f4; padding: 0.5rem; overflow-x: auto; font-size: 0.75rem; }