/* lucyna.dev — edet-split.css (Batch-2 P8) — Compare view. Tokens only. */

/* the compare-view wrapper. NOT `.dr-split` — that's the editor/preview container
   (edet-editor.css), and this stylesheet loads later, so sharing the name leaked
   flex-direction:column + gap + height:100% onto the always-present editor pane. */
.dr-compare { display: flex; flex-direction: column; gap: 0.6rem; height: 100%; }
.dr-split-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.dr-split-sel { display: flex; gap: 0.3rem; align-items: center; }
.dr-split-src, .dr-split-ver {
    height: 30px; max-width: 240px;
    background: var(--bg-elevated); color: var(--fg);
    border: 1px solid var(--rule); border-radius: 6px; padding: 0 0.4rem;
    font-family: var(--font-mono); font-size: var(--text-xs);
}
.dr-split-vs { color: var(--fg-dim); font-size: var(--text-xs); }
.dr-split-difftoggle { height: 30px; margin-left: auto; font-size: var(--text-xs); }
.dr-split-difftoggle[data-on="true"] { border-color: var(--accent); color: var(--accent); }

.dr-split-content { flex: 1 1 auto; overflow: auto; border: 1px solid var(--rule); border-radius: 8px; }
.dr-split-cols { display: grid; grid-template-columns: 1fr 1fr; }
.dr-split-pane {
    padding: 0.8rem 1rem; overflow: auto;
    line-height: 1.6; color: var(--fg);
    word-break: break-word;
}
.dr-split-pane + .dr-split-pane { border-left: 1px solid var(--rule); }
.dr-split-pane :first-child { margin-top: 0; }
.dr-split-diff { font-family: var(--font-mono); font-size: var(--text-sm); line-height: 1.5; padding: 0.4rem 0; }
.dr-split-empty { color: var(--fg-dim); padding: 1.4rem; text-align: center; }