.maker-page{color:#082755;background:radial-gradient(circle at 80% 0,#0a994621,#0000 34%),#f4f7fb;min-height:100vh}.maker-header{background:#fff;grid-template-columns:150px 1fr 150px;align-items:center;min-height:78px;padding:12px clamp(16px,4vw,54px);display:grid;box-shadow:0 5px 22px #042f6217}.maker-back{font-size:12px;font-weight:900;text-decoration:none}.maker-header>div{text-align:center}.maker-header strong{font-size:16px;font-weight:1000;display:block}.maker-header span{color:#07923d;letter-spacing:.14em;margin-top:4px;font-size:9px;font-weight:900;display:block}.maker-header>i{color:#057b37;background:#eaf5ee;border-radius:99px;justify-self:end;padding:8px 12px;font-size:9px;font-style:normal;font-weight:900}.maker-progress{justify-content:center;align-items:center;max-width:520px;margin:32px auto 0;padding:0 22px;display:flex}.maker-progress span{color:#8c9aad;background:#fff;border:2px solid #c9d5e3;border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.maker-progress span.active,.maker-progress span.done{color:#fff;background:#07923d;border-color:#07923d}.maker-progress b{background:#d9e2ec;width:130px;height:3px}.maker-progress b.done{background:#07923d}.maker-shell{background:#fff;border:1px solid #dbe4ee;border-radius:28px;width:min(100% - 30px,980px);margin:25px auto 55px;padding:clamp(25px,4vw,48px);box-shadow:0 25px 70px #032e5f1a}.maker-copy{text-align:center}.maker-copy>p{color:#07923d;letter-spacing:.18em;margin:0 0 8px;font-size:10px;font-weight:1000}.maker-copy h1{letter-spacing:-.055em;margin:0;font-size:clamp(36px,5vw,62px);font-weight:1000;line-height:1}.maker-copy>span{color:#65748a;margin-top:12px;font-size:15px;display:block}.maker-grid{grid-template-columns:1.05fr .95fr;gap:25px;margin-top:34px;display:grid}.upload-card{color:#083b78;cursor:pointer;background:#f7faff;border:2px dashed #a9b8ca;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:400px;padding:20px;transition:all .2s;display:flex;overflow:hidden}.upload-card:hover{background:#f2faf4;border-color:#07923d}.upload-card em{color:#07923d;background:#e1f2e6;border-radius:50%;place-items:center;width:78px;height:78px;font-size:44px;font-style:normal;line-height:1;display:grid}.upload-card strong{font-size:13px}.upload-card small{color:#76859a;font-size:10px}.upload-card.has-photo{border-style:solid;padding:0}.upload-card img{object-fit:cover;width:100%;height:100%;min-height:400px}.frame-picker{flex-direction:column;gap:11px;display:flex}.frame-picker h2{margin:0 0 5px;font-size:20px}.frame-picker button{color:#082755;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #d7e0ea;border-radius:16px;grid-template-columns:28px 1fr;align-items:center;gap:13px;min-height:86px;padding:14px;display:grid}.frame-picker button.selected{background:#f1f9f3;border-color:#07923d;box-shadow:0 8px 20px #07923d1a}.frame-picker button>i{border:2px solid #aebbc9;border-radius:50%;place-items:center;width:25px;height:25px;font-size:12px;font-style:normal;display:grid}.frame-picker button.selected>i{color:#fff;background:#07923d;border-color:#07923d}.frame-picker strong{font-size:14px;display:block}.frame-picker small{color:#748198;margin-top:5px;font-size:10px;display:block}.maker-actions{flex-direction:column;align-items:center;margin-top:28px;display:flex}.maker-actions>button,.result-area>a{color:#063873;letter-spacing:.05em;cursor:pointer;background:#ffd711;border:0;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-width:min(100%,390px);min-height:58px;font-size:13px;font-weight:1000;text-decoration:none;display:flex;box-shadow:0 14px 30px #ffcb0047}.maker-actions>button:disabled{box-shadow:none;color:#8b97a5;cursor:not-allowed;background:#dbe2e8}.maker-actions>button b{font-size:28px;line-height:0}.maker-actions>small{color:#7a8798;margin-top:11px;font-size:10px}.result-area{flex-direction:column;align-items:center;margin-top:32px;display:flex}.result-area>img{border-radius:22px;width:min(100%,560px);box-shadow:0 24px 60px #0229553d}.result-area>a{margin-top:25px}.result-area>button{color:#063873;cursor:pointer;background:0 0;border:0;margin-top:15px;font-size:11px;font-weight:900;text-decoration:underline}.maker-footer{color:#fff;letter-spacing:.12em;background:#063873;justify-content:center;gap:16px;padding:25px;font-size:10px;display:flex}.maker-footer span{color:#ffd711}@media (width<=700px){.maker-header{grid-template-columns:58px 1fr 58px;min-height:68px;padding:9px 12px}.maker-back{font-size:0}.maker-back:first-letter{font-size:22px}.maker-header strong{font-size:11px}.maker-header span{font-size:7px}.maker-header>i{padding:7px;font-size:7px}.maker-progress{margin-top:23px}.maker-progress b{width:75px}.maker-shell{border-radius:20px;width:min(100% - 20px,980px);margin-top:18px;padding:28px 16px}.maker-copy h1{font-size:37px}.maker-copy>span{font-size:13px;line-height:1.5}.maker-grid{grid-template-columns:1fr;margin-top:25px}.upload-card,.upload-card img{min-height:330px}.frame-picker h2{font-size:17px}.maker-actions>button{width:100%;min-width:0;min-height:58px}.maker-footer{padding-bottom:calc(25px + env(safe-area-inset-bottom));flex-direction:column;align-items:center}}.maker-error{color:#a31d1d;text-align:center;background:#fff0f0;border-radius:12px;max-width:520px;margin:12px 0 0;padding:11px 15px;font-size:13px;font-weight:750;line-height:1.4}.result-area>img{aspect-ratio:9/16;object-fit:cover;width:min(100%,430px)}.result-area>.save-story{color:#063873;letter-spacing:.05em;cursor:pointer;background:#ffd711;border:0;border-radius:999px;justify-content:center;align-items:center;gap:16px;min-width:min(100%,390px);min-height:58px;margin-top:25px;font-size:13px;font-weight:1000;text-decoration:none;display:flex;box-shadow:0 14px 30px #ffcb0047}.result-area>.another-photo{color:#063873;cursor:pointer;background:0 0;border:0;margin-top:15px;font-size:11px;font-weight:900;text-decoration:underline}.save-hint{color:#65748a;text-align:center;margin-top:12px;font-size:12px;line-height:1.45}.save-hint strong{color:#063873}@media (width<=700px){.result-area>.save-story{width:100%;min-width:0;min-height:58px}}