@font-face{font-family:Dokdo;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dokdo-latin-400-normal-C8ClF3Xp.woff2) format("woff2"),url(/assets/dokdo-latin-400-normal-CXduJKht.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/kalam-latin-400-normal-BthBl_aR.woff2) format("woff2"),url(/assets/kalam-latin-400-normal-Bl-H2BUA.woff) format("woff")}@font-face{font-family:Kalam;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/kalam-latin-700-normal-D2H-9ISU.woff2) format("woff2"),url(/assets/kalam-latin-700-normal-7TSuSrjP.woff) format("woff")}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:300;src:url(/assets/urbanist-latin-300-normal-Bb8_4vNX.woff2) format("woff2"),url(/assets/urbanist-latin-300-normal-TcymxPyK.woff) format("woff")}@font-face{font-family:Urbanist;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/urbanist-latin-500-normal-CTXUkCRo.woff2) format("woff2"),url(/assets/urbanist-latin-500-normal-DpQ4Tjrd.woff) format("woff")}:root{--color-pink-500: #ff659a;--color-green-600: #009754;--color-green-300: #68ff81;--color-red-500: #df5364;--color-gray-500: #858585;--color-gray-300: #bababa;--color-gray-700: #4a4a4a;--color-gray-100: #ebebeb;--color-ink-900: #363133;--color-white: #ffffff;--color-sky-200: #bce2f5;--color-navy-700: #23456e;--color-navy-800: #0e3058;--color-blue-300: #a1cbff;--color-orange-400: #fca342;--color-paper-100: #f1ebeb;--color-blue-gray-500: #638da5;--color-green-900: #05472a;--color-screen: var(--color-sky-200);--color-text: var(--color-ink-900);--color-text-inverse: var(--color-white);--color-action-primary: var(--color-pink-500);--color-action-next: var(--color-green-600);--color-action-disabled: var(--color-gray-500);--color-border-primary: var(--color-ink-900);--color-border-next: var(--color-green-900);--color-border-disabled: var(--color-gray-700);--color-text-disabled: var(--color-gray-300);--font-display: "Dokdo", cursive;--font-action: "Kalam", cursive;--font-body: "Urbanist", system-ui, sans-serif;--type-heading-1-size: 22px;--type-heading-1-line: 30px;--type-heading-2-size: 18px;--type-heading-2-line: 26px;--type-heading-3-size: 20px;--type-heading-3-line: 18px;--type-heading-4-size: 18px;--type-heading-4-line: 26px;--type-body-xl-size: 18px;--type-body-xl-line: 26px;--type-body-lg-size: 16px;--type-body-lg-line: 24px;--type-body-sm-size: 12px;--type-body-sm-line: 18px;--screen-width: 375px;--screen-max: 430px;--radius-button: 999px;--shadow-button: 3px 6px 0 var(--color-ink-900);--shadow-button-soft: 0 4px 2px rgb(0 0 0 / 25%);--shadow-photo: 6px 6px 10px rgb(0 0 0 / 25%);--focus-ring-shadow: 0 0 0 2px rgb(255 255 255 / 90%), 0 0 0 4px var(--color-ink-900);--c-ink: var(--color-ink-900);--c-sky: var(--color-sky-200);--c-sky-soft: var(--color-sky-200);--c-curtain: var(--color-pink-500);--c-orange: var(--color-orange-400);--c-paper: var(--color-paper-100);--c-deep-blue: var(--color-navy-700);--c-green: var(--color-green-600);--c-white: var(--color-white);--font-accent: var(--font-action);--mobile-max: var(--screen-width)}*{box-sizing:border-box}html{min-height:100%;color:var(--color-text);font-family:var(--font-body)}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:var(--color-sky-200)}body:before{position:fixed;z-index:-1;inset:0;background:url(/ui/figma/watercolor-texture.webp) center / cover no-repeat;content:"";opacity:.5;pointer-events:none}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed}img{display:block}#root{min-height:100svh}.app-shell{position:relative;display:flex;flex-direction:column;width:min(100%,var(--screen-max));min-height:100svh;margin:0 auto;background:transparent}@media(max-width:480px){.app-shell{width:100%}}.app-shell>*{margin-top:auto}.watercolor-screen{position:relative;isolation:isolate}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;width:min(200px,calc(100% - 32px));height:44px;padding:10px 32px;border:1.2px solid var(--color-border-primary);border-radius:var(--radius-button);background:var(--color-action-primary);box-shadow:var(--shadow-button);color:var(--color-text);font-family:var(--font-action);font-size:var(--type-heading-3-size);font-weight:700;line-height:20px;white-space:nowrap}.primary-button--next{border-color:var(--color-border-next);background:var(--color-action-next);color:var(--color-text-inverse)}.primary-button:disabled{border-color:var(--color-border-disabled);background:var(--color-action-disabled);color:var(--color-text-disabled)}.primary-button{position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.primary-button__hit{position:absolute;z-index:2;inset:0;display:block;border-radius:var(--radius-button);background:transparent}.primary-button,.primary-button__hit,.primary-button__icon,.primary-button__icon img,.primary-button__label{cursor:pointer!important}.primary-button:disabled,.primary-button:disabled .primary-button__hit,.primary-button:disabled .primary-button__icon,.primary-button:disabled .primary-button__icon img,.primary-button:disabled .primary-button__label{cursor:not-allowed!important}.primary-button__icon,.primary-button__label{pointer-events:none}.primary-button__icon,.primary-button__icon img{width:24px;height:24px;flex:0 0 24px}.primary-button--next .primary-button__icon{width:16px;height:16px;flex-basis:16px}.primary-button:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow),var(--shadow-button)}.frame-carousel__arrow:focus-visible,.frame-type__option:focus-visible,.home-link:focus-visible,.upload-control:focus-within,.feedback-link:focus-visible{outline:2px solid var(--color-ink-900);outline-offset:4px;border-radius:4px}.status-dot{display:block;width:12px;height:12px;border:1px solid var(--color-white);border-radius:50%;background:var(--color-green-300)}.status-dot--recording{background:var(--color-red-500)}.brand-logo{position:absolute;width:108px;height:55.1px}.brand-logo__kicker{position:absolute;top:0;left:15.4px;width:71.46px;height:5.2px}.brand-logo__names{position:absolute;top:11.9px;left:0;width:108px;height:43.2px}.screen-logo{top:27.1px;left:133px}.home-screen{position:relative;width:100%;min-height:812px;overflow:hidden;background:transparent;text-align:center}.home-screen:after{position:absolute;z-index:-1;inset:570px 0 0;background:var(--color-navy-700);content:""}.home-visual{position:absolute;top:0;left:0;width:375px;height:616px}.curtain-sequence{position:absolute;top:101px;left:-5px;width:386px;height:515px;pointer-events:none}.curtain-frame{position:absolute;inset:0;width:386px;height:515px;opacity:0}.curtain-frame:first-child{opacity:1}.home-screen>.primary-button{position:absolute;top:630px;left:88px}.feedback-link{position:absolute;top:715px;left:50%;color:var(--color-white);font-family:var(--font-body);font-size:14px;font-weight:500;line-height:21px;text-underline-offset:4px;transform:translate(-50%)}.feedback-link--dark{color:var(--color-text)}.home-footer-copy,.result-footer-copy{position:absolute;top:758px;left:50%;width:300px;color:var(--color-blue-300);font-family:var(--font-body);font-size:var(--type-body-sm-size);font-weight:300;line-height:var(--type-body-sm-line);text-align:center;transform:translate(-50%)}.home-footer-copy p,.result-footer-copy p{margin:0}.home-footer-copy p+p,.result-footer-copy p+p{margin-top:4px}.home-footer-copy a,.result-footer-copy a{color:inherit;text-decoration:underline;text-underline-offset:2px}.howto-card{position:absolute;left:24.5px;width:326px;height:539px;color:var(--color-text)}.howto-card__paper{position:absolute;inset:0;width:326px;height:539px}.howto-card h2{position:absolute;top:31px;left:44px;margin:0;font-family:var(--font-display);font-size:var(--type-heading-1-size);font-weight:400;line-height:var(--type-heading-1-line)}.howto-card ol{margin:0;padding:0;list-style:none}.howto-card li{position:absolute;left:0;width:326px;height:120px;font-family:var(--font-action);font-size:var(--type-body-xl-size);line-height:28px}.howto-card li:nth-child(1){top:79px}.howto-card li:nth-child(2){top:225px}.howto-card li:nth-child(3){top:377px}.howto-card li:nth-child(-n+2):after{position:absolute;top:114px;left:44px;width:237px;height:1px;background:var(--color-gray-500);content:""}.howto-card__number{position:absolute;top:0;left:45px;font-size:34px;line-height:40px}.howto-card li>img{position:absolute;top:0;left:92px;width:48px;height:48px}.howto-card li>span:last-child{position:absolute;top:54px;left:90px;max-width:180px;white-space:pre-line}.howto-card__start-demo{position:absolute;top:9px;left:87px;display:flex;align-items:center;justify-content:center;gap:12px;width:126px;height:30px;border:1.2px solid var(--color-border-next);border-radius:999px;background:var(--color-action-next);box-shadow:var(--shadow-button-soft);color:var(--color-white);font-family:var(--font-action);font-size:14px;font-weight:700;line-height:18px}.howto-card__start-demo i{width:10px;height:10px;border:1px solid var(--color-white);border-radius:50%;background:var(--color-green-300)}.howto-card__start-demo img{position:absolute;z-index:2;top:24px;left:91px;width:19px;height:22px}.setup-screen{width:100%;min-height:1169px}.frame-carousel{position:absolute;top:115px;left:30px;width:314px;height:291px;border:6px solid var(--color-orange-400);border-top-width:5px;background:var(--color-white)}.frame-type__option{position:absolute;z-index:1;top:133.09px;width:56.3718px;height:55.632px;padding:0;background:transparent}.frame-type__option--strip{left:119.62px}.frame-type__option--single{left:198.81px}.frame-type__badge{position:absolute;inset:0;width:100%;height:100%;visibility:hidden;pointer-events:none}.frame-type__option[aria-pressed=true] .frame-type__badge{visibility:visible}.frame-type__icon,.frame-type__label{position:absolute;pointer-events:none}.frame-type__icon--strip{top:8.91px;left:24.38px;display:flex;width:6.9px;flex-direction:column;gap:1.15px}.frame-type__icon--single{top:11.91px;left:20.19px;width:16px;height:16px}.frame-type__icon--strip i,.frame-type__icon--single{border:.3px solid var(--color-ink-900);background:var(--color-gray-100)}.frame-type__icon--strip i{display:block;width:6.9px;height:6.9px}.frame-type__label{top:33.91px;left:0;width:100%;color:var(--color-text);font-family:var(--font-action);font-size:10px;line-height:10px;text-align:center}.frame-carousel__strip{--preview-height: 147.2598px;--preview-width: calc(var(--preview-height) * var(--frame-aspect));position:absolute;top:219.86px;left:186.97px;width:var(--preview-width);margin-left:calc(var(--preview-width) / -2);aspect-ratio:var(--frame-aspect);object-fit:cover;box-shadow:1px 2px 5px #00000040;transform:rotate(5deg)}.frame-carousel__arrow{position:absolute;z-index:2;top:271.22px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent}.frame-carousel__arrow img{width:25.55px;height:20px;object-fit:contain}.frame-carousel__arrow--left img{transform:rotate(90deg)}.frame-carousel__arrow--right img{transform:rotate(-90deg)}.frame-carousel__arrow--left{left:64px}.frame-carousel__arrow--right{right:65px}.capture-progress{position:absolute;top:430px;left:0;width:100%;margin:0;font-family:var(--font-action);font-size:16px;line-height:28px;text-align:center}.setup-screen>.primary-button{position:absolute;top:470px;left:88px}.setup-screen>.howto-card{top:578px}.capture-screen{width:100%;min-height:1279px}.camera-frame{position:absolute;top:115px;left:30px;width:315px;height:286px;overflow:hidden;border:6px solid var(--color-orange-400);background:#000}.camera-frame:after{position:absolute;inset:0;background:var(--color-white);content:"";opacity:0;pointer-events:none}.camera-frame.is-flashing:after{animation:camera-flash .18s ease-out}.camera-preview{width:100%;height:100%;background:#000;object-fit:cover;transform:scaleX(-1)}.countdown-badge{position:absolute;inset:0;display:grid;place-items:center;background:#0000002e;color:var(--color-white);font-family:var(--font-display);font-size:100px;font-weight:400;line-height:100px;text-shadow:3px 3px 0 var(--color-text)}.capture-start{position:absolute;top:470px;left:88px;gap:16px;padding:7px}.upload-control{position:absolute;top:560px;left:50%;display:flex;align-items:center;gap:4px;color:var(--color-text);font-family:var(--font-action);font-size:18px;line-height:28px;text-decoration:underline;text-underline-offset:4px;transform:translate(-50%)}.upload-control img{width:16px;height:16px}.upload-control input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.capture-messages{position:absolute;top:606px;left:30px;width:315px;font-size:12px;text-align:center}.capture-messages p{margin:0}.capture-screen>.howto-card{top:652px}.delivery-screen{width:100%;min-height:812px}.delivery-ticket{position:absolute;top:60px;left:69px;display:grid;place-items:center;align-content:center;width:235px;height:136px;padding:20px;background:#d9d9d9;clip-path:polygon(9% 0,91% 0,91% 10%,100% 18%,100% 82%,91% 90%,91% 100%,9% 100%,9% 90%,0 82%,0 18%,9% 10%);color:var(--color-text);font-family:var(--font-display);text-align:center}.delivery-ticket:before,.delivery-ticket:after{position:absolute;top:12px;width:18px;height:18px;border-radius:50%;background:#999;box-shadow:0 92px #999;content:""}.delivery-ticket:before{left:19px}.delivery-ticket:after{right:19px}.delivery-ticket strong{font-size:36px;line-height:34px;letter-spacing:4px}.delivery-ticket span,.delivery-ticket small{font-size:16px;line-height:19px;letter-spacing:2px}.photo-dispenser{position:absolute;top:223px;left:75px;width:225px;height:424px;background:var(--color-paper-100)}.photo-dispenser:after{position:absolute;top:100%;left:-2px;width:227px;height:17px;background:var(--color-blue-gray-500);content:""}.photo-dispenser__window{position:absolute;inset:7px 15px 15px;clip-path:inset(0 0 -15px 0)}.photo-dispenser__frame{position:absolute;inset:0;display:flex;flex-direction:column;border:15px solid var(--color-orange-400);pointer-events:none}.photo-dispenser__top{height:90px;border-bottom:10px solid var(--color-orange-400)}.photo-dispenser__bottom{display:grid;flex:1;grid-template-columns:1fr 1fr}.photo-dispenser__bottom i+i{border-left:10px solid var(--color-orange-400)}.photo-dispenser__strip{--rest-max-width: 175px;--rest-max-height: 345.67px;position:absolute;right:0;bottom:0;left:0;display:block;width:min(var(--rest-max-width),var(--rest-max-height) * var(--frame-aspect));margin-inline:auto;aspect-ratio:var(--frame-aspect);object-fit:cover;box-shadow:var(--shadow-photo)}.delivery-error{position:absolute;top:670px;left:0;width:100%;margin:0;color:var(--color-red-500);font-family:var(--font-action);font-size:var(--type-heading-4-size);line-height:var(--type-heading-4-line);text-align:center}.delivery-screen>.primary-button{position:absolute;top:702px;left:88px}.result-screen{width:100%;min-height:812px;text-align:center}.result-logo{top:24px;left:24px}.home-link{position:absolute;top:39px;right:24px;display:flex;align-items:center;gap:3px;padding:0;background:transparent;color:var(--color-text);font-family:var(--font-action);font-size:18px;line-height:28px;text-decoration:underline;text-underline-offset:4px}.home-link img{width:16px;height:16px}.result-screen h1{position:absolute;top:98px;left:0;width:100%;margin:0;font-family:var(--font-display);font-size:22px;font-weight:400;line-height:20px;letter-spacing:2px}.result-photo{position:absolute;top:132px;left:87.61px;display:flex;width:200px;height:345.67px;align-items:center;justify-content:center;pointer-events:none}.result-image{--photo-max-width: 200px;--photo-max-height: 345.67px;width:min(var(--photo-max-width),var(--photo-max-height) * var(--frame-aspect));aspect-ratio:var(--frame-aspect);object-fit:cover;box-shadow:var(--shadow-photo);transform:rotate(8.3deg)}.result-decoration{position:absolute}.result-decoration--doves{top:121px;left:37px;width:93px;height:58px}.result-decoration--right{top:252px;left:290px;width:46px;height:43px}.result-decoration--left{top:460px;left:56px;width:52px;height:42px;transform:rotate(180deg) scaleY(-1)}.result-screen[data-frame-kind=single] .result-decoration--doves{top:120px;left:272px}.result-download,.result-share{position:absolute;left:88px}.result-download{top:524px}.result-share{top:592px}.result-tagline{position:absolute;top:659px;left:0;width:100%;font-family:var(--font-display);font-size:18px;line-height:24px}.result-tagline p,.result-tagline strong{display:block;margin:0;font-weight:400}.result-screen>.feedback-link{top:717px}.result-footer-copy{top:748px;color:var(--color-navy-800)}.share-status{position:absolute;z-index:4;top:645px;left:40px;width:295px;margin:0;padding:4px 8px;background:var(--color-paper-100);font-size:12px}.rendering-screen{display:grid;min-height:812px;place-items:center;align-content:center}.ticket-card{width:260px;padding:24px;background:var(--color-paper-100);font-family:var(--font-display);font-size:28px;text-align:center}@keyframes camera-flash{0%{opacity:0}35%{opacity:.92}to{opacity:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}