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