.before-after{margin:0}.before-after-frame{aspect-ratio:var(--ratio);border-radius:var(--radius);box-shadow:var(--elev-2);position:relative;overflow:hidden}.before-after-side{background:var(--scrim);position:absolute;inset:0}.before-after-side[data-side=after]{clip-path:inset(0 0 0 var(--split))}.before-after-side img{object-fit:cover;width:100%;height:100%}.before-after-label{inset:auto auto var(--space-3) var(--space-3);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:650;position:absolute}[data-side=after] .before-after-label{inset:auto var(--space-3) var(--space-3) auto}.before-after-range{z-index:2;opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.before-after-handle{z-index:1;inset:0 auto 0 var(--split);background:var(--on-scrim);width:3px;box-shadow:0 0 0 1px color-mix(in srgb, var(--scrim) 40%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;translate:-50%}.before-after-handle:after{content:"";width:var(--hit-sm);height:var(--hit-sm);border:3px solid var(--on-scrim);background:linear-gradient(90deg, transparent 30%, var(--on-scrim) 30% 36%, transparent 36% 64%, var(--on-scrim) 64% 70%, transparent 70%) center / 50% 40% no-repeat, color-mix(in srgb, var(--scrim) var(--glass-opacity), transparent);box-shadow:var(--elev-2);border-radius:50%}.before-after:has(.before-after-range:focus-visible) .before-after-handle:after{outline:var(--focus-w) solid var(--on-scrim);outline-offset:var(--focus-offset);box-shadow:0 0 0 calc(var(--focus-offset) + var(--focus-w) + 3px) var(--scrim)}@media (scripting:none){.before-after-frame{gap:var(--space-2);aspect-ratio:auto;box-shadow:none;border-radius:0;grid-template-columns:1fr 1fr;display:grid;overflow:visible}.before-after-side{aspect-ratio:var(--ratio);border-radius:var(--radius);position:relative;overflow:hidden}.before-after-side[data-side=after]{clip-path:none}[data-side=after] .before-after-label{inset:auto auto var(--space-3) var(--space-3)}.before-after-handle{display:none}}.before-after-caption{margin-top:var(--space-3);color:var(--muted);font-size:var(--fs-sm)}.studio[data-astro-cid-r6rwahll]{gap:var(--space-4);align-items:start;display:grid}@media (width>=1000px){.studio[data-astro-cid-r6rwahll]{column-gap:var(--space-7);row-gap:var(--space-5);grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"intro result""form result"}.intro[data-astro-cid-r6rwahll]{grid-area:intro}.studio-form[data-astro-cid-r6rwahll]{grid-area:form}.result[data-astro-cid-r6rwahll]{grid-area:result}}.studio-form[data-astro-cid-r6rwahll]{gap:var(--space-4);border:var(--border-w) solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:clamp(1rem,.6rem + 1.6vw,1.75rem);display:grid}fieldset[data-astro-cid-r6rwahll]{border:0;min-width:0;margin:0;padding:0}.label[data-astro-cid-r6rwahll]{margin:0 0 var(--space-2);font-size:var(--fs-sm);padding:0;font-weight:700;display:block}.tabs[data-astro-cid-r6rwahll]{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-sm);background:var(--surface-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tab[data-astro-cid-r6rwahll]{min-height:var(--hit);padding:var(--space-1) var(--space-2);border-radius:calc(var(--radius-sm) - 2px);color:var(--muted);font-size:var(--fs-sm);text-align:center;cursor:pointer;place-items:center;font-weight:700;line-height:1.2;display:grid;position:relative}.tab[data-astro-cid-r6rwahll] input[data-astro-cid-r6rwahll],.size[data-astro-cid-r6rwahll] input[data-astro-cid-r6rwahll],.choice[data-astro-cid-r6rwahll] input[data-astro-cid-r6rwahll]{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.tab[data-astro-cid-r6rwahll]:has(input:checked){background:var(--surface);color:var(--text);box-shadow:var(--shadow-control)}:is(.tab[data-astro-cid-r6rwahll]:has(input:focus-visible),.size[data-astro-cid-r6rwahll]:has(input:focus-visible),.choice[data-astro-cid-r6rwahll]:has(input:focus-visible)){outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}.slots[data-astro-cid-r6rwahll]{--upload-height:7.5rem;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.studio[data-astro-cid-r6rwahll][data-tool=edit] .slots[data-astro-cid-r6rwahll]{--upload-height:9.5rem;grid-template-columns:minmax(0,1fr)}@media (width>=560px){.studio[data-astro-cid-r6rwahll][data-tool=merge] .slots[data-astro-cid-r6rwahll]{grid-template-columns:repeat(4,minmax(0,1fr))}}.slots[data-astro-cid-r6rwahll] .upload-slot[hidden]{display:none}.slots[data-astro-cid-r6rwahll] .upload-box{padding:var(--space-3);padding-top:calc(var(--upload-height) / 5)}.consent[data-astro-cid-r6rwahll]{gap:var(--space-2);margin-top:var(--space-3);color:var(--muted);font-size:var(--fs-sm);align-items:start;display:flex}.consent[data-astro-cid-r6rwahll] input[data-astro-cid-r6rwahll]{width:1.25rem;height:1.25rem;accent-color:var(--primary);flex:none;margin:.1rem 0 0}textarea[data-astro-cid-r6rwahll],select[data-astro-cid-r6rwahll]{width:100%;min-height:var(--hit);padding:var(--space-2) var(--space-3);border:var(--control-border-w) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg);color:var(--text);font:inherit}textarea[data-astro-cid-r6rwahll]{resize:vertical;line-height:1.45}textarea[data-astro-cid-r6rwahll]::placeholder{color:var(--muted)}textarea[data-astro-cid-r6rwahll]:focus-visible,select[data-astro-cid-r6rwahll]:focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}.settings[data-astro-cid-r6rwahll]{gap:var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=480px){.settings[data-astro-cid-r6rwahll]{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}}.size-list[data-astro-cid-r6rwahll]{gap:var(--space-1);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.size[data-astro-cid-r6rwahll]{min-height:var(--hit);padding:var(--space-1);border:var(--control-border-w) solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;align-content:center;justify-items:center;display:grid;position:relative}.size[data-astro-cid-r6rwahll]:has(input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.choice-list[data-astro-cid-r6rwahll]{gap:var(--space-2);flex-wrap:wrap;display:flex}.choice[data-astro-cid-r6rwahll]{min-height:var(--hit);padding:0 var(--space-4);border:var(--control-border-w) solid var(--border-strong);border-radius:var(--radius-pill);font-size:var(--fs-sm);cursor:pointer;align-items:center;font-weight:700;display:inline-flex;position:relative}.choice[data-astro-cid-r6rwahll]:has(input:checked){border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px var(--primary)}.size-name[data-astro-cid-r6rwahll]{font-weight:800;line-height:1.1}.size-cost[data-astro-cid-r6rwahll]{color:var(--muted);white-space:nowrap;font-size:.8125rem;line-height:1.2}.go[data-astro-cid-r6rwahll]{width:100%;min-height:3.25rem;font-size:1.0625rem}.cost[data-astro-cid-r6rwahll]{margin:calc(var(--space-2) * -1) 0 0;color:var(--muted);font-size:var(--fs-sm);text-align:center}.notice[data-astro-cid-r6rwahll]{padding:var(--space-3) var(--space-4);border-left:4px solid var(--primary);border-radius:var(--radius-sm);background:var(--surface-2);margin:0}.notice[data-astro-cid-r6rwahll].stack{gap:var(--space-3);justify-items:start;display:grid}.notice[data-astro-cid-r6rwahll].stack[hidden]{display:none}.notice[data-astro-cid-r6rwahll].stack .button:not(.small){width:100%}.notice[data-astro-cid-r6rwahll] .small{color:var(--muted);font-size:var(--fs-sm)}.ready[data-astro-cid-r6rwahll]{font-size:var(--fs-h3);margin:0;font-weight:800}.working-prompt[data-astro-cid-r6rwahll]{color:var(--muted);font-size:var(--fs-sm);margin:0;line-height:1.45}@media (prefers-reduced-motion:no-preference){.working[data-astro-cid-r6rwahll]{background:linear-gradient(100deg, var(--surface-2) 40%, var(--surface) 50%, var(--surface-2) 60%) 0 0 / 300% 100%;animation:shimmer 1.8s var(--ease-in-out) infinite}}@keyframes shimmer{to{background-position:-150% 0}}.result[data-astro-cid-r6rwahll]{gap:var(--space-4);min-width:0;display:grid}.frame[data-astro-cid-r6rwahll]{margin:0}@media (width<=999px){.result[data-astro-cid-r6rwahll][data-result=sample]{display:none}}.frame[data-astro-cid-r6rwahll] img{border-radius:var(--radius);width:100%;height:auto;box-shadow:var(--elev-2);display:block}@media (width>=1000px){.frame[data-astro-cid-r6rwahll]{width:fit-content;max-width:100%;margin-inline:auto}.frame[data-astro-cid-r6rwahll] figcaption[data-astro-cid-r6rwahll]{contain:inline-size}.frame[data-astro-cid-r6rwahll] img{width:auto;max-width:100%;max-height:min(82svh,44rem);margin-inline:auto}}.frame[data-astro-cid-r6rwahll] figcaption[data-astro-cid-r6rwahll]{max-width:60ch;margin-top:var(--space-2);color:var(--muted);font-size:var(--fs-sm);line-height:1.45}.tag[data-astro-cid-r6rwahll]{margin-right:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--text);font-weight:700;display:inline-block}.working[data-astro-cid-r6rwahll]{gap:var(--space-3);width:100%;min-height:12rem;max-height:min(82svh,44rem);padding:var(--space-6);border-radius:var(--radius);background:var(--surface-2);align-content:center;display:grid}.working[data-astro-cid-r6rwahll] .hint[data-astro-cid-r6rwahll]{margin:0}.actions[data-astro-cid-r6rwahll]{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.actions[data-astro-cid-r6rwahll] .flip{transform:rotate(180deg)}.more[data-astro-cid-r6rwahll]{font-size:var(--fs-sm);margin-left:auto;font-weight:600}.failed[data-astro-cid-r6rwahll]{padding:var(--space-4);border-left:4px solid var(--danger);border-radius:var(--radius-sm);background:var(--surface-2);margin:0}