.correction-parity { margin-bottom: 11px; }
.correction-parity > span,
.preview-zoom-bar > span { display: block; font-size: 10px; font-weight: 600; margin-bottom: 6px; }
.preview-zoom-bar { display: flex; justify-content: space-between; align-items: center; margin: 10px 0 6px; }
.preview-zoom-bar > span { margin: 0; }
.preview-zoom-bar div { display: flex; align-items: center; gap: 5px; }
.preview-zoom-bar button { width: 27px; height: 25px; border: 1px solid var(--line); border-radius: 5px; background: #fff; color: var(--green); font: 700 15px/1 sans-serif; cursor: pointer; }
.preview-zoom-bar button:disabled { opacity: .35; cursor: not-allowed; }
.preview-zoom-bar output { min-width: 40px; text-align: center; color: var(--muted); font-size: 9px; }
.split-preview-viewport { width: 100%; max-height: 360px; overflow: auto; border-radius: 6px; background: #dfe3df; overscroll-behavior: contain; }
.split-preview-viewport .split-preview { min-width: 100%; border-radius: 0; transform-origin: top left; }
.split-preview-viewport::-webkit-scrollbar { width: 8px; height: 8px; }
.split-preview-viewport::-webkit-scrollbar-thumb { background: #82908c; border-radius: 8px; }
.split-preview-viewport::-webkit-scrollbar-track { background: #e6e7e2; }
.portal-header { height: 64px; display: flex; justify-content: space-between; align-items: center; padding: 0 max(5vw, 32px); background: #0a100f; color: #fff; }
.portal-logo { color: #9fcfc0; text-decoration: none; font-size: 1.05rem; font-weight: 700; }
.back-btn { color: rgba(255,255,255,.72); text-decoration: none; padding: 8px 16px; border-radius: 8px; background: rgba(255,255,255,.08); font-size: .9rem; transition: background .2s, color .2s; }
.back-btn:hover { color: #fff; background: rgba(255,255,255,.15); }
.finishing-fixes { margin-top: 20px; }
.compact-check { margin-top: 0; }
.compact-field { margin-top: 17px; }
@media(max-width:520px) { .portal-header { height: 56px; padding-inline: 18px; } }