body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.photobooth-container{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);max-width:100vw;min-height:100vh;min-height:100svh;min-width:0;overflow-x:hidden;padding:env(safe-area-inset-top) max(clamp(12px,3vw,28px),env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(clamp(12px,3vw,28px),env(safe-area-inset-left));width:100%}.top-bar{min-height:60px;position:relative;width:min(100%,1100px)}.back-button,.top-bar{align-items:center;display:flex;justify-content:center}.back-button{background:#fff;border:2px solid #8c5b4a;border-radius:8px;color:#8c5b4a;cursor:pointer;font-family:inherit;font-size:20px;height:40px;left:0;line-height:40px;min-height:44px;padding:0 16px;position:absolute;top:10px}.title-bar{font-size:24px;line-height:60px;margin:0;text-align:center;width:100%}.main-content{align-items:flex-start;min-width:0;width:min(100%,1100px)}.frame-options,.main-content{display:flex;justify-content:center}.frame-options{flex-wrap:wrap;gap:24px;width:100%}.frame-thumb{border-radius:12px;box-shadow:0 8px 8px #00000026;cursor:pointer;height:auto;max-width:42%;transition:transform .25s ease,box-shadow .25s ease;width:clamp(135px,22vw,180px)}.frame-thumb.selected,.frame-thumb:hover{box-shadow:0 12px 30px #ff7aa273;transform:scale(1.08)}.row-layout{align-items:flex-start;gap:clamp(20px,4vw,48px);justify-content:center}.row-layout,.webcam-section{display:flex;min-width:0;width:100%}.webcam-section{align-items:center;flex:1 1 440px;flex-direction:column;max-width:520px}.webcam-container{background:#1f1f1f;border-radius:12px;max-width:520px;overflow:hidden;position:relative;width:100%}.webcam-container:before{content:"";display:block;padding-top:75%;padding-top:var(--webcam-aspect-padding,75%)}.webcam-video{border-radius:inherit;display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.button-style{-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #8c5b4a;border-radius:8px;color:#8c5b4a;cursor:pointer;font-family:inherit;font-size:20px;min-height:44px;padding:10px 20px;touch-action:manipulation}.button-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px}.canvas-container{align-items:center;display:flex;flex:0 1 360px;flex-direction:column;max-width:100%;min-width:0}.strip-canvas{-webkit-touch-callout:none;border-radius:16px;box-shadow:0 10px 30px #00000026;cursor:grab;display:block;height:auto;max-height:min(68vh,650px);max-height:min(68dvh,650px);max-width:100%;overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;width:auto}.strip-canvas:active{cursor:grabbing}@media (max-width:900px),(orientation:portrait) and (max-width:1100px){.top-bar{flex-direction:column;gap:10px;min-height:0;width:100%}.back-button{align-self:flex-start;position:static;width:-webkit-fit-content;width:fit-content}.title-bar{font-size:clamp(20px,4vw,24px);line-height:1.25}.main-content{width:100%}.row-layout{align-items:center;flex-direction:column;gap:24px}.webcam-section{flex-basis:auto;max-width:600px}.webcam-container{max-width:600px}.canvas-container{flex-basis:auto;width:min(100%,420px)}.strip-canvas{max-height:72vh;max-height:72dvh}}@media (orientation:landscape) and (max-height:820px) and (min-width:901px){.photobooth-container{gap:10px}.top-bar{min-height:52px}.title-bar{line-height:52px}.webcam-container,.webcam-section{max-width:460px}.strip-canvas{max-height:64vh;max-height:64dvh}}@media (max-width:480px){.photobooth-container{padding-inline:10px}.frame-options{gap:14px}.frame-thumb{width:min(42vw,150px)}.button-style{font-size:17px;padding-inline:14px}}@font-face{font-family:Chrisye;font-style:normal;font-weight:400;src:url(/static/media/Chrisye.e87d3564f6a6eb066dc8.otf) format("opentype")}body{color:#8c5b4a;font-family:Chrisye,cursive,sans-serif}
/*# sourceMappingURL=main.69b58133.css.map*/