.mockup.svelte-1u668u4{--bar:#f2f2f4;--bar-2:#e9e9ec;--edge:#dcdce1;--text:#3c3c43;--muted:#8a8a8f;--field:#fff;--field-edge:#e2e2e6;background:#fff;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.mockup.dark.svelte-1u668u4{--bar:#2c2c2e;--bar-2:#262628;--edge:#000;--text:#e6e6ea;--muted:#98989d;--field:#1c1c1e;--field-edge:#3a3a3c;background:#1c1c1e}.bar.svelte-1u668u4{background:var(--bar);border-bottom:1px solid var(--edge);color:var(--muted);flex:none;align-items:center;gap:.625rem;padding:0 .75rem;display:flex}.single.svelte-1u668u4{height:2.25rem}.tabstrip.svelte-1u668u4{background:var(--bar-2);height:2.1rem}.toolbar.svelte-1u668u4{height:2.5rem}.lights.svelte-1u668u4{flex:none;gap:.5rem;display:inline-flex}.lights.svelte-1u668u4 i:where(.svelte-1u668u4){border-radius:9999px;width:.72rem;height:.72rem;display:block}.lights.svelte-1u668u4 .r:where(.svelte-1u668u4){background:#ff5f57}.lights.svelte-1u668u4 .y:where(.svelte-1u668u4){background:#febc2e}.lights.svelte-1u668u4 .g:where(.svelte-1u668u4){background:#28c840}.tab.svelte-1u668u4{background:var(--field);max-width:60%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:.5rem .5rem 0 0;align-items:center;padding:.3rem .75rem;font-size:.8rem;display:inline-flex;overflow:hidden}.navbtns.svelte-1u668u4{flex:none;align-items:center;gap:.375rem;display:inline-flex}.address.svelte-1u668u4{background:var(--field);border:1px solid var(--field-edge);height:1.5rem;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:9999px;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.8rem;display:inline-flex;overflow:hidden}.address.safari.svelte-1u668u4{justify-content:center;min-width:45%;margin:0 auto}.address.chrome.svelte-1u668u4{flex:1}.mockup .glyph{stroke-width:2px;width:1rem;height:1rem}.mockup .glyph.sm{width:.8rem;height:.8rem}.content.svelte-1u668u4{background:var(--field);flex:1;min-height:0}.shot.svelte-1u668u4{object-fit:contain;width:100%;height:100%;display:block}.device.svelte-1u668u4{background:#0b0b0d;max-width:100%;max-height:100%;position:relative;overflow:hidden}.device.phone.svelte-1u668u4{aspect-ratio:9/19.5;border-radius:clamp(1.5rem,8%,3rem);height:100%;padding:clamp(.35rem,1.6%,.7rem)}.device.tablet.svelte-1u668u4{aspect-ratio:3/4;border-radius:clamp(.75rem,3%,1.5rem);height:100%;padding:clamp(.5rem,2%,1rem)}.device-screen.svelte-1u668u4{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.notch.svelte-1u668u4{z-index:1;background:#0b0b0d;border-radius:9999px;width:34%;height:clamp(.5rem,2.2%,1rem);position:absolute;top:clamp(.6rem,2.4%,1.1rem);left:50%;transform:translate(-50%)}.recast-shot-stage.svelte-12bt5b3{justify-content:center;align-items:center;width:100%;max-width:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.recast-shot-image.svelte-12bt5b3{object-fit:contain;max-width:100%;max-height:100%;display:block}.recast-shot-frame.svelte-12bt5b3{box-sizing:border-box;justify-content:center;align-items:center;max-width:100%;max-height:100%;display:flex}.recast-shot-frame.svelte-12bt5b3 .recast-shot-image:where(.svelte-12bt5b3){max-width:100%;max-height:100%}.recast-shot-bg.svelte-12bt5b3{z-index:0;position:absolute;inset:-8%}.recast-shot-noise.svelte-12bt5b3{z-index:0;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.recast-shot-grid.svelte-12bt5b3{z-index:5;pointer-events:none;background-image:linear-gradient(90deg,#7f7f7f47 1px,#0000 1px),linear-gradient(#7f7f7f47 1px,#0000 1px);position:absolute;inset:0}.recast-shot-rulers.svelte-12bt5b3{z-index:6;pointer-events:none;position:absolute;inset:0}.recast-shot-rulers.svelte-12bt5b3 .ruler-h:where(.svelte-12bt5b3),.recast-shot-rulers.svelte-12bt5b3 .ruler-v:where(.svelte-12bt5b3){background-color:#1414168c;background-repeat:repeat;position:absolute}.recast-shot-rulers.svelte-12bt5b3 .ruler-h:where(.svelte-12bt5b3){background-image:linear-gradient(90deg,#ffffffbf 1px,#0000 1px);height:14px;top:0;left:0;right:0}.recast-shot-rulers.svelte-12bt5b3 .ruler-v:where(.svelte-12bt5b3){background-image:linear-gradient(#ffffffbf 1px,#0000 1px);width:14px;top:0;bottom:0;left:0}.recast-shot-rulers.svelte-12bt5b3 .ruler-corner:where(.svelte-12bt5b3){background:#141416cc;width:14px;height:14px;position:absolute;top:0;left:0}.recast-shot-persp.svelte-12bt5b3{z-index:1;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:relative}.recast-shot-tilt.svelte-12bt5b3{width:100%;height:100%;transform-style:preserve-3d;justify-content:center;align-items:center;transition:transform .12s ease-out;display:flex}