*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#ff006e;--primary-light:#ff4d94;--bg-dark:#1a1a1a;--bg-darker:#0f0f0f;--bg-light:#fff;--text-dark:#333;--text-light:#666;--text-white:#fff;--border:#eee}html,body{background-color:var(--bg-darker);width:100%;height:100%;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;overflow:hidden}button{cursor:pointer;border:none;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s}button:hover:not(:disabled){transform:translateY(-2px)}button:disabled{opacity:.5;cursor:not-allowed}.navbar{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000001a;justify-content:space-between;align-items:center;padding:25px 50px;display:flex;position:absolute;top:0;left:0;right:0}.navbar-logo svg{filter:drop-shadow(0 4px 8px #ff006e4d)}.navbar-menu{gap:40px;list-style:none;display:flex}.navbar-menu a{color:#ffffffb3;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .3s}.main-page{background:url(/assets/main_background--8RfKI03.jpg) 50%/cover no-repeat;width:100vw;height:100vh;position:relative;overflow:hidden}.main-page:before{content:"";z-index:0;background:radial-gradient(circle,#0000001f 0%,#00000052 55%,#0000006b 100%);position:absolute;inset:0}.navbar{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1c1c1ee6;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;height:88px;padding:0 48px;display:flex;position:absolute;top:0;left:0;right:0}.navbar-logo{color:#fff;align-items:center;gap:5px;font-size:1.6rem;font-weight:400;display:flex}.navbar-menu{gap:56px;font-size:1.05rem;font-weight:600;list-style:none;display:flex}.navbar-menu a{color:#ffffffeb;text-decoration:none;transition:color .2s}.navbar-menu a:hover{color:#fff}.main-hero{z-index:1;text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 20px;display:flex;position:relative;transform:translateY(-6px)}.hero-brand{align-items:center;gap:12px;margin-bottom:40px;display:flex}.header-logo{width:36px;height:36px;margin-top:8px}.hero-logo{filter:drop-shadow(0 6px 16px #ff006e59);width:60px;height:60px}.hero-brand-text{margin-bottom:12px;font-size:2.9rem;font-weight:300}.hero-title{text-shadow:0 8px 30px #0000008c;margin-bottom:35px;font-size:3.4rem;font-weight:600}.hero-sub{opacity:.9;margin-bottom:50px;font-size:1.7rem;font-weight:500;line-height:1.6}.start-btn.start-btn--ghost{color:#fff;background:0 0;border:2px solid #ffffffe6;border-radius:999px;padding:15px 86px;font-size:1.1rem;font-weight:700;transition:all .25s}.start-btn.start-btn--ghost:hover{background:#ffffff12;transform:translateY(-2px)}@media (max-width:768px){.navbar{height:70px;padding:0 20px}.navbar-menu{gap:18px;font-size:.95rem}.hero-title{font-size:2rem}.hero-sub{font-size:1rem}.start-btn.start-btn--ghost{padding:14px 64px}}.frame-selection-page{background:var(--bg-darker);width:100vw;height:100vh;padding-top:88px}.frame-selection-layout{grid-template-columns:1fr 1fr;align-items:center;gap:36px;width:min(1400px,92vw);height:calc(100vh - 88px);margin:0 auto;display:grid}.frame-left{flex-direction:column;gap:32px;display:flex}.frame-type-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:28px;justify-content:center;align-items:center;height:320px;transition:transform .2s,background .2s,border-color .2s;display:flex;box-shadow:0 20px 60px #00000073}.frame-type-card:hover:not(:disabled){background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-6px)}.frame-type-inner{flex-direction:column;align-items:center;gap:22px;display:flex}.frame-type-icon-3,.frame-type-icon-4{filter:drop-shadow(0 8px 18px #0009);width:250px;height:auto;margin-top:30px}.frame-type-text-3{color:#fff;letter-spacing:1px;margin-bottom:40px;font-size:2.2rem;font-weight:800}.frame-type-text-4{color:#fff;letter-spacing:1px;margin-top:30px;font-size:2.2rem;font-weight:800}.frame-ai-card{cursor:pointer;background:linear-gradient(#8a3a42 0%,#5a1f6a 55%,#200a3a 100%);border:none;border-radius:32px;justify-content:center;align-items:center;height:672px;transition:transform .2s,filter .2s;display:flex;box-shadow:0 30px 90px #0000008c}.frame-ai-card:hover{filter:brightness(1.05);transform:translateY(-6px)}.frame-ai-inner{flex-direction:column;align-items:center;gap:36px;display:flex}.frame-ai-icon{filter:drop-shadow(0 10px 24px #00000073);width:160px;height:auto}.frame-ai-text{color:#fff;letter-spacing:.5px;font-size:2.1rem;font-weight:800}@media (max-width:1024px){.frame-selection-layout{grid-template-columns:1fr;gap:24px;height:auto;padding:24px 0}.frame-ai-card{height:420px}.frame-type-card{height:240px}}.ai-frame-generator-page{color:#fff;background:#1c1c1e;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.ai-navbar{background-color:#1c1c1ef2;border-bottom:1px solid #ffffff0f;flex-shrink:0;align-items:center;gap:20px;height:88px;padding:0 48px;display:flex}.ai-navbar-left{align-items:center;gap:16px;display:flex}.ai-back-btn{color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.ai-back-btn:hover{background:#ffffff26;transform:translateY(-2px)}.ai-navbar-title{letter-spacing:.3px;font-size:1.2rem;font-weight:700}.ai-generator-layout{flex:1;grid-template-columns:1fr 1fr;align-content:center;align-items:center;gap:80px;width:100%;max-width:1800px;margin:0 auto;padding:120px 200px;display:grid;overflow-y:auto}.ai-input-section{align-items:flex-start;display:flex}.ai-input-inner{width:100%;max-width:520px}.ai-input-inner h2{color:#ff2da1;letter-spacing:.3px;margin-bottom:16px;font-size:1.9rem;font-weight:700}.ai-description{color:#ffffffbf;margin-bottom:40px;font-size:1rem;line-height:1.7}.ai-form-group{margin-bottom:32px}.ai-form-group label{color:#fff;letter-spacing:.2px;margin-bottom:10px;font-size:1.05rem;font-weight:600;display:block}.ai-prompt-input{color:#fff;resize:none;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:12px;width:100%;height:300px;padding:14px 18px;font-family:inherit;font-size:1rem;line-height:1.6;transition:all .3s}.ai-prompt-input:focus{background:#ff2da11a;border-color:#ff2da1;outline:none;box-shadow:0 0 0 3px #ff2da11a}.ai-prompt-input::placeholder{color:#ffffff73}.ai-char-count{text-align:right;color:#ffffff8c;margin-top:8px;font-size:.85rem;display:block}.ai-frame-select{color:#fff;cursor:pointer;background:#ffffff0f;border:2px solid #ffffff1f;border-radius:12px;width:100%;padding:14px 18px;font-size:1rem;font-weight:600;transition:all .3s}.ai-frame-select:focus{background:#ff2da11a;border-color:#ff2da1;outline:none}.ai-frame-select option{color:#fff;background:#1c1c1e}.ai-generate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2da1 0%,#ff1493 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:56px;margin-bottom:14px;font-size:1.05rem;font-weight:700;transition:all .3s;display:flex;box-shadow:0 8px 24px #ff2da14d}.ai-generate-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #ff2da173}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.ai-btn-text{font-weight:700;display:inline}.ai-btn-loader{align-items:center;gap:6px;display:inline-flex}.ai-btn-loader .dot{background:#fff;border-radius:50%;width:6px;height:6px;animation:1.4s infinite bounceDots}.ai-btn-loader .dot:first-child{animation-delay:0s}.ai-btn-loader .dot:nth-child(2){animation-delay:.2s}.ai-btn-loader .dot:nth-child(3){animation-delay:.4s}.ai-frame-type-toggle{gap:20px;margin:16px 0 65px;display:flex}.ai-type-btn{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff40;border-radius:999px;flex:1;height:44px;font-weight:700}.ai-type-btn.active{color:#fff;background:#ff2da1;border-color:#ff2da1}@keyframes bounceDots{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-8px)}}.ai-note{text-align:center;color:#ffffff8c;margin-top:12px;font-size:.9rem;font-weight:500}.ai-preview-section{flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.ai-preview-inner{width:100%;max-width:520px}.ai-preview-box{aspect-ratio:1;background:#ffffff0a;border:2px dashed #ff2da159;border-radius:16px;justify-content:center;align-items:center;width:50%;height:600px;margin-bottom:24px;margin-left:100px;display:flex;overflow:hidden}.ai-preview-empty{color:#ffffff8c;text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.ai-preview-empty svg{filter:drop-shadow(0 2px 4px #ff006e33);opacity:.7}.ai-preview-empty p{font-size:1rem;font-weight:500}.ai-preview-image{object-fit:cover;object-position:center;width:100%;height:100%;animation:.6s ease-in fadeInImage}@keyframes fadeInImage{0%{opacity:0}to{opacity:1}}.ai-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff2da1 0%,#ff1493 100%);border:none;border-radius:12px;width:90%;height:56px;font-size:1.05rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #ff2da14d}.ai-confirm-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 12px 32px #ff2da173}.ai-confirm-btn:disabled{opacity:.5;cursor:not-allowed;background:#ff2da166;transform:none}@media (max-width:1440px){.ai-generator-layout{gap:20px;padding:140px 160px}}@media (max-width:1024px){.ai-navbar{padding:0 32px}.ai-generator-layout{grid-template-columns:1fr;gap:40px;padding:40px 32px}.ai-input-inner,.ai-preview-inner{max-width:100%}.ai-input-inner h2{font-size:1.6rem}.ai-description{font-size:.95rem}.ai-preview-section{align-items:flex-start}}@media (max-width:768px){.ai-navbar{height:70px;padding:0 20px}.ai-navbar-title{font-size:1rem}.ai-generator-layout{gap:24px;padding:20px}.ai-input-inner h2{margin-bottom:12px;font-size:1.4rem}.ai-description{margin-bottom:28px;font-size:.9rem}.ai-form-group{margin-bottom:24px}.ai-form-group label{margin-bottom:8px;font-size:.95rem}.ai-prompt-input{padding:12px 14px;font-size:.95rem}.ai-generate-btn{height:50px;font-size:.95rem}.ai-preview-box{aspect-ratio:1;margin-bottom:16px}.ai-confirm-btn{height:50px;font-size:.95rem}}.camera-guidance-v2{text-align:center;color:#222;background:#fff;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px 20px;display:flex}.cg-line{margin:12px 0;font-family:Noto Sans KR,sans-serif;line-height:1.4}.cg-line-1{font-size:2.7rem;font-weight:300}.cg-line-2,.cg-line-3{font-size:2.9rem;font-weight:300}.cg-line .bold{font-weight:500}.cg-start-btn{cursor:pointer;color:#222;letter-spacing:.5px;background:#fff;border-radius:40px;margin-top:80px;padding:14px 60px;font-size:2rem;font-weight:700;transition:all .2s}.cg-start-btn:hover{opacity:.9;transform:translateY(-15px)}.camera-capture-page{background:#fff;width:100vw;height:100vh}.camera-stage{grid-template-columns:1fr 3fr 1fr;align-items:stretch;height:100%;display:grid}.stage-side{background:#fff;align-items:flex-start;padding:40px 32px;display:flex}.stage-left .stage-count{color:#222;letter-spacing:2px;font-size:3.6rem;font-weight:500}.stage-right{text-align:right;flex-direction:column;justify-content:flex-start;align-items:flex-end;display:flex}.stage-right-label{color:#222;font-size:1.2rem;font-weight:500}.stage-right-count{color:#222;font-size:3rem;font-weight:500}.stage-center{background:#222;display:block;position:relative;overflow:hidden}#camera-video{object-fit:cover;z-index:1;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scaleX(-1)}.countdown{color:#fff;text-shadow:0 6px 18px #0009;opacity:0;z-index:5;font-size:6rem;font-weight:800;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-instruction{color:#fff;letter-spacing:.2px;z-index:4;white-space:nowrap;background:0 0;padding:0;font-size:1.6rem;font-weight:600;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}@media (max-width:1024px){.camera-stage{grid-template-columns:.9fr 3.2fr .9fr}.stage-left .stage-count{font-size:3.2rem}.stage-right-count{font-size:1.9rem;font-weight:500}.stage-instruction{font-size:1.05rem;bottom:40px}}@media (max-width:768px){.camera-stage{grid-template-columns:1fr}.stage-side{display:none}.stage-instruction{text-align:center;white-space:normal;width:90vw;line-height:1.4}}.photo-selection-page{background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;padding:36px 48px;display:flex;overflow:hidden}.photo-selection-layout{grid-template-columns:1fr 320px;align-items:center;gap:24px;width:min(1800px,86vw);height:100%;display:grid}.photo-grid{aspect-ratio:1;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:5px;width:min(880px,70vw);display:grid}.photo-cell{background:#eee;border:none;padding:0;position:relative;overflow:hidden}.photo-cell img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.empty-cell{background:#f3f3f3}.photo-item{cursor:pointer;background:0 0}.photo-item.selected:after{content:"";z-index:2;background:#00000073;position:absolute;inset:0}.photo-item .select-order{color:#fff;z-index:3;text-shadow:0 2px 6px #0009;pointer-events:none;font-size:2.4rem;font-weight:700;position:absolute;top:12px;left:12px}.counter-cell{background:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.counter-title{color:#111;font-size:1rem;font-weight:600}.counter-num{color:#111;font-size:4rem;font-weight:800;line-height:1}.counter-btn{color:#222;cursor:pointer;background:#fff;margin-top:8px;padding:10px 30px;font-size:1.4rem;font-weight:700;transition:all .2s}.counter-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}.preview-panel{justify-content:center;align-items:center;height:100%;display:flex}.preview-strip{aspect-ratio:9/16;background:#000;flex-direction:column;gap:16px;width:280px;height:95%;padding:22px 18px;display:flex}.preview-top{color:#fff;opacity:.9;justify-content:space-between;margin-bottom:4px;font-size:.75rem;display:flex}.preview-brand,.preview-date{font-size:1rem}.preview-slot{background:#fff;flex:1;overflow:hidden}.preview-slot img{object-fit:cover;width:100%;height:100%;display:block}.preview-footer{color:#fff;text-align:center;opacity:.9;margin-top:4px;font-size:1.2rem}@media (max-width:1024px){.photo-selection-layout{grid-template-columns:1fr 200px;gap:20px}.photo-grid{gap:8px;width:72vw}}@media (max-width:768px){.photo-selection-layout{grid-template-columns:1fr}.preview-panel{display:none}.photo-grid{gap:6px;width:92vw}}.result-loading-page{background:#1c1c1e;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.result-loading-inner{flex-direction:column;align-items:center;gap:40px;display:flex;transform:translateY(-6px)}.result-loading-brand{align-items:center;gap:14px;display:flex}.result-loading-logo{object-fit:contain;filter:drop-shadow(0 6px 16px #ff006e59);width:56px;height:56px}.result-loading-title{color:#fff;letter-spacing:.3px;font-size:2.3rem;font-weight:300}.result-loading-text{color:#fff;letter-spacing:.2px;text-align:center;font-size:2.7rem;font-weight:500}.photo-edit-page{color:#fff;background:#1c1c1e;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px 48px;display:flex;overflow:hidden}.photo-edit-layout{grid-template-columns:420px 3fr;align-items:center;gap:130px;width:min(1650px,90vw);height:100%;padding-left:40px;display:grid}.edit-preview-panel{justify-content:center;align-items:center;height:100%;display:flex}.edit-preview-strip{background:#000;flex-direction:column;gap:4px;width:320px;height:100%;max-height:92vh;padding:12px;display:flex;box-shadow:0 18px 60px #0000008c}.edit-preview-top{color:#fff;opacity:.9;justify-content:space-between;padding:6px 10px 10px;font-size:.9rem;display:flex}#preview-canvas{border-radius:2px;flex:1;width:100%;display:block;height:100%!important}.edit-preview-footer{color:#fff;text-align:center;opacity:.9;padding-top:10px;padding-bottom:14px;font-size:1rem}.edit-controls{width:min(760px,100%)}.edit-controls h3{color:#ff2da1;margin-bottom:40px;font-size:2rem;font-weight:800}.control-group{grid-template-columns:90px 1fr 46px;align-items:center;gap:22px;margin-bottom:30px;display:grid}.control-group label{font-size:1.05rem;font-weight:700}.control-group input[type=range]{accent-color:#ff2da1;width:100%}.control-group span{color:#ff2da1;text-align:right;font-size:1.05rem;font-weight:800}.button-group{grid-template-columns:1fr 1fr;gap:18px;margin-top:150px;display:grid}#reset-btn{color:#fff;background:0 0;border:2px solid #ffffff38;border-radius:999px;height:64px;font-size:1.05rem;font-weight:600}#download-btn{color:#fff;background:#ff2da1;border:none;border-radius:999px;height:64px;font-size:1.05rem;font-weight:700}@media (max-width:1024px){.photo-edit-layout{grid-template-columns:280px 1fr;gap:56px}.edit-preview-strip{width:280px}.edit-controls{width:min(760px,100%)}}@media (max-width:768px){.photo-edit-layout{grid-template-columns:1fr}.edit-preview-panel{display:none}}