:root{--pink-hot:#ff2fa3;--pink-deep:#d6146f;--pink-dark:#a80f58;--pink-light:#ff8fd8;--pink-pale:#ffd6ec;--pink-cream:#fff3f9;--lavender:#c77dff;--gold:gold;--text:#7a0f47;--text-soft:#b04a85;--font-title:"Pacifico", "Brush Script MT", cursive;--font-body:"Fredoka", "Segoe UI", system-ui, sans-serif}html{font-size:min(.96vw,1.67dvh,15px)}@media (orientation:portrait){html{font-size:min(2.52vw,1.36dvh)}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}body{font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:#ff9ad5}button,input{font:inherit}.stage{background-color:#ff9ad5;background-image:linear-gradient(#ffb6e6 0%,#ff8fd8 60%,#ff6fc8 100%);background-position:50%;background-size:cover;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.stage.has-bg{background-image:var(--bg-url), linear-gradient(180deg, #ffb6e6, #ff6fc8)}.stage:before{content:"";pointer-events:none;opacity:.35;background-image:radial-gradient(circle,#ffffffe6 1px,#0000 1.6px),radial-gradient(circle,#fff9 1px,#0000 1.6px);background-position:0 0,20px 30px;background-size:70px 70px,45px 45px;animation:2.6s ease-in-out infinite alternate twinkle;position:absolute;inset:0}.hearts-layer,.sparkle-layer{pointer-events:none;position:fixed;inset:0;overflow:hidden}.hearts-layer{z-index:1}.sparkle-layer{z-index:50}.heart{color:#fff;text-shadow:0 0 8px #ff2fa3b3;animation:linear infinite float-up;position:absolute;bottom:-12%}.sparkle{text-shadow:0 0 6px #fff;animation:.8s ease-out forwards sparkle;position:absolute;transform:translate(-50%,-50%)}.screen{z-index:2;aspect-ratio:16/9;background:linear-gradient(#fff8fc 0%,#ffe6f4 100%);border:.55rem solid #ff4db8;border-radius:2.6rem;grid-template-rows:auto 1fr auto;width:100rem;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 .45rem #fff,0 0 0 .9rem #ff8fd8,0 2rem 4rem #a80f5859,inset 0 0 0 .35rem #ffffffe6}.titlebar{color:#fff;background:linear-gradient(#ff7fd0 0%,#ff2fa3 55%,#e0148a 100%);border-bottom:.35rem solid #fff;grid-template-columns:1fr auto 1fr;align-items:center;padding:.7rem 2.2rem;display:grid;box-shadow:inset 0 .7rem #ffffff73}.title{font-family:var(--font-title);letter-spacing:.02em;text-shadow:0 .25rem #b50f66,0 0 1.2rem #fff9;margin:0;font-size:3.4rem;font-weight:400;line-height:1.3}.titlebar-deco{letter-spacing:.35em;color:#ffe1f3;text-shadow:0 0 .6rem #fff;font-size:1.7rem}.titlebar-deco.right{text-align:right}.jewels{justify-content:flex-end;gap:.7rem;display:flex}.jewel{border:.2rem solid #fff;border-radius:50%;width:1.9rem;height:1.9rem;display:block;box-shadow:0 .25rem #a80f588c,inset 0 .35rem #fff9}.jewel-a{background:linear-gradient(#ffd1ec,#ff2fa3)}.jewel-b{background:linear-gradient(#e9d3ff,#c77dff)}.jewel-c{background:linear-gradient(#fff3b0,gold)}.body{grid-template-columns:32fr 68fr;gap:2rem;min-height:0;padding:1.6rem 2.2rem 1.2rem;display:grid}.guide{grid-template-rows:auto 1fr;gap:1.6rem;min-height:0;display:grid}.bubble{border:.3rem solid var(--pink-hot);isolation:isolate;background:#fff;border-radius:1.8rem;min-height:10.5rem;padding:1.2rem 1.4rem 1.1rem;position:relative;box-shadow:0 .5rem #d6146f40,inset 0 0 0 .35rem #ffeaf6}.bubble-text{min-height:6rem;margin:0;font-size:1.5rem;font-weight:500;line-height:1.35}.bubble-tail{z-index:-1;border-right:.3rem solid var(--pink-hot);border-bottom:.3rem solid var(--pink-hot);background:#fff;width:2rem;height:2rem;position:absolute;bottom:-1.25rem;left:50%;transform:translate(-50%)rotate(45deg)}.doll{min-height:0;position:relative}.doll img{object-fit:contain;filter:drop-shadow(0 .7rem .9rem #a80f584d);transform-origin:bottom;max-width:100%;max-height:100%;margin:auto;animation:3.2s ease-in-out infinite bob;position:absolute;inset:0}.doll-working img{animation:1.1s ease-in-out infinite wiggle}.doll-cheer img{animation:.55s ease-in-out infinite alternate cheer}.doll-fallback{place-items:center;font-size:18rem;display:grid;position:absolute;inset:0}.doll-shadow{background:radial-gradient(#a80f5859,#0000 70%);border-radius:50%;height:1.6rem;position:absolute;bottom:.4rem;left:22%;right:22%}.panel{border:.3rem solid var(--pink-hot);background:#fff;border-radius:2rem;grid-template-rows:1fr auto auto;gap:1.3rem;min-height:0;padding:1.5rem;display:grid;box-shadow:0 .6rem #d6146f33,inset 0 0 0 .5rem #ffeaf6}.dropzone{border:.32rem dashed var(--pink-light);cursor:pointer;background:repeating-linear-gradient(45deg,#fff6fb 0 1.1rem,#ffecf7 1.1rem 2.2rem);border-radius:1.6rem;outline:none;grid-template-columns:auto 1fr;align-items:center;gap:1.6rem;min-height:0;padding:1rem 1.8rem;transition:transform .15s,border-color .15s,background .15s;display:grid}.dropzone:hover,.dropzone:focus-visible,.dropzone.is-over{border-color:var(--pink-hot);background:#ffe4f3;transform:scale(1.01)}.dropzone.has-file{border-style:solid;border-color:var(--pink-hot)}.dropzone>*{pointer-events:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.art{align-self:stretch;min-width:0;min-height:0;position:relative}.art img,.art .img-fallback{object-fit:contain;max-width:100%;max-height:100%;margin:auto;position:absolute;inset:0}.art .img-fallback{place-items:center;font-size:9rem;display:grid}.dropzone-art{width:22rem}.dropzone-art img{filter:drop-shadow(0 .5rem .6rem #a80f5840);animation:2.6s ease-in-out infinite bob}.dropzone-text,.dropzone-file{gap:.4rem;min-width:0;display:grid}.dropzone-text strong,.dropzone-file strong{text-overflow:ellipsis;white-space:nowrap;font-size:2.1rem;font-weight:600;line-height:1.15;overflow:hidden}.dropzone-text span,.dropzone-file span{color:var(--text-soft);font-size:1.25rem}.dropzone-file strong{color:var(--pink-deep)}.bitrates{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.chip{border:.25rem solid var(--pink-light);box-shadow:0 .4rem 0 var(--pink-light), inset 0 .25rem 0 #fff;color:var(--text-soft);cursor:pointer;text-align:center;background:linear-gradient(#fff 0%,#ffeaf6 100%);border-radius:1.2rem;gap:.15rem;padding:.8rem 1rem;transition:transform .1s,box-shadow .1s,background .15s;display:grid}.chip:hover:not(:disabled){box-shadow:0 .55rem 0 var(--pink-light), inset 0 .25rem 0 #fff;transform:translateY(-.15rem)}.chip:disabled{cursor:not-allowed;opacity:.6}.chip strong{color:var(--text);font-size:1.55rem;font-weight:600}.chip span{font-size:1.15rem}.chip.is-active{border-color:var(--pink-hot);box-shadow:inset 0 .3rem 0 #ffffffb3, 0 .25rem 0 var(--pink-deep);background:linear-gradient(#ffb3e2,#ff8fd8);transform:translateY(.15rem)}.chip.is-active strong,.chip.is-active span{color:#7a0f47}.btn{font-family:var(--font-body);color:#fff;text-shadow:0 .15rem #b50f66;cursor:pointer;box-shadow:0 .55rem 0 var(--pink-dark), 0 .9rem 1.3rem #a80f5847, inset 0 .45rem 0 #ffffff8c;background:linear-gradient(#ff7fd0 0%,#ff2fa3 52%,#e0148a 100%);border:.28rem solid #fff;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.95rem 2.4rem;font-size:1.55rem;font-weight:700;line-height:1;text-decoration:none;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.07)}.btn:active:not(:disabled){box-shadow:0 .1rem 0 var(--pink-dark), inset 0 .45rem 0 #ffffff8c;transform:translateY(.45rem)}.btn:disabled{cursor:not-allowed;text-shadow:none;color:#fff;background:linear-gradient(#ffc9e8 0%,#ff9ad8 100%);border-color:#fff;box-shadow:0 .35rem #e08ab8,inset 0 .45rem #ffffff80}.btn-big{padding:1.25rem 3.4rem;font-size:2.1rem}.btn-ghost{color:var(--pink-deep);text-shadow:none;border-color:var(--pink-light);box-shadow:0 .45rem 0 var(--pink-light);background:#fff}.btn-ghost:active:not(:disabled){box-shadow:0 .1rem 0 var(--pink-light)}.btn-tiny{box-shadow:0 .3rem 0 var(--pink-dark), inset 0 .3rem 0 #ffffff8c;margin-top:.7rem;padding:.5rem 1.2rem;font-size:1.05rem}.btn-round{width:3.4rem;height:3.4rem;padding:0;font-size:1.3rem}.btn-hub{color:var(--pink-deep);text-shadow:none;box-shadow:0 .35rem 0 var(--pink-dark), inset 0 .3rem 0 #fff;background:linear-gradient(#fff 0%,#ffeaf6 100%);border-color:#fff;justify-self:start;padding:.55rem 1.4rem;font-size:1.25rem}.btn-hub:active{box-shadow:0 .05rem 0 var(--pink-dark), inset 0 .3rem 0 #fff;transform:translateY(.3rem)}.actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.error-text{text-align:center;color:#c2185b;width:100%;margin:0;font-size:1.25rem;font-weight:500}.working{justify-items:center;gap:.9rem;display:grid}.progress{grid-template-columns:1fr auto;align-items:center;gap:1.2rem;width:100%;padding:0 1rem;display:grid}.progress-track{border:.25rem solid var(--pink-light);background:#ffe4f3;border-radius:999px;height:2.8rem;position:relative}.progress-fill{background:repeating-linear-gradient(135deg,#ff2fa3 0 1.2rem,#ff6fc8 1.2rem 2.4rem) 0 0/200% 100%;border-radius:999px;height:100%;transition:width .3s;animation:1s linear infinite stripes}.progress-heart{filter:drop-shadow(0 0 .4rem #fff);font-size:3rem;transition:left .3s;animation:.8s ease-in-out infinite pulse;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-label{text-align:right;min-width:4.2rem;color:var(--pink-deep);font-size:1.7rem;font-weight:700}.result{text-align:center;grid-template-rows:1fr auto auto auto auto;justify-items:center;gap:.9rem}.result-art{width:100%}.result-art img{filter:drop-shadow(0 .6rem .8rem #a80f584d);animation:7s linear infinite spin}.result-title{font-family:var(--font-title);color:var(--pink-hot);text-shadow:0 .2rem #ffd6ec;margin:0;font-size:2.8rem;font-weight:400}.result-meta{min-width:0;max-width:100%;color:var(--text-soft);justify-content:center;margin:0;font-size:1.25rem;display:flex}.result-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.result-info{white-space:nowrap;flex-shrink:0}.player{color:var(--text-soft);align-items:center;gap:.8rem;font-size:1.25rem;display:flex}.footer{color:#fff;text-shadow:0 .1rem #a80f5880;background:linear-gradient(#ff6fc8,#ff2fa3);border-top:.3rem solid #fff;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 2.2rem;font-size:1.2rem;display:flex}.footer-right{align-items:center;gap:1rem;display:inline-flex}.footer-love{font-family:var(--font-title);font-size:1.35rem}.mute{width:2.8rem;height:2.8rem;box-shadow:0 .3rem 0 var(--pink-dark), inset 0 .3rem 0 #ffffff8c;cursor:pointer;background:linear-gradient(#ff7fd0 0%,#ff2fa3 52%,#e0148a 100%);border:.2rem solid #fff;border-radius:50%;padding:0;font-size:1.3rem;line-height:1;transition:transform 80ms,box-shadow 80ms,filter .15s}.mute:hover{filter:brightness(1.07)}.mute:active{box-shadow:0 .05rem 0 var(--pink-dark), inset 0 .3rem 0 #ffffff8c;transform:translateY(.25rem)}.rotate-hint{display:none}@media (orientation:landscape) and (max-height:450px) and (pointer:coarse){.screen{display:none}.rotate-hint{z-index:3;place-items:center;padding:16px;display:grid;position:relative}.rotate-card{text-align:center;border:4px solid var(--pink-hot);box-shadow:0 0 0 5px #fff, 0 0 0 9px var(--pink-light), 0 12px 30px #a80f5859;background:#fff;border-radius:24px;padding:18px 28px}.rotate-card h2{font-family:var(--font-title);color:var(--pink-hot);margin:4px 0;font-size:26px;font-weight:400}.rotate-card p{color:var(--text-soft);margin:0;font-size:15px}.rotate-phone{font-size:40px;animation:1.6s ease-in-out infinite rotate-phone;display:inline-block}}@keyframes rotate-phone{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-.6rem)}}@keyframes wiggle{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes cheer{0%{transform:translateY(0)scale(1)}to{transform:translateY(-1.4rem)scale(1.03)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes stripes{to{background-position:-200% 0}}@keyframes pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.25)}}@keyframes twinkle{0%{opacity:.2}to{opacity:.5}}@keyframes float-up{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-125vh)rotate(25deg)}}@keyframes sparkle{0%{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.2) rotate(180deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (orientation:portrait){.screen{aspect-ratio:1/1.85;border-radius:2rem;width:38rem}.jewels{display:none}.titlebar{text-align:center;grid-template-columns:1fr;gap:.3rem;padding:.5rem 1rem}.titlebar-deco{display:none}.btn-hub{justify-self:center;padding:.4rem 1.2rem;font-size:1.1rem}.title{font-size:2.6rem}.body{grid-template-rows:auto 1fr;grid-template-columns:1fr;gap:1.2rem;padding:1.2rem 1.4rem 1rem}.guide{grid-template-rows:none;grid-template-columns:1fr 10rem;gap:.8rem;height:15rem}.bubble{min-height:0;padding:.9rem 1rem}.bubble-text{min-height:0;font-size:1.3rem}.bubble-tail{bottom:40%;left:auto;right:-1.25rem;transform:rotate(-45deg)}.btn-tiny{margin-top:.4rem}.dropzone{text-align:center;grid-template-rows:1fr auto;grid-template-columns:1fr;justify-items:center;padding:.8rem 1rem}.dropzone-art{width:100%}.dropzone-text strong,.dropzone-file strong{max-width:100%;font-size:1.7rem}.bitrates{grid-template-columns:1fr;gap:.6rem}.chip{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:.8rem;padding:.5rem 1rem}.footer{text-align:center;flex-direction:column;gap:.1rem;padding:.5rem 1rem}}.panel-drop{grid-template-rows:1fr auto}.hint-text{text-align:center;color:var(--text-soft);margin:0;font-size:1.15rem}.btn-small{box-shadow:0 .3rem 0 var(--pink-light);padding:.5rem 1.2rem;font-size:1.1rem}.editor-wrap{min-width:0;min-height:0;display:grid;position:relative}.editor{grid-template:"head head""preview side"minmax(0,1fr)"trim trim"/minmax(0,1fr) 23rem;gap:.9rem 1.2rem;padding:1.2rem 1.4rem}.editor-head{grid-area:head;justify-content:space-between;align-items:center;gap:1rem;min-width:0;display:flex}.editor-file{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.3rem;overflow:hidden}.editor-file strong{color:var(--pink-deep);font-weight:600}.editor-meta{color:var(--text-soft);font-size:1.1rem}.editor-preview{border:.25rem solid var(--pink-pale);background:repeating-linear-gradient(45deg,#fff6fb 0 1.1rem,#ffecf7 1.1rem 2.2rem);border-radius:1.2rem;grid-area:preview;min-height:0;position:relative;overflow:hidden}.preview-video{object-fit:contain;cursor:pointer;background:#2b0a1c;width:100%;height:100%;position:absolute;inset:0}.preview-audio,.preview-still{place-items:center;display:grid;position:absolute;inset:0}.preview-art{position:absolute;inset:.8rem}.preview-art img{filter:drop-shadow(0 .5rem .6rem #a80f5840);animation:2.6s ease-in-out infinite bob}.preview-still{background:#2b0a1c;grid-template-rows:1fr auto}.preview-still img{object-fit:contain;max-width:100%;min-height:0;max-height:100%}.preview-icon{font-size:6rem}.preview-note{text-align:center;color:#fff;background:#d6146fd9;width:100%;margin:0;padding:.5rem 1rem;font-size:1.05rem}.editor-side{flex-direction:column;grid-area:side;justify-content:space-between;gap:.7rem;min-height:0;display:flex}.editor .trim{grid-area:trim}.chips{grid-auto-columns:1fr;grid-auto-flow:column;gap:.6rem;display:grid}.chips .chip{padding:.5rem .4rem}.chips .chip strong{font-size:1.3rem}.chips .chip span{font-size:.95rem}.btn-trim{width:100%;margin-top:auto;padding:1.05rem 1rem}.btn-play{flex-shrink:0}.toggle{color:var(--text);cursor:pointer;align-items:center;gap:.7rem;font-size:1.2rem;font-weight:600;display:flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-knob{border:.2rem solid var(--pink-light);background:#ffd6ec;border-radius:999px;flex-shrink:0;width:3.6rem;height:2rem;transition:background .15s;position:relative}.toggle-knob:after{content:"";background:#fff;border-radius:50%;width:1.4rem;height:1.4rem;transition:transform .15s;position:absolute;top:.1rem;left:.15rem;box-shadow:0 .15rem .3rem #a80f5859}.toggle.is-on .toggle-knob{border-color:var(--pink-hot);background:linear-gradient(#ff7fd0,#ff2fa3)}.toggle.is-on .toggle-knob:after{transform:translate(1.55rem)}.toggle input:focus-visible+.toggle-knob{box-shadow:0 0 0 .25rem var(--lavender)}.toggle.is-disabled{opacity:.55;cursor:default}.toggle small{color:var(--text-soft);font-weight:500}.working-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5;background:#fff0f8b8;border-radius:2rem;place-items:center;display:grid;position:absolute;inset:0}.working-card{border:.3rem solid var(--pink-hot);background:#fff;border-radius:1.8rem;justify-items:center;gap:1rem;width:min(44rem,90%);padding:1.6rem 2rem;display:grid;box-shadow:0 .6rem #d6146f33}.working-title{font-family:var(--font-title);color:var(--pink-hot);margin:0;font-size:2.2rem}.error-toast{color:#fff;z-index:6;background:#c2185b;border-radius:999px;max-width:90%;margin:0;padding:.6rem 1.2rem;font-size:1.15rem;font-weight:600;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 .4rem #780a3c4d}.result-video{object-fit:contain;background:#2b0a1c;border-radius:1.2rem;width:100%;height:100%;min-height:0}.result-audio{width:min(36rem,100%);height:3.2rem}.result-note{color:var(--text-soft);margin:0;font-size:1.1rem}@media (orientation:portrait){.editor{grid-template:"head""preview"minmax(0,1fr)"trim""side"/1fr;gap:.7rem;padding:.9rem}.editor-side{grid-template-columns:1fr 1fr;gap:.5rem .8rem;display:grid}.editor-side .chips,.editor-side .btn-trim{grid-column:1/-1}.editor-side .chips{grid-auto-flow:column}.editor-side .chips .chip{text-align:center;grid-template-columns:1fr}.toggle{font-size:1.05rem}.editor-file{font-size:1.1rem}.editor-meta{display:none}.body.is-editing{grid-template-rows:minmax(0,1fr)}.body.is-editing .guide{display:none}}.body-studio{grid-template-columns:24fr 76fr;gap:1.4rem}.studio{grid-template-rows:auto minmax(0,1fr);gap:1rem;padding:1.1rem 1.2rem}.connbar{align-items:center;gap:.8rem;min-width:0;display:flex}.connbar-spacer{flex:1}.user-field{border:.22rem solid var(--pink-light);background:#fff;border-radius:999px;align-items:center;gap:.2rem;padding:.2rem .9rem;display:flex}.user-field:focus-within{border-color:var(--pink-hot)}.user-at{color:var(--pink-hot);font-size:1.4rem;font-weight:700}.user-field input{width:13rem;color:var(--text);-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;padding:.35rem 0;font-size:1.3rem;font-weight:600}.live-pill{color:var(--text);white-space:nowrap;background:#f4eef2;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem 1rem;font-size:1.15rem;font-weight:700;display:inline-flex}.live-pill.state-en-directo{color:#0b6b3a;background:#d8f7e6;animation:1.6s ease-in-out infinite pulse-soft}.live-pill.state-esperando,.live-pill.state-conectando{color:#8a5a00;background:#fff1c9}.live-pill.state-error{color:#9b1239;background:#ffd9e2}.btn-icon{width:3.2rem;padding:.5rem 0}.btn-danger{color:#c2185b}.studio-main{grid-template-columns:minmax(0,1fr) 30rem;gap:1.1rem;min-height:0;display:grid}.gifts{grid-template-rows:auto minmax(0,1fr);gap:.7rem;min-width:0;min-height:0;display:grid}.gifts-tools{align-items:center;gap:.7rem;min-width:0;display:flex}.search{min-width:0;font:inherit;color:var(--text);border:.22rem solid var(--pink-light);-webkit-user-select:text;user-select:text;background:#fff;border-radius:999px;outline:none;flex:1;padding:.55rem 1rem;font-size:1.2rem}.search:focus{border-color:var(--pink-hot)}.tabs{background:var(--pink-pale);border-radius:999px;padding:.2rem;display:inline-flex}.tab{color:var(--text-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .9rem;font-size:1.05rem;font-weight:700;display:inline-flex}.tab.is-active{color:#fff;box-shadow:0 .2rem 0 var(--pink-dark);background:linear-gradient(#ff7fd0,#ff2fa3)}.tab-count{text-align:center;min-width:1.5rem;color:var(--pink-deep);background:#fff;border-radius:999px;padding:0 .35rem;font-size:.9rem}.gift-grid{border:.22rem solid var(--pink-pale);scrollbar-color:var(--pink-light) transparent;scrollbar-width:thin;background:repeating-linear-gradient(45deg,#fff6fb 0 1.1rem,#ffecf7 1.1rem 2.2rem);border-radius:1.2rem;grid-template-columns:repeat(auto-fill,minmax(7.2rem,1fr));grid-auto-rows:max-content;gap:.6rem;min-height:0;padding:.6rem;display:grid;overflow-y:auto}.gift{font:inherit;color:var(--text);cursor:pointer;background:#fff;border:.2rem solid #ffe0f0;border-radius:1rem;grid-template-rows:4.4rem auto auto;justify-items:center;gap:.15rem;padding:.5rem .4rem .45rem;transition:transform .1s,border-color .1s;display:grid;position:relative;box-shadow:0 .25rem #ffd0e8}.gift:hover{border-color:var(--pink-light);transform:translateY(-.15rem)}.gift.is-selected{border-color:var(--pink-hot);box-shadow:0 .25rem 0 var(--pink-hot), 0 0 0 .2rem #fff, 0 0 0 .4rem var(--pink-light);background:#fff0f8}.gift.has-sound{background:linear-gradient(#fff,#ffeaf6)}.gift-img{width:4.4rem;height:4.4rem;position:relative}.gift-img img,.editor-gift-img img{object-fit:contain;width:100%;height:100%}.gift-fallback{place-items:center;width:100%;height:100%;font-size:3rem;display:grid}.gift-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1rem;font-weight:600;overflow:hidden}.gift-cost{color:var(--text-soft);font-size:.9rem}.gift-badge{font-size:1.1rem;position:absolute;top:.3rem;right:.35rem}.gifts-empty{text-align:center;color:var(--text-soft);grid-column:1/-1;margin:2rem 0;font-size:1.25rem}.editor-card{border:.22rem solid var(--pink-light);scrollbar-width:thin;background:#fff;border-radius:1.4rem;flex-direction:column;gap:.8rem;min-height:0;padding:1rem 1.1rem;display:flex;overflow-y:auto}.editor-card.is-empty{background:repeating-linear-gradient(45deg,#fff6fb 0 1.1rem,#ffecf7 1.1rem 2.2rem);border-style:dashed;place-items:center;display:grid}.editor-empty{color:var(--text-soft);text-align:center;margin:0;font-size:1.4rem;font-weight:600}.editor-gift{align-items:center;gap:.9rem;min-width:0;display:flex}.editor-gift-img{background:var(--pink-pale);border-radius:1.2rem;flex-shrink:0;width:5.4rem;height:5.4rem;padding:.3rem}.editor-gift-text{gap:.1rem;min-width:0;display:grid}.editor-gift-text strong{font-family:var(--font-title);color:var(--pink-hot);text-overflow:ellipsis;white-space:nowrap;font-size:1.9rem;font-weight:400;line-height:1.25;overflow:hidden}.editor-gift-text span{color:var(--text-soft);font-size:1.05rem}.editor-msg{color:var(--pink-deep);background:#fff0f8;border-radius:1rem;margin:0;padding:.5rem .9rem;font-size:1.1rem;font-weight:600}.actions-left{justify-content:flex-start}.maker{flex-direction:column;flex:1;gap:.55rem;min-height:0;display:flex}.maker .dropzone{text-align:center;flex:1;grid-template-rows:1fr auto;grid-template-columns:1fr;justify-items:center;min-height:14rem;padding:1rem}.maker .dropzone-art{width:100%;height:100%}.maker .dropzone-text strong{white-space:normal;font-size:1.5rem}.maker .dropzone-text span{font-size:1.05rem}.maker-file{color:var(--pink-deep);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.1rem;font-weight:600;overflow:hidden}.maker .trim-track{--trim-h:6rem}.maker .trim-footer{grid-template-columns:1fr 1fr;grid-template-areas:"center center""a b";gap:.5rem}.maker .trim-footer>.trim-field:first-child{grid-area:a}.maker .trim-footer>.trim-field:last-child{grid-area:b;justify-self:end}.maker .trim-center{grid-area:center}.maker .trim-input{width:6.4rem}.maker-rule{color:var(--text-soft);text-align:center;margin:0;font-size:1.05rem}.maker-opts{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.maker-opts .toggle{font-size:1.05rem}.maker-opts .toggle-knob{width:3.2rem;height:1.8rem}.maker-opts .toggle-knob:after{width:1.2rem;height:1.2rem}.maker-opts .toggle.is-on .toggle-knob:after{transform:translate(1.35rem)}.maker .btn-big{padding:1rem 2rem;font-size:1.7rem}.sound-settings{flex-direction:column;gap:.9rem;display:flex}.sound-row{justify-content:space-between;align-items:center;gap:.6rem;min-width:0;display:flex}.sound-file{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1.1rem;font-weight:600;overflow:hidden}.slider{gap:.3rem;font-size:1.15rem;display:grid}.slider strong{color:var(--pink-deep)}.slider small{color:var(--text-soft);font-size:.95rem}.slider input[type=range]{width:100%;accent-color:var(--pink-hot)}.stepper{justify-content:space-between;align-items:center;gap:.6rem;font-size:1.15rem;display:flex}.stepper strong{color:var(--pink-deep)}.stepper-btns{gap:.4rem;display:inline-flex}.test-box{border:.2rem dashed var(--pink-light);background:#fff6fb;border-radius:1rem;gap:.5rem;padding:.7rem .8rem;display:grid}.test-title{color:var(--text-soft);font-size:1.05rem;font-weight:700}.test-btns{flex-wrap:wrap;gap:.5rem;display:flex}.test-btns .btn-small{box-shadow:0 .3rem 0 var(--pink-dark), inset 0 .3rem 0 #ffffff8c}.pin-gate{text-align:center;grid-template-rows:none;align-content:center;justify-items:center;gap:1rem;font-size:1.3rem}.pin-input{text-align:center;letter-spacing:.3em;flex:none;width:16rem;font-size:2rem}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#7a0f4759;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{border:.35rem solid var(--pink-hot);width:min(52rem,100%);max-height:90%;box-shadow:0 0 0 .35rem #fff, 0 0 0 .7rem var(--pink-light), 0 1.5rem 3rem #a80f5859;background:#fff;border-radius:2rem;outline:none;grid-template-rows:auto minmax(0,1fr);font-size:1.15rem;display:grid;overflow:hidden}.modal-head{color:#fff;background:linear-gradient(#ff7fd0 0%,#ff2fa3 55%,#e0148a 100%);justify-content:space-between;align-items:center;padding:.7rem 1.4rem;display:flex}.modal-head h2{font-family:var(--font-title);text-shadow:0 .2rem #b50f66;margin:0;font-size:2.2rem;font-weight:400}.modal-body{-webkit-user-select:text;user-select:text;gap:1rem;padding:1.2rem 1.4rem 1.4rem;display:grid;overflow-y:auto}.info-box{border:.2rem solid var(--pink-pale);background:#fff6fb;border-radius:1rem;gap:.35rem;padding:.8rem 1rem;display:grid}.info-box p{margin:0}.info-detail{color:var(--text-soft);word-break:break-word;font-size:.95rem}.link-code{color:var(--pink-deep);border:.15rem solid var(--pink-light);word-break:break-all;background:#fff;border-radius:.6rem;padding:.5rem .7rem;font-size:1rem;display:block}.info-box a{color:var(--pink-deep);font-weight:600}@keyframes pulse-soft{0%,to{box-shadow:0 0 #1eb46459}50%{box-shadow:0 0 0 .4rem #1eb46400}}@media (orientation:portrait){.body-studio{grid-template-columns:1fr}.body-studio .guide{display:none}.body-studio{grid-template-rows:minmax(0,1fr)}.maker .dropzone{min-height:9rem}.studio{gap:.7rem;padding:.8rem}.connbar{flex-wrap:wrap;gap:.5rem}.connbar-spacer{display:none}.user-field{flex:100%}.user-field input{width:100%}.connbar .btn-small:not(.btn-icon){flex:1}.studio-main{grid-template-rows:minmax(0,.8fr) minmax(0,1.4fr);grid-template-columns:1fr}.gifts-tools{flex-direction:column;align-items:stretch}.tabs{justify-content:center}.gift-grid{grid-template-columns:repeat(auto-fill,minmax(7.4rem,1fr))}}.trim{-webkit-user-select:none;user-select:none;grid-template-rows:auto auto;gap:.6rem;min-width:0;display:grid}.trim.is-disabled{opacity:.65;pointer-events:none}.trim-toolbar{z-index:4;color:var(--text-soft);pointer-events:none;justify-content:space-between;align-items:center;gap:.6rem;font-size:.95rem;display:flex;position:absolute;top:.3rem;left:.5rem;right:.5rem}.trim-view{font-variant-numeric:tabular-nums;white-space:nowrap;background:#fffc;border-radius:999px;padding:.1rem .6rem}.trim-zoom{pointer-events:auto;gap:.3rem;display:inline-flex}.trim-zbtn{color:var(--pink-deep);border:.15rem solid var(--pink-light);cursor:pointer;background:#ffffffeb;border-radius:999px;padding:.1rem .65rem;font-size:.95rem;font-weight:600;line-height:1.5}.trim-zbtn:disabled{opacity:.4;cursor:default}.trim-zbtn:hover:not(:disabled){border-color:var(--pink-hot)}.trim-lane{position:absolute;inset:0 .9rem}.trim-track{--trim-h:8.5rem;height:var(--trim-h);border:.25rem solid var(--pink-light);touch-action:none;cursor:crosshair;background:repeating-linear-gradient(90deg,#fff7fc 0 2rem,#fff0f8 2rem 4rem);border-radius:1.2rem;position:relative;overflow:hidden}.trim.has-thumbs .trim-track{--trim-h:11rem}.trim-thumbs{pointer-events:none;height:55%;position:absolute;inset:0 0 auto}.trim-thumb{background-color:#ffd6ec;background-position:50%;background-size:cover;border-right:1px solid #ffffffb3;position:absolute;top:0;bottom:0}.trim-wave{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.trim.has-thumbs .trim-wave{height:45%;top:55%}.trim-loading{color:var(--text-soft);pointer-events:none;place-items:center;font-size:1.1rem;animation:1s ease-in-out infinite alternate trim-blink;display:grid;position:absolute;inset:0}.trim-dim{pointer-events:none;background:#fff0f89e;position:absolute;top:0;bottom:0}.trim-region{border-top:.3rem solid var(--pink-hot);border-bottom:.3rem solid var(--pink-hot);cursor:grab;background:#ff2fa30f;position:absolute;top:0;bottom:0}.trim-region:active{cursor:grabbing}.trim-handle{cursor:ew-resize;z-index:2;outline:none;width:1.7rem;margin-left:-.85rem;position:absolute;top:0;bottom:0}.trim-handle:before{content:"";background:var(--pink-hot);border-radius:.3rem;width:.45rem;margin-left:-.225rem;position:absolute;top:0;bottom:0;left:50%}.trim-handle:after{content:"";background:linear-gradient(90deg,#0000 38%,#ffffffd9 38% 46%,#0000 46% 54%,#ffffffd9 54% 62%,#0000 62%),linear-gradient(#ff7fd0,#e0148a);border:.2rem solid #fff;border-radius:.8rem;width:1.5rem;height:3.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 .2rem .4rem #a80f5859}.trim-handle:focus-visible:after{box-shadow:0 0 0 .25rem #fff, 0 0 0 .45rem var(--lavender)}.trim-playhead{background:var(--lavender);pointer-events:none;z-index:3;width:.2rem;margin-left:-.1rem;position:absolute;top:0;bottom:0;box-shadow:0 0 .4rem #c77dffe6}.trim-footer{grid-template-columns:auto 1fr auto;align-items:end;gap:1rem;display:grid}.trim-center{justify-content:center;align-items:center;gap:.8rem;min-width:0;display:flex}.trim-length{color:var(--pink-deep);background:var(--pink-pale);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:999px;padding:.35rem 1rem;font-size:1.25rem;font-weight:700}.trim-field{gap:.2rem;display:grid}.trim-field-label{color:var(--text-soft);padding-left:.4rem;font-size:1rem;font-weight:600}.trim-field-row{align-items:center;gap:.3rem;display:flex}.trim-input{text-align:center;width:7.4rem;color:var(--text);border:.2rem solid var(--pink-light);font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;background:#fff;border-radius:.8rem;outline:none;padding:.35rem .5rem;font-size:1.3rem;font-weight:600}.trim-input:focus{border-color:var(--pink-hot)}.trim-nudge{color:#fff;width:2.3rem;height:2.3rem;box-shadow:0 .2rem 0 var(--pink-dark);cursor:pointer;background:linear-gradient(#ff7fd0,#e0148a);border:.15rem solid #fff;border-radius:50%;padding:0;font-size:1.4rem;font-weight:700;line-height:1}.trim-nudge:active:not(:disabled){box-shadow:0 .05rem 0 var(--pink-dark);transform:translateY(.15rem)}@keyframes trim-blink{0%{opacity:.4}to{opacity:1}}@media (orientation:portrait){.trim-view{display:none}.trim-footer{grid-template-columns:1fr 1fr;grid-template-areas:"center center""a b"}.trim-footer>.trim-field:first-child{grid-area:a}.trim-footer>.trim-field:last-child{grid-area:b;justify-self:end}.trim-center{grid-area:center}.trim-input{width:6.6rem}}