.split-comparison-layer { position: fixed; z-index: 31; left: 1rem; right: 1rem; top: 10rem; pointer-events: none; }
.split-comparison { pointer-events: auto; display: grid; gap: .7rem; max-height: calc(100vh - 11rem); overflow: auto; padding: 1rem; border: 1px solid var(--line, #cbd5e1); border-radius: 1rem; background: var(--surface, #fff); box-shadow: 0 .75rem 2rem rgb(15 23 42 / .16); }
.split-comparison__warning, .split-comparison__help { margin: 0; color: #475569; font-size: .82rem; }
.split-comparison__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
.split-comparison__pane { display: grid; gap: .35rem; padding: .65rem; border: 1px solid #dbe4ef; border-radius: .7rem; background: #f8fafc; }
.split-comparison__pane.is-highlighted { border-color: #2563eb; background: #eff6ff; }
.split-comparison__pane-heading { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.split-comparison__pane textarea { width: 100%; min-height: 9rem; resize: vertical; padding: .55rem; border: 1px solid var(--line, #cbd5e1); border-radius: .5rem; background: #fff; font: inherit; line-height: 1.5; }
.split-comparison button { min-height: 2.25rem; padding: .4rem .7rem; border: 1px solid var(--line, #cbd5e1); border-radius: .55rem; background: transparent; cursor: pointer; }
.split-comparison button.is-primary { color: #fff; background: #1d4ed8; border-color: #1d4ed8; }
.split-comparison button:disabled { opacity: .5; cursor: not-allowed; }
.split-comparison__actions { display: flex; flex-wrap: wrap; gap: .5rem; }
@media (max-width: 700px) { .split-comparison-layer { left: .5rem; right: .5rem; top: .5rem; } .split-comparison { max-height: calc(100vh - 1rem); } .split-comparison__grid { grid-template-columns: 1fr; } }
@media (forced-colors: active) { .split-comparison { border: 2px solid CanvasText; box-shadow: none; } .split-comparison__pane.is-highlighted { border: 2px solid Highlight; background: Canvas; } .split-comparison button.is-primary { background: Highlight; color: HighlightText; } }
@media print { .split-comparison-layer, .split-comparison-launcher { display: none !important; } }