@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-5Medium.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-6SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-7Bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/Paperlogy-8ExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Gmarket Sans;src:url(/fonts/GmarketSansMedium.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Gmarket Sans;src:url(/fonts/GmarketSansBold.woff)format("woff");font-weight:700;font-display:swap}@font-face{font-family:Binggrae;src:url(/fonts/Binggrae.woff)format("woff");font-weight:400;font-display:swap}@font-face{font-family:Binggrae;src:url(/fonts/Binggrae-Bold.woff)format("woff");font-weight:700;font-display:swap}:root{--ponsa-purple:#524fa1;--ponsa-yellow:#ffd644;--ponsa-sky:#55b7f3;--ponsa-mint:#7ed9cf;--ink:#212121;--muted:#767676}*{box-sizing:border-box}html{font-size:clamp(7px,min(2.66667vw,1.23153dvh,12.8px),12.8px)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only}body{color:var(--ink);-webkit-tap-highlight-color:transparent;background:#f2f2f5;margin:0;font-family:Paperlogy,Malgun Gothic,맑은 고딕,sans-serif}html[data-lang=zh] body,html[data-lang=zh] button,html[data-lang=zh] input{font-family:Paperlogy,Noto Sans SC,Microsoft YaHei,sans-serif}html[data-lang=ja] body,html[data-lang=ja] button,html[data-lang=ja] input{font-family:Paperlogy,Noto Sans JP,Yu Gothic,Meiryo,sans-serif}#root{justify-content:center;min-height:100dvh;display:flex}.app-frame{background:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100dvh;display:flex;position:relative}button{cursor:pointer;white-space:nowrap;font-family:inherit}.ld{z-index:20;background:#fff;flex-direction:column;align-items:center;padding-top:15.3rem;display:flex;position:absolute;inset:0}.ld-ring{place-items:center;width:23.3rem;height:23.3rem;display:grid;position:relative}.ld-ring>.ld-arc{width:100%;height:100%;animation:1.4s linear infinite ld-spin}.ld-face{width:8.1rem;height:6.1rem;position:absolute}.ld-label{color:#2c201c;margin:1.1rem 0 0;font-size:2rem;font-weight:600;line-height:2.4rem}.sp{flex-shrink:0;width:4rem;height:4rem;display:block}.sp>.ld-arc{width:100%;height:100%;animation:.9s linear infinite ld-spin}.ed-thumb>.sp,.ed-photo>.sp{z-index:1;margin:-2rem 0 0 -2rem;position:absolute;top:50%;left:50%}.ed-thumb>.sp{width:2.8rem;height:2.8rem;margin:-1.4rem 0 0 -1.4rem}@keyframes ld-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ld-arc{animation:none}}.start{background:#4c4d9d;flex-direction:column;flex:1;align-items:center;min-height:100dvh;padding:8.8rem 0 0;display:flex;position:relative}.start-logo{color:#fff;margin:0;font-family:Binggrae,Gmarket Sans,sans-serif;font-size:5rem;font-weight:400;line-height:5rem}.start-tag{color:#fff;margin:.4rem 0 0;font-size:1.7rem;font-weight:600;line-height:2rem}.start-hero{object-fit:contain;width:28.6rem;height:32.3rem;margin:2.5rem 0 0;display:block}.start-buttons{flex-direction:column;gap:1.4rem;width:27rem;margin-top:2.8rem;display:flex}.start-btn{border:.2rem solid #2c201c;border-radius:5rem;height:5.1rem;font-size:1.6rem;font-weight:600}.start-btn.white{color:#3b3b3b;background:#fff}.start-btn.sky{color:#fff;background:#51abf7}.start-link{color:#fff;text-underline-offset:.3rem;background:0 0;border:none;margin-top:9.1rem;font-size:1.7rem;font-weight:600;line-height:2rem;text-decoration:underline}.start-langs{z-index:4;position:absolute;top:1.4rem;right:1.4rem}.lang-now{color:#ffffffd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .6rem .35rem .4rem;display:flex}.lang-now .flag{width:2.2rem;height:2.2rem;display:block}.lang-now-label{color:#fff;white-space:nowrap;font-size:1.2rem;font-weight:600;line-height:1}.lang-chev{width:1.1rem;height:.8rem;transition:transform .18s}.lang-now.open .lang-chev{transform:rotate(180deg)}.lang-now:active{transform:scale(.96)}.lang-catch{z-index:4;position:fixed;inset:0}.lang-menu{z-index:5;background:#fff;border-radius:1.4rem;flex-direction:column;gap:.1rem;min-width:14rem;padding:.5rem;animation:.16s ease-out lang-drop;display:flex;position:absolute;top:calc(100% + .6rem);right:0;box-shadow:0 1.2rem 3rem #18143247}@keyframes lang-drop{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:none}}.lang-item{color:#2c201c;text-align:left;background:0 0;border:none;border-radius:1rem;align-items:center;gap:.8rem;padding:.7rem .9rem;font-size:1.4rem;font-weight:500;line-height:1;display:flex}.lang-item .flag{flex:none;width:2.2rem;height:2.2rem;display:block}.lang-item.on{color:#4c4d9d;background:#f1f0fb;font-weight:600}.lang-item:active{background:#e9e8f7}.flow{background:#4c4d9d;flex-direction:column;flex:1;height:100dvh;max-height:100dvh;display:flex}.flow-progress{height:7rem;position:relative}.flow-track{background:#fff;border:.15rem solid #2c201c;border-radius:999px;width:78.93%;height:1.2rem;position:absolute;top:2.1rem;left:11.2%}.flow-fill{background:#edda5f;border:.15rem solid #2c201c;border-radius:999px;min-width:1.6rem;height:1.6rem;transition:width .3s;position:absolute;top:-.35rem;left:-.55rem}.flow-labels{color:#fff;width:78.93%;height:1.4rem;font-size:1.2rem;font-weight:600;position:absolute;top:4.2rem;left:11.2%}.flow-label-left{position:absolute;top:0;left:0}.flow-label-right{position:absolute;top:0;right:0}.flow-sheet{background:#fff;border-radius:3rem;flex-direction:column;flex:1;min-height:0;margin:0 .8rem 0 .7rem;display:flex;overflow:hidden}.flow-body{scrollbar-width:none;flex-direction:column;flex:1;align-items:center;min-height:0;padding:6.1rem 0 0;display:flex;position:relative;overflow:hidden auto}.flow-body::-webkit-scrollbar{display:none}.flow-body.bare{padding:0;overflow:hidden}.flow-title{text-align:center;color:#2f2426;margin:0;font-size:1.7rem;font-weight:600;line-height:2.05rem}.flow-bar{flex:0 0 5.4rem;display:flex}.flow-bar button{border:none;border-top:.2rem solid #2c201c;height:100%;font-size:1.6rem;font-weight:600}.flow-prev{color:#fff;background:#51abf7;border-right:.2rem solid #2c201c;flex:0 0 13.6rem}.flow-next{color:#2f2426;background:#edda5f;flex:1}.flow-next:disabled{color:#868686;background:#d2d2d2}.flow-single{color:#fff;background:#51abf7;flex:1}.type-grid{grid-template-columns:13.8rem 13.8rem;gap:1.2rem 2rem;width:29.6rem;margin-top:7rem;display:grid}.type-card{--glyph-center:4.8rem;--label-top:9.2rem;color:#3b3b3b;background:#f2f2f2;border:.2rem solid #bfbfbf;border-radius:2rem;height:13.8rem;font-size:1.6rem;font-weight:600;position:relative}.type-card:has(.type-glyph.tall){--glyph-center:4.65rem}.type-card.wide{--glyph-center:5.25rem;--label-top:9.6rem;grid-column:1/-1}.type-card.on{color:#2c201c;background:#92e0df;border-color:#2c201c}.type-card .type-glyph{left:50%;top:var(--glyph-center);position:absolute;transform:translate(-50%,-50%)}.type-card span{left:0;right:0;top:var(--label-top);line-height:1.9rem;position:absolute}.type-glyph{width:5.7rem}.type-glyph.tall{width:3.8rem}.type-glyph.wide{width:22rem}.frame-grid{grid-template-columns:13.8rem 13.8rem;gap:2rem;width:29.6rem;margin:3.6rem 0 3rem;display:grid}.frame-card{background:#f2f2f2;border:.2rem solid #bfbfbf;border-radius:2rem;justify-content:center;align-items:center;height:11rem;display:flex}.frame-card.on{background:#92e0df;border-color:#2c201c}.frame-glyph{width:5.7rem}.frame-glyph.tall{width:3.8rem}.frame-glyph.cut{width:4rem}.frame-card{position:relative}.frame-thumb{object-fit:contain;border-radius:.6rem;max-width:80%;max-height:80%}.frame-badge{color:#fff;letter-spacing:.02em;background:#ff5a5f;border-radius:999px;padding:.2rem .7rem;font-size:1rem;font-weight:700;position:absolute;top:.8rem;right:.8rem}.pv-box{width:var(--w,31rem);aspect-ratio:var(--ratio,3 / 2);grid-template-columns:repeat(var(--cols,1), var(--cw));gap:var(--gy) var(--gx);background:#fff;border:.1rem solid #d5d5d5;place-content:center;display:grid}.pv-cell{aspect-ratio:var(--cell,3 / 4);background:#f4f4f4;overflow:hidden}.pv-cell img{object-fit:cover;width:100%;height:100%;display:block}.pv-cell{position:relative;container-type:size}.pv-text{text-align:center;text-shadow:0 0 .2rem #000c;white-space:nowrap;text-overflow:ellipsis;max-width:92%;font-size:7cqmin;font-weight:700;position:absolute;overflow:hidden}.up-title{margin-top:1.4rem}.up-ready-note{font-size:1.4rem;font-weight:500}.up-grid{grid-template-columns:11.3rem 11.3rem;gap:2rem;width:24.6rem;margin:5.5rem 0 3rem;display:grid}.up-grid.cols3{grid-template-columns:repeat(3,1fr);gap:1.2rem;width:100%;padding:0 1rem}.up-grid.cols3 .up-slot{aspect-ratio:11.3/17;border-radius:1.1rem;height:auto}.up-grid.cols3 .up-smile{width:3.2rem}.up-grid.cols3 .up-cam-square{width:2.8rem;height:2.8rem}.up-grid.cols3 .up-action-label{font-size:1.3rem;line-height:1.6rem}.up-slot{background:#fff;border:.2rem solid #bfbfbf;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.9rem;height:17rem;padding:0;display:flex;position:relative;overflow:hidden}.up-slot.empty{cursor:default}.up-smile{width:4.2rem}.up-slot.action{background:#92e0df;border-color:#2c201c}.up-cam-square{width:3.6rem;height:3.6rem;display:flex}.up-cam-square svg{width:100%;height:100%}.up-action-label{color:#2c201c;font-size:1.7rem;font-weight:500;line-height:2rem}.up-slot.filled img{object-fit:cover;width:100%;height:100%}.up-cam-badge{width:3.6rem;height:3.6rem;display:flex;position:absolute;bottom:.9rem;right:.9rem}.up-cam-badge svg{width:100%;height:100%}.up-single{flex-direction:column;align-items:center;width:31rem;margin:auto 0;display:flex}.up-slot.single{width:12.7rem;height:17rem}.up-single.tall .up-slot.single{width:13.2rem}.up-single.wide .up-preview{margin-top:6.2rem}.up-single.tall .up-preview{margin-top:3.3rem}.up-error{color:#f4587a;text-align:center;margin:1rem 0 0;font-size:1.4rem;font-weight:700}.modal-dim{z-index:100;background:#000c;justify-content:center;display:flex;position:fixed;inset:0}.modal-dim.top{align-items:flex-start;padding-top:18rem}.modal-dim.bottom{align-items:flex-end;padding-bottom:3rem}.modal-wrap{flex-direction:column;align-items:center;width:32.8rem;display:flex}.modal-close{background:#92e0df;border:.2rem solid #2c201c;border-radius:2rem;flex:none;justify-content:center;align-items:center;width:6rem;height:6rem;margin-bottom:1.7rem;padding:0;display:flex}.modal-close svg{width:3rem;height:3rem}.modal-card{background:#fff;border-radius:2.4rem;flex-direction:column;align-items:center;width:100%;display:flex}.modal-msg{color:#3b3b3b;text-align:center;width:27.3rem;margin:4.7rem 0 2.8rem;font-size:1.6rem;font-weight:600;line-height:2.4rem}.modal-title{color:#2c201c;text-align:center;margin:3.2rem 0 2.5rem;font-size:2rem;font-weight:600;line-height:2.4rem}.modal-row{gap:1.2rem;margin-bottom:3.5rem;display:flex}.modal-col{flex-direction:column;gap:1rem;margin-bottom:3.1rem;display:flex}.modal-btn{border:.2rem solid #2c201c;border-radius:1.73rem;height:5.2rem;font-size:1.6rem;font-weight:600}.modal-row .modal-btn{width:12.9rem}.modal-col .modal-btn{width:26.3rem}.modal-btn.sky{color:#fff;background:#51abf7}.modal-btn.yellow{color:#2c201c;background:#edda5f}.modal-btn.green{color:#2c201c;background:#9ddf8d}.modal-btn:disabled{color:#868686;cursor:default;background:#d2d2d2}.ed-strip.fold{border-bottom-width:0;height:0;padding-top:0;padding-bottom:0;overflow:hidden}.ed-strip{align-items:flex-start;gap:var(--gap,2.6rem);background:#f2f2f2;border-bottom:.1rem solid #d2d2d2;flex-shrink:0;width:100%;height:14.3rem;margin:-6.1rem 0 0;padding:1.9rem 3.8rem 0 4.6rem;transition:height .25s,padding .25s;display:flex;overflow-x:auto}.ed-strip.many{--gap:1.4rem;padding-left:1.6rem;padding-right:1.6rem}.ed-strip.many .ed-thumb{width:7rem}.ed-thumb{background:0 0;border:none;border-radius:.9rem;flex-shrink:0;width:7.8rem;height:10.5rem;padding:.2rem;position:relative;overflow:visible}.ed-thumb img{object-fit:cover;border-radius:.7rem;width:100%;height:100%}.ed-thumb.on{background:#2c201c}.ed-thumb-badge{background:#edda5f;border:.2rem solid #2c201c;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex;position:absolute;bottom:-1.1rem;right:-.7rem}.ed-thumb-badge svg{width:60%;height:60%}.ed-swap{top:50%;left:calc(-1 * var(--gap,2.6rem) / 2);color:#fff;z-index:2;background:#2c201cb3;border-radius:50%;justify-content:center;align-items:center;width:2.2rem;height:2.2rem;font-size:1.3rem;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%)}.ed-order{color:#fff;background:#2c201cc7;border-radius:.5rem;justify-content:center;align-items:center;min-width:1.9rem;height:1.9rem;padding:0 .4rem;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:.4rem;left:.4rem}.ed-result-mini{grid-template-columns:repeat(var(--cols,3), 3.2rem);background:#fff;border:.05rem solid #d5d5d5;flex-shrink:0;place-content:center;gap:.7rem .8rem;width:16.5rem;height:11.1rem;margin-top:-.3rem;display:grid}.ed-result-mini img{object-fit:cover;width:3.2rem;height:4.4rem}.ed-canvas{background:#f4f4f4;margin:4rem auto 0;transition:width .25s,height .25s;position:relative}.ed-photo{touch-action:none;cursor:grab}.ed-photo:active{cursor:grabbing}.ed-photo img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.ed-photo{background:inherit;justify-content:center;align-items:center;width:100%;height:100%;transition:padding .18s;display:flex;position:relative;overflow:hidden;container-type:size}.ed-canvas.framed .ed-photo img{border-radius:.3rem}.ed-photo img{object-fit:cover;width:100%;height:100%;transition:transform .2s}.ed-text-overlay{white-space:nowrap;text-align:center;text-shadow:0 0 .6rem #0000008c;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;max-width:92%;font-size:7cqmin;font-weight:700;position:absolute}.ed-text-overlay:active{cursor:grabbing}.ed-text-x{color:#fff;width:2.2rem;height:2.2rem;text-shadow:none;background:#141414cc;border:.15rem solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:flex;position:absolute;top:-1.1rem;right:-1.4rem}.ed-text-grip{color:#fff;width:2.2rem;height:2.2rem;text-shadow:none;touch-action:none;cursor:nwse-resize;background:#4c4d9de6;border:.15rem solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.1rem;line-height:1;display:flex;position:absolute;bottom:-1.1rem;right:-1.4rem}.ed-text-overlay.on{outline-offset:.5rem;outline:.15rem dashed #fffffff2}.ed-cam{background:#3b3b3b;border:none;border-radius:1.5rem;justify-content:center;align-items:center;width:3.6rem;height:3.6rem;padding:.7rem;display:flex;position:absolute;bottom:1rem;right:1rem}.ed-cam svg{width:100%;height:100%}.ed-panel{border-top:1px solid #ececf0;width:calc(100% + 4rem);margin:auto -2rem 0;padding:1.2rem 3.4rem .4rem;position:relative}.ed-panel-close{background:#fff;border:1px solid #ececf0;border-bottom:none;border-radius:1rem 1rem 0 0;width:3.6rem;height:3.6rem;font-size:1.6rem;font-weight:700;position:absolute;top:-3.4rem;right:1.6rem}.ed-filter-row{gap:1.4rem;padding-bottom:.6rem;display:flex;overflow-x:auto}.ed-filter{color:#555;background:0 0;border:none;flex-direction:column-reverse;flex-shrink:0;align-items:center;gap:.6rem;padding:0;font-size:1.3rem;font-weight:500;display:flex}.ed-filter img{object-fit:cover;border:.18rem solid #0000;border-radius:1.4rem;width:5.6rem;height:5.6rem}.ed-filter.on{color:#4c4d9d;font-weight:700}.ed-filter.on img{border-color:#4c4d9d}.ed-bg-row{flex-wrap:wrap;justify-content:center;gap:1.2rem 1.4rem;padding:.4rem 0 1rem;display:flex}.ed-bg{border:.18rem solid #e0e0e5;border-radius:50%;flex-shrink:0;width:4.4rem;height:4.4rem}.ed-bg.on{border-color:#1a1a1a}.ed-bg.checker{background:repeating-conic-gradient(#d9d9de 0 25%, #fff 0 50%) 0 0 / 1.2rem 1.2rem}.ed-text-input{border:.15rem solid #d9d9de;border-radius:1.2rem;width:100%;margin-bottom:.7rem;padding:1rem 1.4rem;font-family:inherit;font-size:1.6rem}.ed-text-input:focus{border-color:#4c4d9d;outline:none}.ed-text-actions{align-items:center;gap:1rem;margin-bottom:.7rem;display:flex}.ed-text-actions>button{color:#2c201c;background:#fff;border:.15rem solid #d9d9de;border-radius:1.2rem;flex:none;padding:1rem 2rem;font-family:inherit;font-size:1.4rem;font-weight:700}.ed-text-add{color:#4c4d9d;border-color:#4c4d9d}.ed-text-add:disabled{color:#b9b9c0;border-color:#e4e4e9}.ed-text-colors{flex:1;align-items:center;gap:.7rem;min-width:0;display:flex;overflow-x:auto}.ed-text-color{border:.18rem solid #d9d9de;border-radius:50%;flex-shrink:0;width:2.6rem;height:2.6rem;padding:0}.ed-text-color.on{border-color:#4c4d9d;box-shadow:0 0 0 .25rem #4c4d9d2e}.ed-tools{flex-shrink:0;justify-content:safe center;gap:2.5rem;width:100%;height:8.4rem;margin:auto 0 2rem;padding:0 3.9rem;display:flex;overflow-x:auto}.ed-tools.many{justify-content:flex-start;gap:1.5rem;padding:0 2rem}.ed-tool:first-child{margin-left:auto}.ed-tool:last-child{margin-right:auto}.ed-strip,.ed-tools,.ed-filter-row{scrollbar-width:none}.ed-strip::-webkit-scrollbar{display:none}.ed-tools::-webkit-scrollbar{display:none}.ed-filter-row::-webkit-scrollbar{display:none}.ed-tool{background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:1.2rem;width:5.2rem;padding:0;display:flex}.ed-tool-icon{color:#fff;background:#c1c0c9;border-radius:1.5rem;justify-content:center;align-items:center;width:5.2rem;height:5.2rem;display:flex}.ed-tool-icon svg{width:100%;height:100%}.ed-tool-icon.on{background:#4c4d9d}.ed-tool-label{color:#868686;font-size:1.3rem;font-weight:500;line-height:1.5rem}.ed-fold{z-index:2;background:0 0;border:none;width:3.6rem;height:2.4rem;padding:0;position:absolute;top:14.2rem;right:0}.ed-fold svg{width:100%;height:100%;transition:transform .25s;display:block}.ed-fold{transition:transform .25s}.ed-fold.up{transform:translateY(-14.3rem)}.ed-fold.up svg{transform:rotate(180deg)}.ed-hint{color:#fff;white-space:nowrap;pointer-events:none;background:#2c201c9e;border-radius:999px;padding:.5rem 1.2rem;font-size:1.2rem;font-weight:600;animation:.4s 2.2s forwards ed-hint-out;position:absolute;top:1rem;left:50%;transform:translate(-50%)}@keyframes ed-hint-out{to{opacity:0}}.ed-error{color:#f4587a;text-align:center;margin:1rem 0 0;font-size:1.4rem;font-weight:700}.qty-item{flex-direction:column;align-items:center;width:31rem;margin:auto 0;display:flex}.qty-count{justify-content:space-between;align-items:center;width:17.1rem;margin-top:2.9rem;display:flex}.qty-count b{color:#868686;font-size:1.8rem;font-weight:600}.qty-step{color:#2c201c;background:#92e0df;border:.2rem solid #2c201c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:1.8rem;font-weight:600;line-height:1;display:flex}.qty-price{color:#3b3b3b;margin:.7rem 0 0;font-size:1.6rem;font-weight:600}.pay-panel{background:#f2f2f2;border-top:.1rem solid #d2d2d2;width:100%;margin:auto 0 0;padding:2rem 2.2rem}.pay-total{color:#2c201c;align-items:baseline;font-size:1.7rem;font-weight:600;display:flex}.pay-total b{color:#4c4d9d;margin-left:auto;font-size:2.4rem;font-weight:700}.pay-total i{margin-left:.5rem;font-style:normal;font-weight:500}.ck-title{margin-top:1.4rem}.ck-sheet{justify-content:center;margin-top:4.4rem;display:flex}.ck-error{color:#f4587a;text-align:center;margin:1rem 0 0;font-size:1.4rem;font-weight:700}.done-title{color:#2c201c;margin:4rem 0 0;font-size:2.6rem;font-weight:700;line-height:2.4rem}.done-sub{color:#2c201c;text-align:center;margin:3.2rem 0 0;font-size:1.7rem;font-weight:600;line-height:2.4rem}.done-code{background:#f2f2f2;border:.2rem solid #d2d2d2;border-radius:2.4rem;justify-content:space-between;align-items:center;width:30rem;height:10.6rem;margin:4.1rem 0 0;padding:0 2.1rem 0 3.2rem;display:flex}.done-code b{color:#2c201c;letter-spacing:.2rem;font-variant-numeric:tabular-nums;font-size:2.8rem;font-weight:800}.done-save{color:#2c201c;background:#92e0df;border:.2rem solid #2c201c;border-radius:1.6rem;flex-shrink:0;justify-content:center;align-items:center;width:5rem;height:5rem;display:flex}.done-save svg{width:2.2rem;height:1.6rem}.done-guide{color:#2c201c;text-align:center;margin:2.4rem 0 0;font-size:1.5rem;font-weight:600;line-height:2.1rem}.done-point{color:#868686;background:#edda5f;border:.2rem solid #000;border-radius:1.6rem;width:20.9rem;height:5.2rem;margin-top:3.4rem;font-size:1.6rem;font-weight:600}.cam{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.cam-view{background:#2c201c;flex:1;width:100%;min-height:40rem;position:relative;overflow:hidden}.cam-video{object-fit:cover;width:100%;height:100%;display:block}.cam-guide{pointer-events:none;border:.2rem solid #fffc;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000059}.cam-video.front{transform:scaleX(-1)}.cam-shade{pointer-events:none;position:absolute;left:0;right:0}.cam-shade.top{background:linear-gradient(#00000073,#0000);height:12.2rem;top:0}.cam-shade.bottom{background:linear-gradient(#0000,#000000a6);height:22.2rem;bottom:0}.cam-timer,.cam-flip{background:0 0;border:none;padding:0;position:absolute;top:2rem}.cam-timer{width:3.2rem;height:3.2rem;left:2rem}.cam-flip{width:3.73rem;height:3.2rem;right:2rem}.cam-timer svg,.cam-flip svg{width:100%;height:100%;display:block}.cam-times{background:#00000073;border-radius:3rem;align-items:center;gap:1.2rem;padding:.7rem 1.4rem;display:flex;position:absolute;top:1.4rem;left:6.4rem}.cam-time{opacity:.65;background:0 0;border:none;width:3.2rem;height:3.2rem;padding:0}.cam-time.on{opacity:1}.cam-time svg{width:100%;height:100%;display:block}.cam-redo{color:#fff;text-shadow:0 0 .6rem #0000008c;background:0 0;border:none;flex-direction:column;align-items:center;gap:.4rem;padding:0;font-size:1.3rem;font-weight:600;display:flex;position:absolute;bottom:4.2rem;left:3.6rem}.cam-redo svg{width:2.8rem;height:2.8rem;display:block}.cam-shutter{background:#51abf7;border:none;border-radius:50%;place-items:center;width:7.2rem;height:7.2rem;padding:0;display:grid;position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%)}.cam-shutter:after{content:"";background:#fff;border-radius:50%;width:5.4rem;height:5.4rem;transition:transform .12s}.cam-shutter.counting:after{display:none}.cam-count{color:#fff;font-variant-numeric:tabular-nums;font-size:3.2rem;font-weight:700}.cam-shutter:active:after{transform:scale(.92)}.cam-shutter:disabled{background:#868686}.cam-fallback{text-align:center;color:#fff;place-items:center;padding:0 3rem;font-size:1.5rem;line-height:2.2rem;display:grid;position:absolute;inset:0}.cam-strip{scrollbar-width:none;background:#f2f2f2;flex-shrink:0;justify-content:flex-start;align-items:center;gap:1.2rem;width:100%;height:16rem;padding:0 2.2rem;display:flex;overflow-x:auto}.cam-strip::-webkit-scrollbar{display:none}.cam-slot{background:#fff;border:none;border-radius:1.2rem;flex-shrink:0;place-items:center;width:7rem;height:10.5rem;padding:0;display:grid;overflow:hidden}.cam-slot svg{width:2.8rem;height:2.1rem}.cam-slot.filled img{object-fit:cover;width:100%;height:100%;display:block}