.compare-split-controls:not([hidden]) { display: flex; gap: 3px; margin-left: auto; margin-right: 12px; padding: 3px; border-radius: 9px; background: #eef2f7; }
.compare-split-controls button { padding: 7px 10px; border: 0; border-radius: 6px; background: transparent; color: #64748b; font: inherit; font-size: 12px; font-weight: 800; cursor: pointer; }
.compare-split-controls button[aria-pressed="true"] { color: #1d4ed8; background: #fff; box-shadow: 0 1px 4px #172b4d15; }
.has-split-comparison .topmoat-compare-dialog { display: grid; width: calc(100vw - 36px); max-width: 2000px; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: 58px 30px minmax(0, 1fr); }
.has-split-comparison .topmoat-compare-dialog-head { grid-column: 1 / -1; grid-row: 1; }
.has-split-comparison #topmoatCompareFrame { grid-column: 1; grid-row: 3; height: 100%; }
.compare-split-first-title { grid-column: 1; grid-row: 2; }
.compare-split-secondary { grid-column: 2; grid-row: 2 / 4; border-left: 1px solid #dfe5ee; }
.compare-split-pane { display: flex; flex-direction: column; min-width: 0; min-height: 0; background: #fff; }
.compare-split-pane-title { flex: 0 0 auto; padding: 8px 14px; background: #f1f6ff; color: #1d4ed8; font-size: 12px; font-weight: 800; }
@media (max-width: 979px) {
    .has-split-comparison .topmoat-compare-dialog { grid-template-columns: minmax(0, 1fr); grid-template-rows: 58px 30px minmax(0, 1fr) minmax(0, 1fr); }
    .compare-split-secondary { grid-column: 1; grid-row: 4; border-left: 0; border-top: 1px solid #dfe5ee; }
    .compare-split-controls { margin-right: 6px; }
    .compare-split-controls button { padding: 7px 6px; font-size: 11px; }
}
@media (max-width: 720px) {
    .has-split-comparison .topmoat-compare-dialog { width: 100vw; }
    .has-split-comparison .topmoat-compare-dialog-head { padding-left: 10px; gap: 4px; }
    .has-split-comparison .topmoat-compare-dialog-head strong { font-size: 14px; }
}

.compare-split-pane[hidden], .compare-split-first-title[hidden] { display: none; }