@font-face{font-family:Bebas Neue;src:url(../fonts/bebas-neue.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/cormorant-garamond-regular.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/cormorant-garamond-semibold.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/cormorant-garamond-semibold-italic.ttf)format("truetype");font-style:italic;font-weight:600;font-display:swap}@font-face{font-family:Special Elite;src:url(../fonts/special-elite.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Yesteryear;src:url(../fonts/yesteryear.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Cute Chinese UI;src:url(../fonts/zcool-kuaile.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap;unicode-range:U+3000-303F,U+3400-4DBF,U+4E00-9FFF,U+F900-FAFF}@font-face{font-family:Fusion Pixel;src:url(../fonts/fusion-pixel-10px-zh-hans.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{color:#241c20;font-synthesis:none;--cream:#f6f0df;--paper:#efe8d8;--pink:#db94ad;--pink-dark:#b75d7f;--wine:#7f162f;--olive:#4c5138;--ink:#241c20;--blue:#9eb9d3;--yellow:#f0d23e;background:#4c5138;font-family:Cute Chinese UI,DM Mono,PingFang SC,monospace}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f5d65c}.app-shell{min-height:100dvh}.sr-only{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.intro-screen{min-height:100dvh;padding:max(18px,env(safe-area-inset-top)) 12px max(34px,env(safe-area-inset-bottom));isolation:isolate;background:#363b29;place-items:center;display:grid;position:relative;overflow:hidden}.intro-room{z-index:-4;object-fit:cover;object-position:center 43%;filter:saturate(.78)contrast(1.04);width:100%;height:100%;position:absolute;inset:0}.intro-vignette{z-index:-3;background:#201e1894;position:absolute;inset:0}.intro-scanlines{z-index:8;pointer-events:none;opacity:.16;background-image:repeating-linear-gradient(0deg,#fff3 0 1px,#0000 1px 4px);position:absolute;inset:0}.intro-window{background:#ead7c8;border:4px solid #5c2733;width:min(94vw,760px);font-family:Fusion Pixel,Cute Chinese UI,monospace;animation:.7s cubic-bezier(.2,.9,.25,1) both introWindowIn;position:relative;box-shadow:0 0 0 3px #d69baa,0 0 0 7px #4d3038,12px 16px #18141259}.intro-window>header{color:#fff1df;background:#9d4057;border-bottom:3px solid #5c2733;justify-content:space-between;align-items:center;height:42px;padding-left:11px;font:400 11px Special Elite,monospace;display:flex}.intro-window>header>span{align-items:center;gap:8px;display:flex}.intro-window>header i{background:#f1d345;width:10px;height:10px;box-shadow:0 0 8px #f1d345}.intro-window>header button{color:#5c2733;cursor:pointer;background:#d48a9e;border:0;border-left:3px solid #5c2733;place-items:center;width:42px;height:100%;display:grid}.intro-window>header svg{width:19px}.intro-window-body{background-color:#e9c9c0;background-image:repeating-linear-gradient(0deg,#0000 0 4px,#6a2e3b09 4px 5px);height:min(58dvh,470px);min-height:360px;position:relative;overflow:hidden}.intro-experience,.intro-about{transition:transform .48s cubic-bezier(.2,.8,.2,1),opacity .3s;position:absolute;inset:0}.intro-experience img,.intro-about img{object-fit:contain;display:block;position:absolute}.intro-memory-title{width:57%;height:8%;top:5%;left:5%}.intro-dream-title{width:47%;height:48%;top:18%;left:4%}.intro-pixel-booth{filter:drop-shadow(5px 7px #5c273338);width:49%;height:64%;top:8%;right:3%}.intro-speech{width:59%;height:37%;bottom:2%;left:17%}.intro-heart{width:8%;height:auto;animation:2.2s steps(2,end) infinite pixelHeart}.heart-one{bottom:8%;right:5%}.heart-two{animation-delay:-1.1s;bottom:14%;left:6%}.intro-about{opacity:0;pointer-events:none;grid-template-columns:minmax(180px,.9fr) minmax(210px,1.1fr);align-items:center;padding:24px 8% 20px;display:grid;transform:translate(30%)}.intro-creator-art{place-items:center;width:100%;height:min(38dvh,300px);display:grid;position:relative}.intro-about .intro-creator{object-fit:contain;width:100%;height:100%;position:relative}.intro-creator-banner{width:52%;height:auto;bottom:1%;left:50%;transform:translate(-50%)}.intro-creator-art:after{content:"CREATED BY ME";z-index:2;text-align:center;color:#f0c3b6;pointer-events:none;width:52%;font:400 12px Bebas Neue,Impact,sans-serif;position:absolute;bottom:4%;left:50%;transform:translate(-50%)}.intro-about-copy{color:#60202e;gap:10px;min-width:0;display:grid}.intro-about-copy span{font:400 10px Special Elite,monospace}.intro-about-copy strong{font:400 27px Fusion Pixel,Cute Chinese UI,monospace}.intro-about-copy p{color:#4d3637;overflow-wrap:anywhere;min-width:0;margin:0;font:400 13px/1.8 Fusion Pixel,Cute Chinese UI,monospace}.intro-experience>.intro-memory-title{color:#4f1627;text-align:center;white-space:nowrap;width:57%;height:8%;font:400 clamp(10px,2vw,18px) Fusion Pixel,monospace;position:absolute;top:5%;left:5%}.intro-experience>img.intro-dream-title{object-fit:contain;filter:drop-shadow(2px 3px #5c27332e);width:47%;height:48%;position:absolute;top:18%;left:4%}.intro-experience>.intro-speech{aspect-ratio:418/287;width:36%;height:auto;position:absolute;bottom:2%;left:32%}.intro-speech img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.intro-speech span{color:#4d2b22;text-align:center;white-space:nowrap;place-items:center;font:400 clamp(10px,1.7vw,17px)/1.45 Fusion Pixel,monospace;display:grid;position:absolute;inset:25% 11% 23%}.show-about .intro-experience{opacity:0;pointer-events:none;transform:translate(-30%)}.show-about .intro-about{opacity:1;pointer-events:auto;transform:none}.intro-window>footer{background:#e7d7c7;border-top:3px solid #5c2733;grid-template-columns:1fr 1.35fr;gap:8px;height:66px;padding:8px;display:grid}.intro-window>footer button{cursor:pointer;border:2px solid #6b3440;justify-content:center;align-items:center;gap:7px;min-width:0;font-size:11px;display:flex}.intro-about-button{color:#682638;background:#f5e9d7}.intro-start-button{color:#fff1df;background:#7b263d;font-weight:700}.intro-window>footer svg{width:17px}.intro-boot-copy{bottom:max(8px,env(safe-area-inset-bottom));color:#e8d8c8;letter-spacing:0;font:400 8px Special Elite,monospace;position:absolute}.intro-screen.is-leaving .intro-window{animation:.52s steps(6,end) forwards introWindowOut}.intro-screen.is-leaving .intro-vignette{opacity:0;transition:opacity .45s}.photo-booth-entry{isolation:isolate;background:#3c412e;place-items:center;min-height:100dvh;display:grid;position:relative;overflow:hidden}.photo-booth-image{position:absolute;inset:0;overflow:hidden}.photo-booth-image>img{object-fit:cover;object-position:center center;filter:saturate(.9)contrast(1.03);width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .6s;display:block;transform:scale(1.05)translate(-1%,-1.5%)}.photo-booth-glow{mix-blend-mode:screen;opacity:.24;pointer-events:none;background:#ffebb821;animation:7s ease-in-out infinite boothFlicker;position:absolute;inset:0}.photo-booth-door{color:#632738;cursor:pointer;background:0 0;border:0;place-items:end center;width:28%;height:45%;padding:0 5px 14px;display:grid;position:absolute;top:38%;left:62%}.photo-booth-door span{color:#fff0dc;text-align:center;white-space:nowrap;filter:drop-shadow(2px 3px #632738);place-items:center;gap:2px;animation:1.5s steps(2,end) infinite doorPrompt;display:grid}.photo-booth-door svg{fill:#e9b0bd;stroke:#632738;stroke-width:2.5px;shape-rendering:crispedges;width:34px;height:34px}.photo-booth-door small{text-shadow:1px 1px #632738,0 0 5px #632738;font:400 9px Fusion Pixel,Cute Chinese UI,monospace}.booth-floating-hearts{z-index:2;pointer-events:none;position:absolute;inset:0}.booth-floating-hearts img{filter:drop-shadow(2px 3px #301b1d4d);width:clamp(22px,4vw,38px);height:auto;animation:3.2s steps(4,end) infinite boothHeartFloat;position:absolute}.booth-floating-hearts img:first-child{top:9%;left:3%}.booth-floating-hearts img:nth-child(2){width:clamp(18px,3.2vw,31px);animation-delay:-1.1s;top:13%;right:3%}.booth-floating-hearts img:nth-child(3){width:clamp(17px,3vw,28px);animation-delay:-2.2s;bottom:9%;left:5%}.booth-floating-hearts img:nth-child(4){animation-delay:-.6s;bottom:8%;right:4%}.booth-creator{z-index:4;left:calc(max(12px,env(safe-area-inset-left)) + clamp(35px,5vw,51px));bottom:max(18px,env(safe-area-inset-bottom));aspect-ratio:246/298;cursor:pointer;filter:drop-shadow(3px 5px #29191c57);background:0 0;border:0;width:clamp(70px,10vw,102px);padding:0;position:absolute}.booth-creator>img{object-fit:contain;width:100%;height:100%;animation:.55s steps(4,end) creatorPop;display:block}.booth-creator>span{color:#632738;text-align:left;background:#f6ecd8;border:3px double #632738;width:max-content;max-width:min(190px,58vw);padding:7px 9px;font:400 9px/1.45 Fusion Pixel,Cute Chinese UI,monospace;animation:2.4s steps(5,end) both reactionBubble;position:absolute;bottom:96%;left:0;box-shadow:3px 4px #1c17144d}.booth-creator>span i{color:#a42f55;margin-left:4px;font-style:normal}.photo-booth-label{z-index:3;margin-bottom:max(18px,env(safe-area-inset-bottom));color:#632738;text-align:center;pointer-events:none;background:#f6ecd8eb;border:3px double #632738;align-self:end;padding:9px 14px;display:grid;position:relative;box-shadow:4px 5px #1c17144d}.photo-booth-label span{font:700 17px/1.1 Arial,PingFang SC,sans-serif}.photo-booth-label strong{font:600 13px/1.25 Arial,PingFang SC,sans-serif}.photo-booth-label small{margin-top:3px;font:400 6px/1.2 Arial,PingFang SC,sans-serif}.photo-booth-entry.is-opening .photo-booth-image>img{filter:saturate(.65)brightness(.72);transform:scale(1.16)translate(-3%,-2%)}.photo-booth-entry.is-opening .photo-booth-door,.photo-booth-entry.is-opening .photo-booth-label,.photo-booth-entry.is-opening .booth-floating-hearts,.photo-booth-entry.is-opening .booth-creator{opacity:0;transition:opacity .25s}.booth-scene{background-color:var(--olive);min-height:100dvh;padding:max(22px, env(safe-area-inset-top)) 18px max(30px, env(safe-area-inset-bottom));isolation:isolate;background-image:linear-gradient(90deg,#0000 31%,#f1ecd014 31.2%,#0000 31.5%),linear-gradient(#0000 31.4%,#11160d38 31.7%,#0000 32%);place-items:center;display:grid;position:relative;overflow:hidden}.booth-scene:before{content:"";opacity:.3;z-index:-1;background-image:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 8px),repeating-linear-gradient(0deg,#00000008 0 1px,#0000 1px 5px);position:absolute;inset:0}.room-lines{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -22vh 45vh #12140d59}.booth{filter:drop-shadow(0 30px 38px #0f0e0866);width:min(92vw,620px)}.lightbox{background:#f5edcf;border:8px solid #383636;flex-direction:column;justify-content:center;align-items:center;width:78%;min-height:74px;margin:0 auto 13px;display:flex;transform:perspective(700px)rotateX(-2deg);box-shadow:0 0 34px #ffecac59,inset 0 0 18px #87542629}.lightbox span{color:#36323b;letter-spacing:.09em;font-family:Arial,sans-serif;font-size:clamp(20px,4.5vw,32px);font-weight:800}.lightbox small{color:#8d2341;letter-spacing:.15em;margin-top:3px;font-size:9px}.booth-shell{background:var(--pink);border:9px solid #757066;grid-template-columns:34% 66%;min-height:min(74vh,720px);display:grid;box-shadow:inset 0 0 0 4px #ffffff3d}.booth-panel{background-color:#cf809c;background-image:repeating-linear-gradient(0deg,#ffffff0b 0 2px,#0000 2px 5px);border-right:8px solid #6a645d;padding:22px 13px;position:relative}.vertical-word{color:var(--cream);text-shadow:3px 3px 0 var(--wine);margin:0;font-family:Arial,sans-serif;font-size:clamp(27px,7vw,52px);font-weight:900;line-height:.86}.price-card{color:var(--cream);border:2px solid #f6f0dfb3;gap:4px;margin-top:25px;padding:10px 7px;display:grid}.price-card strong{font-family:Georgia,serif;font-size:17px}.price-card span{font-size:8px;line-height:1.3}.status-lamp{color:#361a22;align-items:center;gap:7px;margin-top:24px;font-size:9px;font-weight:700;display:flex}.status-lamp i{background:#88b861;border:3px solid #5e534c;border-radius:50%;width:17px;height:17px;box-shadow:0 0 12px #a6d883}.photo-slot{background:#2c2928;border:6px solid #6f6962;height:32px;position:absolute;bottom:13%;left:20%;right:20%;box-shadow:inset 0 5px 7px #0c0b0b}.curtain-door{cursor:pointer;background:#332722;border:0;min-height:100%;padding:0;position:relative;overflow:hidden}.curtain-door:before{content:"";background:#231c19;position:absolute;inset:0;box-shadow:inset 0 0 70px #000}.curtain{z-index:2;background-color:#b87982;background-image:repeating-linear-gradient(90deg,#46192a57 0 9px,#ffe0da29 9px 17px,#5d213347 17px 28px);width:52%;transition:transform .72s cubic-bezier(.7,.02,.2,1);position:absolute;top:0;bottom:0;box-shadow:inset 0 0 20px #2f121a73}.curtain:after{content:"";background-image:repeating-linear-gradient(0deg,#0000 0 4px,#ffffff0a 4px 5px);position:absolute;inset:0}.curtain-left{border-right:2px solid #401623a6;left:0}.curtain-right{border-left:2px solid #401623a6;right:0}.curtain-invite{z-index:4;width:max-content;color:var(--cream);background:#381820a8;border:1px solid #ffffffb3;padding:8px 12px;font-size:11px;transition:opacity .2s;position:absolute;bottom:10%;left:50%;transform:translate(-50%)}.curtain-door:hover .curtain-left{transform:translate(-4%)}.curtain-door:hover .curtain-right{transform:translate(4%)}.is-opening .curtain-left{transform:translate(-91%)!important}.is-opening .curtain-right{transform:translate(91%)!important}.is-opening .curtain-invite{opacity:0}.booth-footer{bottom:max(8px, env(safe-area-inset-bottom));color:#f6f0dfad;text-align:center;letter-spacing:.08em;font-size:8px;position:absolute}.template-select-screen{background-color:var(--paper);min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background-image:repeating-linear-gradient(0deg,#0000 0 5px,#45372f09 5px 6px)}.template-select-header{z-index:10;background:#efe8d8f5;border-bottom:3px double #8d7e6d;grid-template-columns:48px 1fr auto;align-items:center;height:66px;display:grid;position:sticky;top:0}.template-select-header>div{text-align:center;gap:2px;display:grid}.template-select-header span,.template-select-header>small{color:#77695e;font-size:8px}.template-select-header strong{color:var(--wine);font-family:Cute Chinese UI,Cormorant Garamond,PingFang SC,serif;font-size:20px;font-weight:400}.template-select-header>small{padding-right:8px;font-family:Special Elite,monospace}.template-select-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;width:min(100% - 18px,960px);margin:14px auto 0;display:grid}.template-select-item{cursor:pointer;background:#e5dac8;border:1px solid #9d8e7d;place-items:stretch stretch;min-width:0;height:114px;padding:5px;display:grid;position:relative;overflow:hidden;box-shadow:2px 2px #9b8d7c}.template-select-item:active{transform:translate(2px,2px);box-shadow:1px 1px #9b8d7c}.template-select-preview{background:#cabfae;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.template-select-preview img{object-fit:contain;filter:saturate(.9)contrast(.98);width:100%;height:100%;display:block}.camera-screen{background-color:var(--paper);min-height:100dvh;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));background-image:repeating-linear-gradient(0deg,#0000 0 5px,#45372f09 5px 6px);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;overflow:hidden}.camera-header{grid-template-columns:48px 1fr 48px;align-items:center;height:56px;display:grid}.icon-btn{cursor:pointer;background:#f7f1df;border:1px solid #a89d8b;place-items:center;width:42px;height:42px;display:grid;box-shadow:2px 2px #766f61}.icon-btn svg{width:21px}.camera-brand{text-align:center;gap:2px;display:grid}.camera-brand span{color:var(--wine);font-family:Playfair Display,Georgia,serif;font-size:18px;font-weight:600}.camera-brand small{font-size:8px}.viewfinder-wrap{flex-direction:column;justify-content:center;align-items:center;min-height:0;padding:21px 0 10px;display:flex;position:relative}.viewfinder-meta{color:#6c6255;justify-content:space-between;width:min(100%,660px);font-size:8px;display:flex;position:absolute;top:4px;left:50%;transform:translate(-50%)}.viewfinder-meta .online{color:#56753f}.template-canvas{width:min(100%, 660px, var(--canvas-width-camera));background:#f6f0e2;flex:none;height:auto;max-height:none;position:relative;overflow:hidden;box-shadow:0 8px 22px #45302f2e,0 0 0 5px #2e292a,0 0 0 8px #a7957c}.photo-frame{box-shadow:none;z-index:2;background:#262325;border:0;position:absolute;overflow:hidden;container-type:inline-size}.photo-frame.shape-circle{border-radius:50%}.photo-frame video,.photo-frame img{object-fit:cover;width:100%;height:100%;display:block}.photo-frame video.is-mirrored{transform:scaleX(-1)}.hand-trail-overlay{z-index:3;pointer-events:none;mix-blend-mode:screen;width:100%;height:100%;position:absolute;inset:0}.filter-effects{z-index:2;pointer-events:none;background:rgba(255,247,239,calc(var(--soft-glow) * .14));-webkit-backdrop-filter:blur(calc(var(--soft-glow) * 6px)) brightness(calc(1 + var(--soft-glow) * .08));backdrop-filter:blur(calc(var(--soft-glow) * 6px)) brightness(calc(1 + var(--soft-glow) * .08));mix-blend-mode:screen;position:absolute;inset:0}.filter-effects i{width:104%;height:4%;opacity:calc(var(--glitch) * .65);mix-blend-mode:screen;-webkit-backdrop-filter:hue-rotate(155deg)saturate(1.8);backdrop-filter:hue-rotate(155deg)saturate(1.8);transform:translateX(calc(var(--glitch) * -4%));background:#37e2f459;position:absolute;left:-2%}.filter-effects i:first-child{top:17%}.filter-effects i:nth-child(2){height:2.5%;transform:translateX(calc(var(--glitch) * 5%));background:#f530746b;top:46%}.filter-effects i:nth-child(3){height:5%;top:72%}.empty-slot{color:#d6c8b4;border:1px dashed #8a7a67;place-items:center;width:100%;height:100%;font-family:Georgia,serif;font-size:20cqw;display:grid}.video-wait{color:#f8efdd;z-index:3;background:#1b191bcc;place-content:center;justify-items:center;gap:7px;font-size:7cqw;display:grid;position:absolute;inset:0}.video-wait svg{animation:1.8s linear infinite spin}.template-border{z-index:4;object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.grid-mesh-overlay{z-index:7;pointer-events:none;background-image:linear-gradient(#0f0f0fc7 1px,#0000 1px),linear-gradient(90deg,#0f0f0fc7 1px,#0000 1px);background-position:0 0;background-size:5.43cqw 5.43cqw;width:76%;height:82%;position:absolute;top:8%;left:12%}.fixed-template-overlay{z-index:7;object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.template-decoration{z-index:5;pointer-events:none;position:absolute;inset:0}.has-reference-border .stars,.has-reference-border .doodles,.has-reference-border .redactions,.has-reference-border .pixel-garden,.has-reference-border .grid-lines,.has-reference-border .jewels{display:none}.decor-title,.decor-caption{pointer-events:auto;text-align:center;overflow-wrap:anywhere;background:0 0;border:0;margin:0;position:absolute}.decor-title{color:#211b1d;font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(10px,3cqw,30px);font-weight:600;line-height:1;top:4%;left:8%;right:8%}.decor-caption{color:#211b1d;font-size:clamp(6px,1.35cqw,14px);font-weight:500;bottom:3.8%;left:8%;right:8%}.stars i{aspect-ratio:1;background:var(--accent);clip-path:polygon(50% 0,61% 34%,98% 36%,68% 57%,79% 94%,50% 72%,20% 94%,31% 57%,2% 36%,39% 34%);width:4.5%;position:absolute}.stars i:first-child{background:#a51634;top:12%;left:4%}.stars i:nth-child(2){background:#357ba2;top:17%;right:5%}.stars i:nth-child(3){background:#e7bd38;bottom:16%;left:14%}.stars i:nth-child(4){background:#6b904e;bottom:11%;right:16%}.stars i:nth-child(5){background:#a75b9c;top:27%;left:43%}.stars i:nth-child(6){background:#d24c78;top:52%;right:3%}.doodles,.redactions,.pixel-garden,.grid-lines,.jewels{display:none}.decor-blue-scrapbook .decor-title,.decor-blue-scrapbook .decor-caption{font-family:Special Elite,Courier New,monospace;font-weight:400}.decor-blue-scrapbook .decor-title{color:#df637e;top:45%;transform:rotate(-2deg)}.decor-blue-scrapbook .doodles,.decor-perfect-harmony .doodles{display:block}.doodles b{color:#d35889;font-family:Georgia,serif;font-size:5cqw;position:absolute}.doodles b:first-child{top:46%;left:4%}.doodles b:nth-child(2){top:28%;right:7%;transform:rotate(-20deg)}.doodles b:nth-child(3){color:#558c68;bottom:12%;right:34%}.decor-perfect-harmony .decor-title,.decor-perfect-harmony .decor-caption{font-family:Cormorant Garamond,Georgia,serif;font-weight:600}.decor-perfect-harmony .decor-title{display:none}.decor-perfect-harmony .decor-caption{color:#8c263e;font-style:italic;bottom:24%;transform:rotate(-3deg)}.decor-redacted-zine .decor-title{font-family:Bebas Neue,Impact,sans-serif;font-size:3.2cqw;font-weight:400;top:43%;left:4%;right:57%}.decor-redacted-zine .decor-caption{font-family:Special Elite,Courier New,monospace;font-weight:400;bottom:4%;left:4%;right:55%}.decor-redacted-zine .stars,.decor-redacted-zine .doodles{display:none}.decor-redacted-zine .redactions{display:block}.redactions i{background:#151515;height:4.6%;position:absolute;left:4%;transform:rotate(-1deg)}.redactions i:first-child{width:43%;top:10%}.redactions i:nth-child(2){width:39%;top:18%}.redactions i:nth-child(3){width:45%;top:26%}.redactions i:nth-child(4){width:34%;top:34%}.decor-holo-stars .decor-title{color:#a85479;font-family:Yesteryear,cursive;font-size:5.2cqw;font-weight:400;top:4%}.decor-holo-stars .decor-caption{font-family:Cormorant Garamond,Georgia,serif;font-style:italic;font-weight:600}.decor-grid-love .stars{display:none}.decor-grid-love .grid-lines{background-image:linear-gradient(#0000006b 1px,#0000 1px),linear-gradient(90deg,#0000006b 1px,#0000 1px);background-size:5% 5%;display:block;position:absolute;inset:8% 12% 10%}.decor-grid-love .decor-title,.decor-grid-love .decor-caption{background:var(--blue);color:#141414;z-index:2;width:max-content;padding:.25em .45em;font-family:Bebas Neue,Impact,sans-serif;font-weight:400;left:18%;right:auto}.decor-grid-love .decor-title{max-width:70%;top:13%}.decor-grid-love .decor-caption{bottom:13%;left:auto;right:17%}.decor-pink-pixel .stars{display:none}.decor-pink-pixel .pixel-garden{opacity:.9;background-image:repeating-linear-gradient(45deg,#0000 0 8px,#d05085 8px 12px,#0000 12px 21px);width:27%;display:block;position:absolute;top:26%;bottom:0;left:0}.decor-pink-pixel .decor-title{color:#a61545;font-family:Yesteryear,cursive;font-size:6cqw;font-weight:400;top:4%}.decor-pink-pixel .decor-caption{color:#a61545;font-family:Special Elite,Courier New,monospace;font-weight:400}.decor-jewel-script .decor-title,.decor-jewel-script .decor-caption{color:var(--yellow);text-shadow:0 1px 2px #191919;font-family:Yesteryear,cursive;font-weight:400}.decor-jewel-script .decor-title{font-size:7cqw;top:26%}.decor-jewel-script .decor-caption{font-size:4.8cqw;bottom:30%}.decor-jewel-script .jewels{display:block}.jewels i{aspect-ratio:1;border-radius:50%;width:3.5%;position:absolute;box-shadow:inset 1px 1px 2px #fff,0 1px 2px #555}.jewels i:first-child{background:#da2e79;top:7%;left:6%}.jewels i:nth-child(2){background:#e4b735;top:10%;right:8%}.jewels i:nth-child(3){background:#318dba;bottom:8%;left:9%}.jewels i:nth-child(4){background:#d87155;bottom:16%;right:6%}.jewels i:nth-child(5){background:#9a59a6;top:48%;right:4%}.decor-casual-orbit .decor-title,.decor-casual-orbit .decor-caption,.decor-red-velvet .decor-title,.decor-red-velvet .decor-caption,.decor-blue-star-strip .decor-title,.decor-blue-star-strip .decor-caption{display:none}.paper-grain{z-index:6;pointer-events:none;opacity:.08;mix-blend-mode:multiply;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#261a142e 3px 4px);position:absolute;inset:0}.preview-material-overlay{z-index:7;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0}.screen-flash{z-index:20;background:#fff;animation:.18s ease-out forwards flash;position:absolute;inset:0}.camera-error{z-index:20;background:var(--cream);border:2px solid var(--wine);text-align:center;justify-items:center;gap:8px;width:min(88%,380px);padding:22px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:6px 6px #321e2347}.camera-error strong{font-family:Cute Chinese UI,Noto Serif SC,serif;font-weight:400}.camera-error p{margin:0;font-size:11px;line-height:1.6}.camera-error div{gap:8px;margin-top:5px;display:flex}.camera-error button{border:1px solid var(--wine);background:var(--wine);color:#fff;padding:9px 11px}.camera-error button+button{color:var(--wine);background:0 0}.camera-tools{justify-content:center;gap:10px;padding:6px 0;display:flex}.camera-tools button,.small-control{cursor:pointer;background:0 0;border:0;justify-items:center;gap:3px;font-size:8px;display:grid}.camera-tools button{width:58px;padding:5px}.camera-tools svg,.small-control svg{width:19px;height:19px}.camera-tools button.active{color:var(--wine)}.filter-status{left:50%;bottom:max(112px,calc(env(safe-area-inset-bottom) + 92px));z-index:45;border:1px solid var(--wine);background:var(--cream);max-width:min(88vw,420px);color:var(--wine);white-space:nowrap;text-overflow:ellipsis;padding:9px 13px;font-size:10px;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:3px 3px #4a2c3340}.camera-controls{grid-template-columns:1fr 96px 1fr;align-items:center;height:82px;display:grid}.shutter{cursor:pointer;background:#c7bdb0;border:5px solid #2c2829;border-radius:50%;justify-self:center;place-items:center;width:72px;height:72px;display:grid;box-shadow:inset 0 0 0 4px #f4ebdc,inset 0 -8px 12px #3b2c2e47,0 5px #665b58}.shutter:active{transform:translateY(4px);box-shadow:inset 0 0 0 4px #f4ebdc,inset 0 2px 12px #3b2c2e66,0 1px #665b58}.shutter span{background:var(--wine);color:#f8eedb;border-radius:50%;place-items:center;width:45px;height:45px;display:grid}.shutter svg{width:21px}.small-control{justify-self:center;width:70px}.template-control{color:var(--wine)}.picker-scrim,.choice-scrim{z-index:50;background:#1f171a8a;align-items:flex-end;display:flex;position:fixed;inset:0}.template-picker{background:var(--cream);border-top:5px solid var(--wine);width:100%;padding:14px 14px max(22px,env(safe-area-inset-bottom));box-shadow:0 -12px 30px #1f171a40}.filter-picker{background:var(--cream);border-top:5px solid var(--wine);width:100%;max-height:min(78dvh,720px);padding:14px 14px max(22px,env(safe-area-inset-bottom));overflow:auto;box-shadow:0 -12px 30px #1f171a40}.filter-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.filter-options>button{text-align:left;cursor:pointer;background:#e9dfce;border:1px solid #9e8f7e;grid-template-rows:76px auto auto;gap:3px;min-width:0;padding:6px;display:grid}.filter-options>button.selected{border:3px solid var(--wine);box-shadow:3px 3px #bf8ba0}.filter-options>button>span{background:#302c2e;place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.filter-options img{object-fit:cover;width:100%;height:100%;display:block}.filter-options strong{overflow-wrap:anywhere;font-size:10px}.filter-options small{color:#75685f;font-size:7px}.filter-options i{background:var(--wine);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:5px;right:5px}.filter-options i svg,.filter-import svg{width:14px}.filter-options .filter-import>span{color:var(--wine);background:#d7ccba}.filter-options .filter-import svg{width:27px;height:27px}.material-picker{background:var(--cream);border-top:5px solid var(--wine);width:100%;padding:14px 14px max(22px,env(safe-area-inset-bottom));box-shadow:0 -12px 30px #1f171a40}.material-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.material-options>button{text-align:left;cursor:pointer;background:#e9dfce;border:1px solid #9e8f7e;grid-template-rows:88px auto;gap:6px;min-width:0;padding:7px;display:grid}.material-options>button.selected{border:3px solid var(--wine);box-shadow:3px 3px #bf8ba0}.material-options>button:disabled{opacity:.45;cursor:not-allowed}.material-options>button>span{background-color:#4c4848;background-image:linear-gradient(45deg,#5b5656 25%,#0000 25%),linear-gradient(-45deg,#5b5656 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#5b5656 75%),linear-gradient(-45deg,#0000 75%,#5b5656 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;place-items:center;display:grid;overflow:hidden}.material-options img{object-fit:cover;width:100%;height:100%;display:block}.material-options strong{overflow-wrap:anywhere;font-size:10px}.material-options strong small{color:#7f7064;margin-top:2px;font-size:7px;font-weight:400;display:block}.material-options .material-none{color:#75685e;background:#d7ccba}.material-options .material-none svg{width:28px;height:28px}.picker-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.picker-heading div{display:grid}.picker-heading span{color:#75685f;font-size:8px}.picker-heading strong{font-family:Cute Chinese UI,Noto Serif SC,serif;font-weight:400}.picker-heading button{background:0 0;border:1px solid #9e8d7d;place-items:center;width:40px;height:40px;display:grid}.film-strip{scroll-snap-type:x mandatory;gap:10px;padding:5px 2px 10px;display:flex;overflow-x:auto}.film-strip>button{text-align:left;scroll-snap-align:center;cursor:pointer;background:#e9dfce;border:1px solid #9e8f7e;grid-template-rows:86px auto auto;gap:4px;min-width:125px;height:154px;padding:8px;display:grid}.film-strip>button.selected{border:3px solid var(--wine);transform:translateY(-3px);box-shadow:3px 3px #bf8ba0}.film-strip strong{font-size:10px}.film-strip small{color:#695e55;font-size:7px}.mini-template{background:#f4eee3;display:block;position:relative;overflow:hidden}.mini-template img{object-fit:cover;filter:saturate(.88)contrast(.96);width:100%;height:100%;display:block}.picker-heading .material-done{background:var(--wine);color:#fff;justify-content:center;align-items:center;gap:5px;width:76px;display:flex}.picker-heading .material-done svg{width:16px}.picker-heading .material-done span{color:#fff;font-size:10px}.material-options>button>span{position:relative}.material-check{background:var(--wine);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:5px;right:5px}.material-check svg{width:14px;height:14px}.capture-choice{background:var(--cream);border-top:5px solid var(--wine);width:100%;padding:24px 20px max(28px,env(safe-area-inset-bottom));text-align:center;gap:10px;display:grid}.capture-choice>span{color:#88766b;font-size:8px}.capture-choice strong{font-family:Cute Chinese UI,Noto Serif SC,serif;font-size:22px;font-weight:400}.capture-choice p{max-width:390px;margin:0 auto 8px;font-size:11px;line-height:1.6}.capture-choice button{border:1px solid var(--wine);background:var(--wine);color:#fff;min-height:48px;font-weight:700}.capture-choice button.secondary{color:var(--wine);background:0 0}.developing-screen{min-height:100dvh;color:var(--cream);background:#211d1e;place-content:center;justify-items:center;gap:10px;display:grid;overflow:hidden}.film-card{aspect-ratio:4/5;background:#0b0a0a;border:14px solid #f0e8d8;border-bottom-width:48px;width:min(68vw,330px);animation:.7s cubic-bezier(.2,.8,.2,1) both filmDrop;position:relative;overflow:hidden;box-shadow:0 20px 55px #000}.film-card>svg{z-index:4;animation:2s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.develop-image{filter:blur(16px)grayscale();opacity:.15;background-color:#6f6970;background-image:linear-gradient(135deg,#342f33,#9c8491 48%,#434549);transition:filter .9s,opacity .9s;position:absolute;inset:0}.chemical-wash{transform-origin:50%;background:#070707;transition:transform 1s,opacity 1s;position:absolute;inset:0}.step-1 .develop-image{opacity:.48}.step-2 .develop-image,.step-3 .develop-image{opacity:.85;filter:blur(3px)grayscale(.4)}.step-2 .chemical-wash,.step-3 .chemical-wash{opacity:0;transform:scale(1.8)}.step-2 .film-card>svg,.step-3 .film-card>svg{opacity:0}.developing-screen>span{color:#b9a5a9;margin-top:18px;font-size:9px}.developing-screen>strong{font-family:Cute Chinese UI,Noto Serif SC,serif;font-size:19px;font-weight:400}.progress{background:#4f4448;width:min(68vw,330px);height:4px;margin-top:8px}.progress i{background:var(--pink);width:25%;height:100%;transition:width .5s;display:block}.step-1 .progress i{width:50%}.step-2 .progress i{width:78%}.step-3 .progress i{width:100%}.result-screen{min-height:100dvh;color:var(--cream);padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom));background-color:#2d2a2c;background-image:repeating-linear-gradient(90deg,#ffffff05 0 1px,#0000 1px 5px);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;overflow:hidden}.result-header{justify-content:space-between;align-items:end;height:55px;display:flex}.result-header div{display:grid}.result-header span{color:#c6b8ae;font-size:8px}.result-header strong{font-family:Cute Chinese UI,Noto Serif SC,serif;font-size:17px;font-weight:400}.result-stage{place-items:center;min-height:0;padding:12px 0;display:grid;position:relative}.result-stage .template-canvas{width:min(100%,660px,var(--canvas-width-result));max-height:none;box-shadow:0 16px 38px #111,0 0 0 1px #756d67}.result-stage .decor-title,.result-stage .decor-caption{cursor:text}.result-stage .decor-title:hover,.result-stage .decor-caption:hover{outline-offset:3px;outline:1px dashed}.saved-stamp{z-index:20;aspect-ratio:1;color:#b51f38;mix-blend-mode:multiply;border:7px double #b51f38;border-radius:50%;place-items:center;width:115px;font:700 20px Georgia,serif;animation:.65s cubic-bezier(.2,1.5,.4,1) both stamp;display:grid;position:absolute;top:16%;right:7%;transform:rotate(-15deg)}.copy-editor{color:var(--ink);border-top:3px solid var(--pink);background:#f2e9d8;grid-template-columns:1fr 46px;gap:8px;padding:10px;display:grid}.copy-editor label{gap:4px;font-size:8px;display:grid}.copy-editor input{background:#fff;border:1px solid #8b7d71;width:100%;height:36px;padding:0 10px}.copy-editor button{background:var(--wine);color:#fff;border:0;place-items:center;display:grid}.result-actions{grid-template-columns:1fr 1fr 1.3fr 1fr;gap:7px;height:64px;display:grid}.result-actions button{min-width:0;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #96877d;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:8px;display:flex}.result-actions button.primary{background:var(--pink);border-color:var(--pink);color:#311a23;font-weight:700}.result-actions svg{width:18px;height:18px}.result-actions button:disabled{opacity:.45}.result-actions button span{white-space:nowrap}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes filmDrop{0%{transform:translateY(-120vh)rotate(-4deg)}to{transform:none}}@keyframes stamp{0%{opacity:0;transform:scale(2.2)rotate(-15deg)}70%{opacity:1;transform:scale(.9)rotate(-15deg)}to{transform:scale(1)rotate(-15deg)}}@keyframes introWindowIn{0%{opacity:0;transform:scale(.88)translateY(24px)}55%{opacity:1;transform:scale(1.025)}to{transform:none}}@keyframes introWindowOut{0%{opacity:1;transform:none}60%{opacity:.8;transform:scaleY(.05)scaleX(.92)}to{opacity:0;transform:scaleY(.01)scaleX(0)}}@keyframes pixelHeart{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-7px)scale(1.06)}}@keyframes boothFlicker{0%,to{opacity:.18}45%{opacity:.52}62%{opacity:.34}78%{opacity:.58}}@keyframes doorPrompt{0%,to{opacity:.82}50%{opacity:1}}@keyframes boothHeartFloat{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(4deg)}}@keyframes creatorPop{0%{transform:scale(.82)translateY(7px)}45%{transform:scale(1.12)translateY(-5px)}to{transform:none}}@keyframes reactionBubble{0%{opacity:0;transform:scale(.7)translate(-8px,8px)}15%,76%{opacity:1;transform:none}to{opacity:0;transform:translateY(-8px)}}@media (width>=800px){.photo-booth-image>img{transform:scale(1.13)translate(-3%,-2.5%)}.photo-booth-entry.is-opening .photo-booth-image>img{transform:scale(1.24)translate(-4%,-2.5%)}.photo-booth-door{width:30%;height:50%;top:36%;left:60%}.template-select-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.template-select-item{height:184px;padding:7px}.template-select-header{width:min(100% - 18px,960px);margin:0 auto}.camera-screen{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(540px,760px) minmax(0,1fr)}.camera-header{grid-column:1/-1}.viewfinder-wrap{grid-column:2}.camera-tools{flex-direction:column;grid-area:2/1;align-self:center;align-items:end;padding-right:24px}.camera-controls{grid-area:3/2}.template-canvas{width:min(100%,660px,var(--canvas-width-camera-desktop))}.result-screen{grid-template-columns:minmax(0,1fr) minmax(520px,760px) minmax(0,1fr)}.result-header,.result-actions,.copy-editor,.result-stage{grid-column:2}.result-stage .template-canvas{width:min(100%,660px,var(--canvas-width-result-desktop))}}@media (width<=520px){.intro-window{width:calc(100vw - 22px);box-shadow:0 0 0 2px #d69baa,0 0 0 5px #4d3038,6px 8px #18141259}.intro-window-body{height:56dvh;min-height:350px}.intro-memory-title{width:82%;height:7%}.intro-dream-title{width:54%;height:39%;top:15%;left:2%}.intro-pixel-booth{width:55%;height:48%;top:12%;right:-3%}.intro-speech{width:78%;height:35%;bottom:3%;left:7%}.intro-heart{width:11%}.heart-one{bottom:7%;right:2%}.heart-two{bottom:20%;left:1%}.intro-window>footer{grid-template-columns:1fr 1.35fr;height:72px;padding:7px}.intro-window>footer button{font-size:9px}.intro-about{grid-template-rows:minmax(0,58%) minmax(0,42%);grid-template-columns:1fr;padding:8px 22px 10px}.intro-creator-art{width:100%;height:100%}.intro-about .intro-creator{object-position:center bottom;width:62%;height:100%;margin:0 auto}.intro-creator-banner{width:38%;bottom:0}.intro-creator-art:after{width:38%;font-size:9px;bottom:3%}.intro-about-copy{text-align:center;align-content:center;gap:4px}.intro-about-copy strong{font-size:19px;line-height:1.2}.intro-about-copy p{font-size:10px;line-height:1.55}.photo-booth-door{width:30%;height:44%;top:37%;left:66%}.photo-booth-label{margin-bottom:max(12px,env(safe-area-inset-bottom));padding:7px 10px}.photo-booth-label span{font-size:18px}.template-select-screen{padding-left:10px;padding-right:10px}.template-select-grid{gap:7px;width:calc(100% - 10px)}.template-select-item{height:102px;padding:4px}.template-select-header strong{font-size:18px}.template-select-header>small{display:none}.template-select-header{grid-template-columns:48px 1fr 48px}.template-select-preview img{object-fit:cover;transform:scale(1.03)}.camera-screen{padding-left:8px;padding-right:8px}.camera-header{height:50px}.camera-brand span{font-size:16px}.template-canvas{width:min(100%,660px,var(--canvas-width-camera-small))}.camera-controls{height:75px}.shutter{width:64px;height:64px}.shutter span{width:40px;height:40px}.booth-shell{min-height:68vh}.lightbox{border-width:6px;min-height:63px}.result-header>span{display:none}}@media (width<=390px){.intro-experience>.intro-memory-title{width:82%;height:7%;font-size:10px}.intro-experience>img.intro-dream-title{width:54%;height:39%;top:15%;left:2%}.intro-experience>.intro-speech{width:74%;height:auto;bottom:3%;left:13%}.intro-speech span{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.curtain-left{transform:translate(-3%)}.curtain-right{transform:translate(3%)}}.template-canvas{touch-action:none;container-type:inline-size}.material-layer-stage{z-index:8;pointer-events:none;position:absolute;inset:0}.material-layer{-webkit-user-select:none;user-select:none;touch-action:none;white-space:pre-line;text-align:center;text-shadow:0 1px 2px #140f1138;pointer-events:none;max-width:90%;line-height:1.05;display:block;position:absolute}.material-layer.is-dragging{cursor:grabbing}.material-layer img{pointer-events:none;width:100%;height:auto;display:block}.material-layer-stage.is-editable .material-layer:not(.material-tile){pointer-events:auto;cursor:grab}.material-layer-stage.is-editable .material-layer.selected{outline-offset:4px;outline:2px dashed #f5d65c}.material-layer.material-tile{pointer-events:none;width:100%;max-width:none;height:100%;inset:0;transform:none}.material-layer.material-tile img{object-fit:cover;width:100%;height:100%}.slot-delete{z-index:10;color:#fff;cursor:pointer;background:#501224e6;border:1px solid #f7eee0;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:4px;right:4px}.slot-delete svg{width:14px;height:14px}.countdown-overlay{z-index:24;color:#fff;text-shadow:0 5px 0 var(--wine);background:#1c151840;place-items:center;font:400 clamp(74px,25vw,180px) Bebas Neue,Impact,sans-serif;display:grid;position:absolute;inset:0}.shutter:disabled{opacity:.68;cursor:wait}.material-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.material-tabs button{background:0 0;border:1px solid #9e8d7d;justify-content:center;align-items:center;gap:7px;height:42px;display:flex}.material-tabs button.active{background:var(--wine);color:#fff}.material-tabs svg{width:17px}.material-picker{max-height:min(76dvh,700px);overflow:auto}.material-options img{object-fit:contain}.material-options .text-preset-option>span{overflow-wrap:anywhere;text-align:center;background:#f7f0e4;padding:8px;font-size:18px;line-height:1}.material-editor{border-top:2px solid var(--pink-dark);width:min(100%,660px);color:var(--ink);z-index:15;background:#e5dac8;grid-template-columns:minmax(0,1.5fr) minmax(90px,1fr) 58px;align-items:center;gap:8px;margin:0 auto;padding:7px 8px;display:grid}.material-editor label{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:5px;min-width:0;font-size:8px;display:grid}.material-editor input[type=range]{width:100%;accent-color:var(--wine)}.material-editor button{background:var(--wine);color:#fff;border:0;place-items:center;height:38px;font-size:7px;display:grid}.material-editor button svg{width:16px}.material-text-input{grid-column:1/-1;grid-template-columns:24px 1fr!important}.material-text-input svg{width:16px}.material-text-input input{background:#fff;border:1px solid #9a8979;min-width:0;height:34px;padding:0 8px}.result-material-button{min-width:62px;height:40px;color:var(--cream);background:0 0;border:1px solid #96877d;justify-content:center;align-items:center;gap:5px;font-size:8px;display:flex}.result-material-button svg{width:17px}.result-flat-canvas>img{object-fit:fill;width:100%;height:100%;display:block}.result-preview-loading{color:var(--cream);background:#272327;place-items:center;display:grid;position:absolute;inset:0}.result-preview-loading svg{animation:1.5s linear infinite spin}.result-adjust-button{z-index:18;color:#fff;background:#251f22e0;border:1px solid #f2e9d8;justify-content:center;align-items:center;gap:5px;min-width:86px;height:38px;font-size:8px;display:flex;position:absolute;bottom:18px;right:4px}.result-adjust-button svg{width:16px}.result-screen>.material-editor{background:#f2e9d8;grid-row:auto}@media (width>=800px){.camera-screen>.material-editor{grid-area:3/2}.camera-controls{grid-row:4}.result-screen>.material-editor{grid-column:2}}@media (width<=520px){.camera-tools{gap:1px}.camera-tools button{width:54px}.filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}.material-editor{grid-template-columns:1fr 1fr 48px;padding:5px}.material-options{grid-template-columns:repeat(2,minmax(0,1fr))}.material-options>button{grid-template-rows:78px auto}}