[hidden] { display: none !important; }
.admin-brand > span { grid-template-rows: 1fr 1fr; overflow: hidden; width: 48px; height: 46px; border-radius: 9px; letter-spacing: .06em; }
.admin-brand > span b, .admin-brand > span small { display: grid; width: 100%; height: 100%; place-items: center; }
.admin-brand > span b { color: #fff; font: 800 13px/1 "Manrope"; }
.admin-brand > span small { color: #fff; background: var(--red); font: 800 10px/1 "Manrope"; }
.admin-brand--light > span b { color: var(--navy); }
.github-login { display: flex; width: 100%; margin-top: 28px; gap: 10px; }
.github-login svg { width: 21px; }
.loading-card { text-align: center; }
.spinner { display: block; width: 38px; height: 38px; margin: 0 auto 22px; border: 4px solid var(--line); border-top-color: var(--blue); border-radius: 50%; animation: spin .8s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }
.avatar { width: 36px; height: 36px; border-radius: 50%; }
.seo-editor { display: grid; gap: 18px; }
.seo-editor fieldset { display: grid; grid-template-columns: 1fr 1.5fr; gap: 15px; padding: 20px; border: 1px solid var(--line); border-radius: 9px; }
.seo-editor legend { padding: 0 7px; color: var(--navy); font-weight: 700; }
.media-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); gap: 18px; }
.media-card { overflow: hidden; background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.media-card img { width: 100%; height: 150px; object-fit: cover; background: var(--cream); }
.media-card div { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 12px; }
.media-card p { overflow: hidden; margin: 0; color: var(--muted); font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 800px) { .seo-editor fieldset { grid-template-columns: 1fr; } }
.dialog-spacer { flex: 1; }
.preview-dialog { padding: 30px; }
.preview-language { display: flex; gap: 5px; margin-bottom: 25px; border-bottom: 1px solid var(--line); }
.preview-language button { padding: 10px 15px; border: 0; border-bottom: 2px solid transparent; color: var(--muted); background: transparent; }
.preview-language button.is-active { color: var(--blue); border-color: var(--blue); }
.article-preview { max-width: 680px; margin: auto; color: #273344; line-height: 1.75; }
.article-preview h1 { margin-bottom: 12px; color: var(--navy); }
.article-preview .preview-description { margin-bottom: 28px; color: var(--muted); font-size: 1.08rem; }
.article-preview img { width: 100%; max-height: 330px; margin-bottom: 28px; object-fit: cover; border-radius: 10px; }
.article-preview h2, .article-preview h3 { margin: 1.5em 0 .6em; color: var(--navy); }
.history-avatar { width: 34px; height: 34px; border-radius: 50%; }
.history-author { display: flex; align-items: center; gap: 10px; margin-top: 7px; }
.history-author span { color: var(--muted); font-size: .8rem; }
.commit-link { color: var(--blue); font-weight: 700; text-decoration: none; }
.role-select { width: auto; min-width: 145px; margin: 0; }