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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:column;min-height:100vh;overflow-x:hidden;text-align:center}.App,.app-header{align-items:center;display:flex}.app-header{box-sizing:border-box;gap:12px;padding:20px 32px;width:min(100%,1200px)}.app-logo{flex:0 0 auto;height:auto;width:50px}.app-title{color:#8c5b4a;font-family:CantikaCute,cursive,sans-serif;font-size:clamp(28px,7vw,44px);line-height:1;margin:0}.app-main{box-sizing:border-box;flex:1 1;justify-content:center;padding:0 16px 40px;width:100%}.app-main,.photobooth{align-items:center;display:flex}.photobooth{flex-direction:column;gap:20px;width:min(100%,960px)}.photobooth-topbar{align-items:center;box-sizing:border-box;display:flex;justify-content:center;margin-bottom:20px;min-height:60px;padding:0 90px;position:relative;width:min(100%,760px)}.photobooth-title{color:#8c5b4a;font-size:clamp(26px,6vw,40px);line-height:1.2;margin:0;text-align:center;width:100%}.photobooth-main{align-items:flex-start}.frame-grid,.photobooth-main{display:flex;justify-content:center;width:100%}.frame-grid{flex-wrap:wrap;gap:24px}.booth-workspace{align-items:flex-start;display:flex;gap:40px;justify-content:center;width:100%}.booth-controls,.webcam-wrap{width:min(100%,400px)}.webcam-wrap{aspect-ratio:953/599;position:relative}.webcam-video{border-radius:12px;height:100%;object-fit:cover;width:100%}.photo-actions,.sticker-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:16px}.sticker-list img{cursor:pointer;height:56px;object-fit:contain;width:56px}.canvas-panel{align-items:center;display:flex;flex-direction:column;width:min(100%,220px)}.photo-canvas{aspect-ratio:953/2578;border-radius:16px;box-shadow:0 10px 30px #00000026;height:auto;max-height:min(70vh,560px);touch-action:none;width:min(100%,220px)}@media (max-width:760px){.app-header{justify-content:center;padding:16px}.app-logo{width:42px}.app-main{align-items:flex-start;padding:0 12px 28px}.photobooth-topbar{margin-bottom:8px;min-height:auto;padding:52px 0 0}.photobooth-topbar button{left:50%!important;top:0!important;transform:translateX(-50%)}.frame-grid{gap:16px}.booth-workspace{align-items:center;flex-direction:column;gap:24px}.booth-controls,.webcam-wrap{width:min(100%,420px)}.photo-actions button,.photo-actions label{flex:1 1 140px}.canvas-panel,.photo-canvas{width:min(100%,260px)}.photo-canvas{max-height:58vh}}@media (max-width:420px){.app-header{gap:8px}.photobooth{gap:14px}.frame-grid img{width:min(42vw,150px)!important}.photo-actions{gap:8px}.photo-actions button,.photo-actions label{font-size:18px!important;padding:9px 12px!important}}@font-face{font-family:CantikaCute;font-style:normal;font-weight:400;src:url(/static/media/Cantika%20Cute%20Handwriting.e87d3564f6a6eb066dc8.otf) format("opentype")}body{background:#fff7fb;color:#8c5b4a;font-family:CantikaCute,cursive,sans-serif;margin:0}*{box-sizing:border-box}button,input,label{font:inherit}canvas,img,video{max-width:100%}
/*# sourceMappingURL=main.869fee2b.css.map*/