:root{--navy-deep:#0b1d52;--navy:#16358f;--navy-soft:#2b4dad;--ink:#0e2a66;--sky:#e8f1fb;--sky-2:#c7ddf5;--sky-dim:#afc6f2;--paper:#fff;--orange:#f4511e;--serif:"Instrument Serif", Georgia, serif;--sans:"Pretendard Variable", Pretendard, -apple-system, sans-serif;--display:"Anton", "Pretendard Variable", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;height:100%}body{font-family:var(--sans);background:var(--navy-deep);color:#fff;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;touch-action:manipulation}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}.booth{background:radial-gradient(120% 70% at 50% -10%, var(--navy) 0%, transparent 60%), radial-gradient(100% 60% at 50% 115%, #10276e 0%, transparent 55%), var(--navy-deep);position:fixed;inset:0;overflow:hidden}.booth:before{content:"";pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");position:absolute;inset:0}.screen{padding:max(24px, env(safe-area-inset-top)) 28px max(24px, env(safe-area-inset-bottom));flex-direction:column;justify-content:center;align-items:center;gap:14px;animation:.45s cubic-bezier(.2,.7,.2,1) both screen-in;display:flex;position:absolute;inset:0}.screen.is-hidden{visibility:hidden;pointer-events:none}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.screen-title{font-family:var(--serif);letter-spacing:.01em;font-size:clamp(38px,6vw,58px);font-style:italic;font-weight:400}.screen-sub{color:var(--sky-dim);text-align:center;font-size:clamp(15px,2.2vw,19px);line-height:1.5}.row{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.btn{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 30px;font-size:18px;font-weight:700;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;pointer-events:none}.btn-light{color:var(--navy);background:#fff;box-shadow:0 10px 34px #00000059}.btn-navy{background:var(--navy);color:#fff}.btn-ghost{color:var(--sky-dim);border:1.5px solid #ffffff40;min-height:52px}.btn-lg{min-height:64px;padding:0 38px;font-size:20px}.btn-xl{min-height:76px;padding:0 52px;font-size:23px}.brand-mini{font-family:var(--display);letter-spacing:.07em;color:#fff;text-transform:uppercase;font-size:19px}.brand-vol{color:var(--orange);margin-left:2px;font-style:normal}.idle-center{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.idle-kicker{letter-spacing:.34em;color:var(--sky-dim);text-transform:uppercase;font-size:15px;font-weight:600;animation:.7s cubic-bezier(.2,.7,.2,1) .1s both rise}.idle-logo{font-family:var(--display);letter-spacing:.015em;color:var(--orange);text-transform:uppercase;flex-direction:column;align-items:center;font-size:clamp(72px,14.5vw,148px);font-weight:400;line-height:.99;animation:.7s cubic-bezier(.2,.7,.2,1) .22s both rise;display:flex}.idle-logo>span{position:relative}.idle-vol{font-family:var(--display);letter-spacing:.06em;color:var(--orange);background:#fff;border-radius:999px;padding:.42em .85em;font-size:.19em;font-style:normal;position:absolute;top:-.75em;right:-1.7em;transform:rotate(9deg);box-shadow:0 8px 26px #00000059}.idle-sub{color:var(--sky-2);font-size:clamp(17px,2.6vw,22px);animation:.7s cubic-bezier(.2,.7,.2,1) .34s both rise}.idle-center .btn-xl{margin-top:22px;animation:.7s cubic-bezier(.2,.7,.2,1) .46s both rise}.idle-note{color:#ffffff80;font-size:14px;animation:.7s cubic-bezier(.2,.7,.2,1) .58s both rise}@keyframes rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.idle-deco{z-index:1;opacity:.5;pointer-events:none;position:absolute;top:50%}.idle-deco-l{left:-46px;transform:translateY(-50%)rotate(-8deg)}.idle-deco-r{opacity:.35;right:-46px;transform:translateY(-50%)rotate(7deg)}.filmstrip{background:#ffffff0a;border:2px solid #ffffff38;border-radius:10px;flex-direction:column;gap:10px;width:148px;padding:16px 14px 12px;animation:7s ease-in-out infinite floaty;display:flex}.idle-deco-r .filmstrip{animation-delay:-3.5s}.filmstrip-cell{aspect-ratio:4/3;background:linear-gradient(135deg,#ffffff1a,#0000 65%);border:1.5px solid #ffffff38;border-radius:4px}.filmstrip-label{font-family:var(--serif);letter-spacing:.12em;text-align:center;color:#ffffff8c;padding-top:4px;font-size:11px;font-style:italic}@keyframes floaty{0%,to{translate:0 -10px}50%{translate:0 10px}}.marquee{bottom:max(18px, env(safe-area-inset-bottom));border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:10px 0;position:absolute;left:0;right:0;overflow:hidden}.marquee-inner{white-space:nowrap;width:max-content;font-family:var(--serif);letter-spacing:.14em;color:#ffffff73;font-size:17px;font-style:italic;animation:26s linear infinite marquee;display:flex}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.capture{justify-content:flex-start;gap:18px}.cap-head{justify-content:space-between;align-items:center;width:100%;max-width:720px;display:flex}.cap-cuts{gap:8px;display:flex}.cut-dot{color:#ffffff80;border:1.5px solid #ffffff4d;border-radius:50%;place-items:center;width:40px;height:40px;font-size:16px;font-weight:700;transition:all .25s;display:grid}.cut-dot.live{color:var(--navy);background:#fff;border-color:#fff;animation:1s ease-in-out infinite pulse}.cut-dot.donecut{color:#fff;background:#ffffff38;border-color:#0000}@keyframes pulse{50%{box-shadow:0 0 0 9px #ffffff2e}}.cam-wrap{aspect-ratio:4/3;background:#06123a;border:3px solid #ffffffd9;border-radius:22px;width:min(100%,720px,133.333dvh - 466.667px);position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.cam{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.count-overlay{background:#06123a2e;place-items:center;display:grid;position:absolute;inset:0}.count-num{font-family:var(--serif);color:#fff;text-shadow:0 8px 44px #0000008c;font-size:clamp(130px,30vw,240px);font-style:italic;animation:1s cubic-bezier(.2,.7,.2,1) both count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(1.5)}22%{opacity:1;transform:scale(1)}85%{opacity:1}to{opacity:.15;transform:scale(.94)}}.flash{background:#fff;animation:.26s ease-out both flash-out;position:absolute;inset:0}@keyframes flash-out{0%{opacity:1}to{opacity:0}}.cam-error{text-align:center;background:#06123aeb;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:32px;font-size:17px;line-height:1.6;display:flex;position:absolute;inset:0}.cap-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.cap-hint{color:var(--sky-2);text-align:center;font-size:clamp(15px,2.2vw,18px)}.cap-hint b{color:#fff}.cap-live{font-family:var(--serif);letter-spacing:.06em;font-size:clamp(26px,4.5vw,38px);font-style:italic;animation:1s ease-in-out infinite pulse-txt}@keyframes pulse-txt{50%{opacity:.55}}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,620px,128.205dvh - 423.077px);margin:10px 0 16px;display:grid}.review-shot{aspect-ratio:4/3;object-fit:cover;border:2.5px solid #ffffffd9;border-radius:14px;width:100%;animation:.5s cubic-bezier(.2,.7,.2,1) both shot-in;box-shadow:0 14px 40px #0006}@keyframes shot-in{0%{opacity:0;transform:translateY(16px)scale(.96)}to{opacity:1;transform:none}}.decorate{gap:20px}.dec-body{flex:0 auto;justify-content:center;align-items:center;gap:clamp(24px,5vw,56px);width:100%;max-width:860px;min-height:0;display:flex}.dec-preview{aspect-ratio:1080/3548;flex-shrink:0;height:min(58vh,640px);position:relative}.strip-img,.strip-skel{object-fit:contain;border-radius:10px;width:100%;height:100%;display:block;box-shadow:0 26px 70px #0000008c}.strip-skel{background:linear-gradient(110deg,#12276b 30%,#1b3585 50%,#12276b 70%) 0 0/220% 100%;animation:1.3s linear infinite shimmer}@keyframes shimmer{to{background-position:-220% 0}}.composing{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);background:#0b1d5259;border-radius:10px;position:absolute;inset:0}.dec-controls{flex-direction:column;gap:26px;min-width:250px;display:flex}.ctl-group{flex-direction:column;gap:12px;display:flex}.ctl-label{letter-spacing:.22em;color:var(--sky-dim);text-transform:uppercase;font-size:14px;font-weight:700}.swatches{gap:12px;display:flex}.swatch{border:2.5px solid #ffffff59;border-radius:18px;place-items:center;width:84px;height:84px;transition:all .18s;display:grid;box-shadow:inset 0 0 0 1px #0b1d521f}.swatch.on{border-color:#fff;transform:scale(1.07);box-shadow:0 0 0 4px #ffffff38,0 12px 30px #00000059}.swatch-name{font-size:14px;font-weight:700}.seg{border:1.5px solid #ffffff4d;border-radius:999px;width:max-content;display:flex;overflow:hidden}.seg button{color:var(--sky-dim);padding:14px 30px;font-size:17px;font-weight:700;transition:all .18s}.seg button.on{color:var(--navy);background:#fff}.dec-actions{align-items:center;gap:12px;margin-top:6px;display:flex}.email-body{align-items:center;gap:clamp(20px,4vw,40px);max-width:92vw;margin:8px 0;display:flex}.email-thumb{aspect-ratio:1080/3548;object-fit:contain;border-radius:8px;flex-shrink:0;width:auto;height:min(38vh,420px);display:block;box-shadow:0 20px 55px #00000080}.email-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff0f;border:1px solid #ffffff29;border-radius:24px;flex-direction:column;gap:13px;width:min(430px,88vw);padding:26px;display:flex}.email-row{align-items:center;gap:8px;display:flex}.email-row input{color:#fff;background:#0b1d5280;border:1.5px solid #ffffff40;border-radius:14px;outline:none;flex:1;min-width:0;padding:15px 18px;font-family:inherit;font-size:18px;transition:border-color .15s}.email-row input:focus{border-color:#fff}.email-row input::placeholder{color:#ffffff59}.chip{background:var(--sky);color:var(--navy);border-radius:999px;flex-shrink:0;padding:10px 14px;font-size:14px;font-weight:700}.row-x{color:#ffffff8c;border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:15px}.btn-add{color:var(--sky-2);align-self:flex-start;padding:6px 4px;font-size:16px;font-weight:600}.send-err{color:#ffb3b3;font-size:15px;line-height:1.5}.privacy{color:#ffffff73;text-align:center;font-size:13px;line-height:1.5}.done-mark{width:108px;height:108px;color:var(--navy);background:#fff;border-radius:50%;place-items:center;font-size:54px;font-weight:800;animation:.55s cubic-bezier(.2,1.4,.4,1) both pop-in;display:grid;box-shadow:0 0 0 14px #ffffff1f,0 24px 60px #00000073}@keyframes pop-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.done-title{font-family:var(--serif);margin-top:10px;font-size:clamp(44px,8vw,72px);font-style:italic;font-weight:400}.done .btn{margin-top:18px}.overlay{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#060f2cd1;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-size:19px;animation:.25s both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.spinner{border:4px solid #fff3;border-top-color:#fff;border-radius:50%;width:58px;height:58px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.warn-card{color:var(--ink);text-align:center;background:#fff;border-radius:26px;flex-direction:column;align-items:center;gap:12px;padding:40px 48px;display:flex;box-shadow:0 30px 90px #00000080}.warn-title{font-size:27px;font-weight:800}.warn-sub{color:#5f82c4;margin-bottom:10px;font-size:17px}@media (max-height:720px){.screen{gap:10px}.idle-logo{font-size:clamp(52px,11vh,100px)}.idle-center{gap:10px}.idle-center .btn-xl{min-height:62px;margin-top:8px;font-size:20px}.marquee{display:none}.screen-title{font-size:clamp(26px,5.5vh,42px)}.dec-preview{height:min(52vh,640px)}.email-thumb{height:min(46vh,420px)}}@media (max-width:760px){.idle-deco{display:none}.dec-body{flex-direction:column;gap:20px}.dec-preview{height:min(42vh,420px)}.dec-controls,.ctl-group{align-items:center}.email-thumb{display:none}}.dec-preview.is-grid{height:min(46vh,460px)}.email-thumb.is-grid{height:min(30vh,330px)}@media (max-width:760px){.dec-preview.is-grid{width:min(86vw,340px);height:auto}}