.cp-sides{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--s-4)}.cp-side{min-width:0}.cp-settings{margin-top:var(--s-4)}.cp-settings-body{display:grid;gap:var(--s-2)}.cp-checks{display:flex;flex-wrap:wrap;gap:var(--s-4)}.cp-report:empty{display:none}.cp-panel{margin-top:var(--s-4)}.cp-key{display:flex;gap:var(--s-2)}.cp-chip{padding:1px var(--s-2);border-radius:var(--r-sm);font-size:var(--fs-12)}.cp-chip.is-added,.cp-run.is-added,.cp-run.is-moved-in{background:var(--ok-soft);color:var(--ok)}.cp-chip.is-removed,.cp-run.is-removed,.cp-run.is-moved-out{background:var(--danger-soft);color:var(--danger)}.cp-chip.is-moved-in{background:var(--accent-soft);color:var(--accent)}.cp-rows{padding:0;margin:0;list-style:none}.cp-rows>li+li{border-top:1px solid var(--border)}.cp-row-head{display:flex;flex-wrap:wrap;gap:var(--s-3);align-items:center;min-height:var(--target);padding:var(--s-2) var(--s-4);cursor:pointer}.cp-row-head::-webkit-details-marker{display:none}.cp-row-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.cp-badge{min-width:5.5rem;padding:1px var(--s-2);border:1px solid var(--border-strong);border-radius:var(--r-full);color:var(--muted);font-size:var(--fs-12);text-align:center}.cp-badge.is-changed{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.cp-badge.is-added{border-color:var(--ok);background:var(--ok-soft);color:var(--ok)}.cp-badge.is-removed{border-color:var(--danger);background:var(--danger-soft);color:var(--danger)}.cp-badge.is-moved{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.cp-row-title{flex:1 1 10rem;font-size:var(--fs-14);font-weight:600}.cp-row-meta{color:var(--faint);font-family:var(--mono);font-size:var(--fs-12)}.cp-row-body{display:grid;gap:var(--s-3);padding:0 var(--s-4) var(--s-4)}.cp-text{max-height:22rem;padding:var(--s-3);overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--raised);font-size:var(--fs-14);line-height:1.6;overflow-wrap:anywhere}.cp-same{color:var(--faint)}.cp-run{padding:1px 2px;border-radius:3px}.cp-run.is-removed,.cp-run.is-moved-out{text-decoration:line-through}.cp-move-note{font-size:var(--fs-12);font-style:italic;opacity:.85}.cp-visual{display:grid;gap:var(--s-2)}.cp-visual>.btn{justify-self:start}.cp-visual-out{display:grid;gap:var(--s-2)}.cp-panes{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,20rem));gap:var(--s-4)}.cp-pane{margin:0}.cp-pane figcaption{margin-top:var(--s-1);color:var(--faint);font-size:var(--fs-12)}.cp-pane-shot{position:relative;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:#fff}.cp-canvas{display:block;width:100%;height:auto}.cp-box{position:absolute;border:2px solid var(--danger);border-radius:2px;background:#dc26261f;pointer-events:none}.field-hint.is-bad{color:var(--danger)}