.before-after[data-recipe="photobreak"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}
.before-after[data-recipe="handuniverse"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}
.before-after[data-recipe="eyeportal"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}
.before-after[data-recipe="tinyworkers"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}
.before-after[data-recipe="obsidianluxe"] .compare-canvas{aspect-ratio:1138/1382;width:min(100%,593px);margin-inline:auto}
.before-after[data-recipe="vortexpull"] .compare-canvas{aspect-ratio:1138/1382;width:min(100%,593px);margin-inline:auto}
.before-after[data-recipe="crochetdoll"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}
.before-after[data-recipe="risograph"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}
.before-after[data-recipe="wireframe"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}
.before-after[data-recipe="knolling"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}
.filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}

.before-after[data-recipe="bluehour"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="fog"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="snow"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="storm"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="moonlight"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="rain"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="seasonset"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="longexposure"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

@media(min-width:1000px){.subjects{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.subject:last-child:nth-child(even){grid-column:auto;display:block}.subject:last-child:nth-child(even) .subject-visual{height:120px;min-height:0}}

.before-after[data-recipe="isometricroom"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="floorplan"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="gobopattern"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="highkey"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="lowkey"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="volumetriclight"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="shadowplay"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="anamorphic"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="actionfigure"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="bobblehead"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="keychain"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="tradingcard"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="holographiccard"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="voxelart"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="linocut"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="duotoneportrait"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

@media(max-width:620px){.before-after:is([data-recipe="actionfigure"],[data-recipe="bobblehead"],[data-recipe="linocut"],[data-recipe="duotoneportrait"]) .compare-canvas{width:min(100%,210px)}}

.before-after[data-recipe="colorway"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="lowangle"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="whiteback"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="foilstamp"] .compare-canvas{aspect-ratio:1138/1382;width:min(100%,593px);margin-inline:auto}

.before-after[data-recipe="aftermath"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="napkinsketch"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="stickersheet"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="polaroid"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="halftone"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="glitch"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="blackandwhite"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="backgroundreplace"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="objectremove"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="crossstitch"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="dioramabox"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="minifig"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="polaroid"] .compare-canvas[data-view=after]{aspect-ratio:1086/1448;width:min(100%,540px)}

.before-after[data-recipe="minifig"] .compare-canvas[data-view=after]{aspect-ratio:1024/1536;width:min(100%,480px)}

.before-after[data-recipe="pourshot"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="materialswatch"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="bookcover"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="bookcover"] .compare-canvas[data-view=after]{aspect-ratio:1024/1536;width:min(100%,480px)}

.before-after[data-recipe="apparelmockup"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="securitycam"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="ghostmannequin"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="embossedlogo"] .compare-canvas{aspect-ratio:1138/1382;width:min(100%,593px);margin-inline:auto}

.before-after[data-recipe="gashapon"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="turnaround"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="dutchangle"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="backgroundblur"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="newspaper"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="newspaper"] .compare-canvas[data-view=after]{aspect-ratio:1024/1536;width:min(100%,480px)}

.before-after[data-recipe="patterntile"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="patterntile"] .compare-canvas[data-view=after]{aspect-ratio:1254/1254;width:min(100%,720px)}

.before-after[data-recipe="tattooflash"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="fire"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="dreamcore"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="moodboard"] .compare-canvas{aspect-ratio:1138/1382;width:min(100%,593px);margin-inline:auto}

.before-after[data-recipe="boxmockup"] .compare-canvas{aspect-ratio:1138/1382;width:min(100%,593px);margin-inline:auto}

.before-after[data-recipe="tornpaper"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="tornpaper"] .compare-canvas[data-view=after]{aspect-ratio:1024/1536;width:min(100%,480px)}

.before-after[data-recipe="notebookpage"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="wantedposter"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="wantedposter"] .compare-canvas[data-view=after]{aspect-ratio:1024/1536;width:min(100%,480px)}

.before-after[data-recipe="neonsign"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="aerialview"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="yearbook90s"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="yearbook90s"] .compare-canvas[data-view=after]{aspect-ratio:1083/1453;width:min(100%,537px)}

.before-after[data-recipe="arcadecabinet"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="cerealbox"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="peel"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="whiteboard"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="magazinecover"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="magazinecover"] .compare-canvas[data-view=after]{aspect-ratio:1024/1536;width:min(100%,480px)}

.before-after[data-recipe="vinylsleeve"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="vinylsleeve"] .compare-canvas[data-view=after]{aspect-ratio:1254/1254;width:min(100%,720px)}

.before-after[data-recipe="patentdrawing"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="costumedesign"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="levitationrig"] .compare-canvas{aspect-ratio:1138/1382;width:min(100%,593px);margin-inline:auto}

.before-after[data-recipe="storyboard"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="storyboard"] .compare-canvas[data-view=after]{aspect-ratio:1774/887;width:min(100%,780px)}

.before-after[data-recipe="mirror"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="oldphotorestore"] .compare-canvas{aspect-ratio:1024/1536;width:min(100%,480px);margin-inline:auto}

.before-after[data-recipe="softglow"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,270px);margin-inline:auto}

.before-after[data-recipe="backlight"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="colorgelset"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="dramaticlighting"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="hollow"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.source-inputs{padding:20px}.source-input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.source-input-grid figure{margin:0;min-width:0}.source-input-grid img{width:100%;height:180px;object-fit:contain;background:#101820;border-radius:8px}.source-input-grid figcaption{font-size:.85rem;margin-top:8px}

.before-after[data-recipe="annotated"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="flowchart"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="museumplaque"] .compare-canvas{aspect-ratio:1138/1382;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="quotecard"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="environmentmatch"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="boxset"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}
.before-after[data-recipe="boxset"] .compare-canvas[data-view=after]{aspect-ratio:1374/1145}

.before-after[data-recipe="pricecard"] .compare-canvas{aspect-ratio:768/512;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="timeline"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="lightingdiagram"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="archivewall"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="devicemockup"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="festiveportrait"] .compare-canvas{aspect-ratio:384/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="ugcmodel"] .compare-canvas{aspect-ratio:1137/1383;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="originstory"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="redpen"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="sachetrow"] .compare-canvas{aspect-ratio:1448/1086;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="screenmockup"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="travelset"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}

.before-after[data-recipe="versusgrid"] .compare-canvas{aspect-ratio:1536/1024;width:min(100%,780px);margin-inline:auto}