.make{--accent: #2E55D4;position:relative;overflow:clip;padding-block:clamp(16px,4vw,32px) 40px;background:radial-gradient(60% 50% at 15% 0%,#ffe3f1 0%,transparent 60%),radial-gradient(55% 45% at 90% 10%,#e3f0ff 0%,transparent 60%),radial-gradient(60% 50% at 50% 100%,#fff3d6 0%,transparent 60%),#fbf7ff}.make .make-blobs{position:absolute;inset:0;pointer-events:none;z-index:0}.make .blob{position:absolute;border-radius:50%;filter:blur(8px);opacity:.5}.make .b1{width:90px;height:90px;background:#ffd1e8;top:8%;left:6%;animation:mk-float 7s ease-in-out infinite}.make .b2{width:60px;height:60px;background:#cfe3ff;top:20%;right:8%;animation:mk-float 9s ease-in-out infinite}.make .b3{width:48px;height:48px;background:#d8f8e6;top:55%;left:4%;animation:mk-float 8s ease-in-out infinite 1s}.make .b4{width:70px;height:70px;background:#fff0c2;bottom:12%;right:6%;animation:mk-float 10s ease-in-out infinite}.make .b5{width:40px;height:40px;background:#e6dcff;top:40%;right:16%;animation:mk-float 6s ease-in-out infinite .5s}@keyframes mk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}@media(prefers-reduced-motion:reduce){.make .blob{animation:none}}.make .make-inner{position:relative;z-index:1}.make .make-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.make .mascot{font-size:50px;flex:none;animation:mk-bob 2.4s ease-in-out infinite;filter:drop-shadow(0 8px 12px rgba(108,92,231,.25))}@keyframes mk-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.make .mascot,.make .done-emoji{animation:none}}.make .bubble{position:relative;background:#fff;border:2.5px solid #fff;border-radius:18px;padding:12px 16px;box-shadow:0 10px 24px #6c5ce724;flex:1}.make .bubble:before{content:"";position:absolute;left:-10px;top:18px;border:8px solid transparent;border-right-color:#fff}.make .bubble p{font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.5}.make .stepper{display:flex;justify-content:space-between;gap:6px;margin-bottom:18px;position:relative}.make .stepper:before{content:"";position:absolute;top:18px;left:12%;right:12%;height:4px;background:#ece6fb;border-radius:4px;z-index:0}.make .st{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;position:relative;z-index:1}.make .st-bub{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;font-size:15px;font-weight:900;color:var(--muted);background:#fff;border:3px solid #ece6fb;transition:all var(--dur-s) var(--ease)}.make .st-lab{font-size:12px;font-weight:800;color:var(--muted)}.make .st.on .st-bub{color:#fff;background:var(--accent);border-color:var(--accent);transform:scale(1.18);box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 40%,transparent)}.make .st.on .st-lab{color:var(--accent-ink)}.make .st.done .st-bub{color:#fff;background:#c3b8f5;border-color:#c3b8f5;font-size:0}.make .st.done .st-bub:after{content:"✓";font-size:16px}.make .panel{display:none}.make .panel.active{display:block;animation:mk-panelIn var(--dur-m) var(--ease)}@keyframes mk-panelIn{0%{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}.make .make-card{background:#fff;border-radius:26px;padding:24px 22px;box-shadow:0 18px 44px #6c5ce729;border:2px solid #fff}.make .panel-title{font-size:20px;margin-bottom:6px}.make .panel-title small{font-size:12.5px;font-weight:700;color:var(--muted);margin-left:6px}.make .panel-desc{font-size:13.5px;color:var(--ink-2);margin:4px 0 16px}.make .panel-desc b{color:var(--ink)}.make .field-label{display:block;font-size:13.5px;font-weight:800;color:var(--ink-2);margin:14px 0 7px}.make .field-label:first-of-type{margin-top:0}.make input[type=text],.make input:not([type]),.make textarea,.make select{width:100%;font:inherit;font-size:15.5px;color:var(--ink);background:#f7f4ff;border:2.5px solid #ece6fb;border-radius:16px;padding:13px 15px;transition:border-color var(--dur-s),transform var(--dur-s),background var(--dur-s)}.make input:focus,.make textarea:focus,.make select:focus{outline:none;border-color:var(--accent);background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}.make textarea{resize:vertical}.make .emoji-pick{display:flex;flex-direction:column;gap:10px}.make #f-emoji{width:76px;text-align:center;font-size:30px;padding:8px;flex:none}.make .emoji-quick{display:flex;flex-wrap:wrap;gap:6px}.make .eq{font-size:22px;width:44px;height:44px;border-radius:14px;border:2px solid #ece6fb;background:#fff;transition:transform var(--dur-s) var(--ease),border-color var(--dur-s)}.make .eq:hover{transform:translateY(-3px) scale(1.08);border-color:var(--accent)}.make .eq:active{transform:scale(.9)}.make .swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.make .sw{width:38px;height:38px;border-radius:50%;border:3px solid #fff;background:var(--c);box-shadow:0 3px 8px #0000001f;transition:transform var(--dur-s) var(--ease)}.make .sw:hover{transform:scale(1.15)}.make .sw.on{box-shadow:0 0 0 3px var(--c);transform:scale(1.1)}.make #f-accent{width:46px;height:38px;padding:3px;border-radius:12px;border:2px solid #ece6fb;flex:none}.make .cover-hint{font-size:12px;font-weight:600;color:var(--muted)}.make .cover-pick{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.make .cover-choose{font-size:14px;font-weight:800;color:var(--accent-ink);background:var(--accent-soft);border:none;border-radius:var(--r-pill);padding:11px 18px}.make .cover-preview{position:relative;width:96px;aspect-ratio:4/5;flex:none}.make .cover-preview img{width:100%;height:100%;object-fit:cover;border-radius:16px;box-shadow:var(--shadow-sm)}.make .cover-remove{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:none;background:#fff;color:var(--ink-2);font-weight:900;box-shadow:var(--shadow-sm)}.make .imgcombo{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.make .imgcombo-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.make .imgcombo-fields .row{display:flex;gap:8px}.make .imgcombo .imgcombo-grow{flex:1;min-width:0;align-self:center}.make .imgtile{flex:none;width:72px;height:72px;border-radius:16px;overflow:hidden;position:relative;display:grid;place-items:center;padding:0;cursor:pointer;border:2.5px dashed color-mix(in srgb,var(--accent) 40%,#ddd);background:color-mix(in srgb,var(--accent) 7%,#fff);transition:transform var(--dur-s) var(--ease),border-color var(--dur-s)}.make .imgtile.add{flex-direction:column;gap:2px;color:var(--accent-ink);font-weight:800}.make .imgtile.add:hover{transform:translateY(-2px);border-color:var(--accent)}.make .imgtile-ic{font-size:22px;line-height:1}.make .imgtile-tx{font-size:10.5px;line-height:1.1;text-align:center}.make .imgtile.has{border-style:solid;border-color:color-mix(in srgb,var(--accent) 30%,#fff)}.make .imgtile.has img{width:100%;height:100%;object-fit:cover}.make .imgtile-x{position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;border:none;background:#fff;color:var(--ink-2);font-weight:900;font-size:12px;box-shadow:var(--shadow-sm);cursor:pointer}.make .imgtile-x:hover{background:#ffe1e6;color:#e54b6d}.img-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:210;background:#1c1636eb;color:#fff;font-size:14px;font-weight:700;padding:11px 20px;border-radius:var(--r-pill);box-shadow:var(--shadow-md);max-width:86vw}.img-toast[hidden]{display:none}.crop-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#1410288c;padding:20px}.crop-modal[hidden]{display:none}.crop-box{background:#fff;border-radius:var(--r-lg);padding:20px;width:min(360px,92vw);box-shadow:var(--shadow-md)}.crop-title{font-size:15px;font-weight:800;text-align:center;margin-bottom:14px}.crop-title span{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:3px}.crop-stage{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;border-radius:var(--r);background:#f1edfb;touch-action:none;cursor:grab}.crop-stage:active{cursor:grabbing}.crop-stage img{position:absolute;max-width:none;user-select:none;-webkit-user-drag:none}#crop-zoom{width:100%;margin:16px 0 4px}.crop-actions{display:flex;gap:10px;justify-content:center;margin-top:12px}.make .cover-text-btn{font-size:14px;font-weight:800;color:#fff;background:var(--grad-accent);border:none;border-radius:var(--r-pill);padding:11px 18px;box-shadow:var(--shadow-sm)}.make .cover-text-btn[hidden]{display:none}.ovl-modal{position:fixed;inset:0;z-index:220;display:grid;place-items:center;background:#1410288c;padding:16px}.ovl-modal[hidden]{display:none}.ovl-box{background:#fff;border-radius:var(--r-lg);padding:18px;width:min(380px,94vw);max-height:94vh;overflow-y:auto;box-shadow:var(--shadow-md)}.ovl-title{font-size:15px;font-weight:800;text-align:center;margin-bottom:12px}.ovl-title span{display:block;font-size:11.5px;font-weight:600;color:var(--muted);margin-top:3px}.ovl-stage{position:relative;width:min(260px,70vw);aspect-ratio:4/5;margin:0 auto 14px;border-radius:var(--r);overflow:hidden;background:#f1edfb;box-shadow:var(--shadow-sm)}.ovl-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ovl-guide{position:absolute;inset:0;pointer-events:none}.ovl-guide[hidden]{display:none}.ovl-guide:before,.ovl-guide:after{content:"";position:absolute;top:0;bottom:0;width:10%;background:repeating-linear-gradient(45deg,rgba(255,0,80,.18),rgba(255,0,80,.18) 4px,transparent 4px,transparent 8px);border-inline:1px dashed rgba(255,0,80,.6)}.ovl-guide:before{left:0}.ovl-guide:after{right:0}.ovl-band{position:absolute;left:0;right:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}.ovl-band[hidden]{display:none}.ovl-band.at-top{top:0}.ovl-band.at-bottom{bottom:0}.ovl-ttl{width:100%;word-break:keep-all}.ovl-sub{width:100%;word-break:keep-all;font-weight:600}.ovl-sub[hidden]{display:none}.ovl-controls{display:grid;gap:11px}.ovl-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ovl-modal.pos-none .band-only{display:none}.ovl-lab{flex:none;width:52px;font-size:13px;font-weight:800;color:var(--ink-2)}.ovl-row>input[type=text]{flex:1;min-width:0;font-size:14.5px;background:#f7f4ff;border:2px solid #ece6fb;border-radius:12px;padding:9px 12px}.ovl-row>select{flex:1;min-width:0;font-size:14px;background:#f7f4ff;border:2px solid #ece6fb;border-radius:12px;padding:9px 10px}.ovl-row input[type=color]{flex:none;width:40px;height:36px;padding:2px;border:2px solid #ece6fb;border-radius:10px}.ovl-row input[type=range]{flex:1;min-width:80px}.seg{display:inline-flex;flex:1;background:#f1ecfb;border-radius:12px;padding:3px;gap:2px}.seg button{flex:1;font-size:13px;font-weight:800;color:var(--ink-2);background:transparent;border:none;border-radius:9px;padding:8px 4px}.seg button.on{background:#fff;color:var(--accent-ink);box-shadow:var(--shadow-sm)}.ovl-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--ink-2)}.ovl-chk input{width:18px;height:18px;accent-color:var(--accent)}.ovl-guide-tog{margin-top:2px;font-size:12.5px}.ovl-actions{display:flex;gap:10px;justify-content:center;margin-top:16px}.make .item{background:#faf8ff;border:2px solid #f0ebfc;border-radius:18px;padding:14px;margin-bottom:12px}.make .item.pop{animation:mk-pop var(--dur-m) var(--ease)}@keyframes mk-pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.make .item>input,.make .item>textarea{margin-bottom:8px;background:#fff}.make .item-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.make .item-head strong{font-size:14.5px;flex:1}.make .item-badge{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:13px;font-weight:900;color:#fff;background:var(--accent)}.make .row{display:flex;gap:8px}.make .grow{flex:1;min-width:0}.make .emoji-in{width:60px!important;flex:none;text-align:center}.make .opts{display:grid;gap:8px;margin:8px 0}.make .opt-row{display:flex;align-items:center;gap:8px}.make .opt-row input,.make .opt-row select{background:#fff}.make .opt-row select{width:auto!important;flex:none;max-width:40%;padding:10px 8px}.make .opt-key{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:12px;font-weight:900;color:var(--accent-ink);background:var(--accent-soft)}.make .add-btn{width:100%;font-weight:800;font-size:14.5px;color:var(--accent-ink);background:color-mix(in srgb,var(--accent) 10%,#fff);border:2.5px dashed color-mix(in srgb,var(--accent) 45%,#fff);border-radius:16px;padding:13px;transition:transform var(--dur-s) var(--ease),background var(--dur-s)}.make .add-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--accent) 18%,#fff)}.make .add-btn:active{transform:scale(.97)}.make .add-btn--sm{font-size:13px;padding:9px}.make .del{flex:none;width:30px;height:30px;border-radius:10px;border:none;background:#f1ecfb;color:var(--muted);font-weight:900;font-size:13px;transition:all var(--dur-s)}.make .del:hover{background:#ffe1e6;color:#e54b6d;transform:rotate(90deg)}.make .del--sm{width:28px;height:28px}.make .make-done{text-align:center}.make .done-emoji{font-size:64px;animation:mk-bob 2s ease-in-out infinite}.make .done-title{font-size:22px}.make .ds-card{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin-top:14px;padding:20px 30px;border-radius:22px;background:color-mix(in srgb,var(--accent) 8%,#fff);border:2px solid color-mix(in srgb,var(--accent) 25%,#fff)}.make .ds-emoji{font-size:48px}.make .ds-cover{width:96px;height:96px;object-fit:cover;border-radius:18px;box-shadow:var(--shadow-sm)}.make .ds-card strong{font-size:18px}.make .ds-meta{font-size:13px;color:var(--ink-2);font-weight:700}.make .agree{display:flex;align-items:flex-start;gap:9px;margin-top:18px;text-align:left;font-size:13.5px;color:var(--ink-2);line-height:1.5;cursor:pointer}.make .agree input{width:20px;height:20px;flex:none;margin-top:1px;accent-color:var(--accent)}.make .agree b{color:var(--ink)}.make .agree a{color:var(--accent-ink);font-weight:700;text-decoration:underline}.make .cf-error{color:#e54b6d;font-weight:800;font-size:14px;text-align:center;margin:14px 0 0}.make .make-nav{display:flex;gap:10px;margin-top:18px}.make .jelly{flex:1;font-weight:900;font-size:16px;padding:15px 20px;border-radius:20px;border:none;transition:transform var(--dur-s) var(--ease),box-shadow var(--dur-s)}.make .jelly:active{transform:scale(.95)}.make .jelly--primary,.make .jelly--go{color:#fff;background:var(--grad-accent);box-shadow:0 10px 22px color-mix(in srgb,var(--accent) 36%,transparent)}.make .jelly--primary:hover,.make .jelly--go:hover{transform:translateY(-3px);box-shadow:0 14px 28px color-mix(in srgb,var(--accent) 44%,transparent)}.make .jelly--ghost{flex:0 0 auto;color:var(--ink-2);background:#fff;border:2px solid #ece6fb}.make .jelly--ghost:hover{border-color:var(--accent);color:var(--accent-ink)}.make .jelly--go{animation:mk-gojiggle 1.6s ease-in-out infinite}@keyframes mk-gojiggle{0%,92%,to{transform:scale(1)}96%{transform:scale(1.04)}}@media(prefers-reduced-motion:reduce){.make .jelly--go{animation:none}}.make .my-tests{margin-top:30px}.make .my-title{font-size:19px;margin-bottom:14px}.make .my-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:2px solid #f0ebfc;border-radius:18px;background:#fff;margin-bottom:10px}.make .my-emoji{font-size:30px;flex:none}.make .my-meta{flex:1;min-width:0;display:flex;flex-direction:column}.make .my-meta strong{font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.make .my-meta span{font-size:12.5px;color:var(--ink-2)}.make .my-actions{display:flex;align-items:center;gap:8px;flex:none}.make .my-play{font-weight:800;font-size:14px;color:#fff;background:var(--grad-accent);padding:9px 15px;border-radius:var(--r-pill)}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:60}.cf-piece{position:absolute;top:-24px;width:10px;height:14px;border-radius:3px;animation:cffall 1.8s cubic-bezier(.3,.7,.5,1) forwards}@keyframes cffall{to{transform:translate(var(--x),102vh) rotate(var(--r));opacity:0}}