.prompt-comparison{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:#edf2f7;border-radius:8px}.prompt-comparison .compare-before,.prompt-comparison .compare-after{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;object-fit:cover;background-size:cover!important;border-radius:0!important}.prompt-comparison .compare-before{clip-path:inset(0 calc(100% - var(--comparison)) 0 0);z-index:1}.prompt-comparison:after{content:'';position:absolute;left:var(--comparison);top:0;bottom:0;border-left:2px solid white;pointer-events:none;z-index:2}.prompt-comparison input{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:.01;cursor:ew-resize;margin:0;z-index:4}.prompt-comparison:focus-within{outline:3px solid #0866ff}.compare-label{position:absolute;bottom:8px;background:#14263de0;color:white;padding:3px 7px;font-size:10px;z-index:3;border-radius:4px;pointer-events:none}.compare-label.before{left:8px}.compare-label.after{right:8px}.prompt-comparison-editor{border:1px solid #dce4ed;border-radius:8px;padding:12px}.prompt-comparison-editor p{font-size:12px}.prompt-card:has(.prompt-comparison){display:flex;flex-direction:column;text-align:left}.prompt-preview-hero>.prompt-comparison{max-width:900px}