.sv-case-compare { position:relative; overflow:hidden; }
.sv-case-compare > img.sv-case-before { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; }
.sv-case-compare > img.sv-case-after { opacity:1; }
.sv-case-compare > img.sv-case-before,.sv-case-compare > img.sv-case-after { transition:opacity .16s ease; }
.sv-case-compare[data-compare-view=before] > img.sv-case-before { opacity:1; }
.sv-case-compare[data-compare-view=before] > img.sv-case-after { opacity:0; }
.sv-case-compare > .sv-case-compare-label { position:absolute; bottom:8px; right:8px; padding:3px 6px; border-radius:4px; background:var(--sv-color-canvas); color:var(--sv-color-text); font-size:10px; font-style:normal; line-height:1.4; pointer-events:none; }
.case-ai-button { white-space:nowrap; flex-shrink:0; padding:7px 10px; border:1px solid var(--sv-color-border); border-radius:8px; color:var(--sv-color-text); background:var(--sv-color-surface-subtle); font:inherit; font-size:12px; cursor:pointer; }
.case-ai-button:disabled { opacity:.5; cursor:wait; }
.case-description-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.cc-template-compare { display:block; width:50px; height:50px; flex-shrink:0; border-radius:8px; }
.cc-template-compare > img { display:block; width:100%; height:100%; object-fit:cover; }
.case-ai-draft { margin-top:10px; font-size:12px; color:var(--sv-color-text); }
.case-ai-draft p { white-space:pre-wrap; }
@media(prefers-reduced-motion:reduce){.sv-case-compare > img.sv-case-before,.sv-case-compare > img.sv-case-after{transition:none}}