.edit-example-options{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.edit-example-button{border:1px solid #d49ce13d;background:#ffffff04;color:#e9dff0;font:500 15px/1.4 'Schibsted Grotesk',sans-serif;border-radius:9px;padding:10px 12px;min-height:43px;flex:1 1 calc(50% - 8px)}.edit-example-button:hover{background:#d494d817}.edit-example-button[aria-pressed=true]{background:#dba8e725;border-color:#e5acf1;color:#fff}.edit-example-button:focus-visible{outline:3px solid var(--qp-focus,#BA94C1);outline-offset:3px}.ai-demo .comparison-image{background-image:var(--edit-image,url('/assets/retro/candy-compare.webp'))}.ai-demo .comparison-hint{min-height:45px}
/* Align the cleanup subject: the edited half sits 4px higher in the 1000px source. */
.comparison[data-edit-example="cleanup"] .comparison-after::before{content:'';position:absolute;inset:0;background:inherit;transform:translateY(.4%)}
/* Clip label badges at the same divider as their corresponding image. */
.comparison-label-layer{position:absolute;inset:0;z-index:3;pointer-events:none}
.comparison-label-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.comparison-label-after{clip-path:inset(0 0 0 var(--split))}