@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Comic+Neue:wght@400;700&family=Fredoka:wght@500;600;700&family=Luckiest+Guy&family=Pacifico&family=Raleway:wght@400;600;700;800;900&display=swap');
.wbp-editor{--purple:#6A1B9A;--pink:#E91E63;--yellow:#FFC107;--text:#221B2F;--muted:#62566E;--border:rgba(82,36,112,.13);--shadow:0 24px 70px rgba(74,16,111,.13);font-family:Raleway,system-ui,sans-serif;color:var(--text);margin-bottom:70px}.wbp-editor *{box-sizing:border-box}.wbp-editor-shell{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:24px;align-items:start;border-radius:34px;padding:24px;background:#fff;border:1px solid rgba(233,30,99,.14);box-shadow:var(--shadow)}.wbp-popup-title{grid-column:1/-1;text-align:center;max-width:760px;margin:0 auto 18px}.wbp-popup-title span{display:inline-flex;padding:8px 13px;border-radius:999px;background:rgba(106,27,154,.08);color:var(--purple);font-weight:900;font-size:.86rem;margin-bottom:10px}.wbp-popup-title h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.05;letter-spacing:-.045em}.wbp-popup-title p{margin:8px auto 0;max-width:590px;color:var(--muted)}.wbp-stage-panel,.wbp-form-panel{background:linear-gradient(180deg,#fff,#fbf7ff);border:1px solid var(--border);border-radius:26px;padding:18px;box-shadow:0 12px 32px rgba(34,27,47,.08)}.wbp-stage-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.wbp-preview-toggle{border:1px solid rgba(233,30,99,.35);background:#fff;color:var(--pink);border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer}.wbp-preview-layout{display:grid;grid-template-columns:72px 72px minmax(0,1fr);gap:14px;align-items:stretch}.wbp-template-strip,.wbp-audio-strip{display:flex;flex-direction:column;gap:9px;max-height:435px;overflow:auto;padding:4px 4px 8px;border-radius:18px}.wbp-template-strip{background:rgba(248,242,255,.8);border:1px solid rgba(106,27,154,.09)}.wbp-audio-strip{background:rgba(255,243,248,.86);border:1px solid rgba(233,30,99,.12)}.wbp-template-card,.wbp-music-card{border:2px solid transparent;background:#fff;border-radius:16px;padding:5px;cursor:pointer;box-shadow:0 8px 20px rgba(34,27,47,.07);display:block;text-align:center}.wbp-template-card.is-active,.wbp-music-card.is-active{border-color:var(--pink)}.wbp-template-thumb,.wbp-music-icon{width:100%;aspect-ratio:1/1;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,var(--purple),var(--pink));display:grid;place-items:center;color:#fff;font-weight:950}.wbp-template-thumb video,.wbp-template-thumb img{width:100%;height:100%;object-fit:cover;display:block}.wbp-template-card span,.wbp-music-card b{display:block;margin-top:5px;font-size:.68rem;line-height:1.05;font-weight:900;text-align:center}.wbp-video-container{position:relative;width:100%;aspect-ratio:var(--preview-aspect,16/9);border-radius:22px;overflow:hidden;background:#111;box-shadow:0 18px 44px rgba(0,0,0,.18);user-select:none;touch-action:none}.wbp-video-container video,.wbp-preview-image{width:100%;height:100%;object-fit:cover;display:block}.wbp-overlay{position:absolute;inset:0;z-index:2}.wbp-draggable{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(var(--scale,1));transform-origin:center;cursor:grab;user-select:none;touch-action:none;max-width:92%;padding:3px}.wbp-draggable.selected{outline:1.5px dashed rgba(255,255,255,.88);outline-offset:5px}.wbp-draggable.selected:before{content:"";position:absolute;inset:-8px;border:1px solid rgba(233,30,99,.58);border-radius:12px;pointer-events:none}.wbp-move-pad{position:absolute;inset:-14px;z-index:-1}.wbp-element-content{display:inline-block;min-width:1ch;outline:none;border-radius:9px;pointer-events:auto;cursor:text}.wbp-element-content:focus{background:rgba(255,255,255,.10);box-shadow:0 0 0 3px rgba(255,255,255,.52)}.wbp-handle{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;border:2px solid var(--pink);box-shadow:0 5px 14px rgba(0,0,0,.22);display:none;z-index:20}.wbp-draggable.selected .wbp-handle{display:block}.wbp-resize-handle{right:-28px;bottom:-28px;cursor:nwse-resize}.wbp-resize-handle:before{content:"";position:absolute;right:5px;bottom:5px;width:8px;height:8px;border-right:2px solid var(--pink);border-bottom:2px solid var(--pink)}.wbp-rotate-handle{left:50%;top:-44px;transform:translateX(-50%);cursor:grab;border-color:var(--purple)}.wbp-rotate-handle:before{content:"";position:absolute;left:5px;top:5px;width:8px;height:8px;border:2px solid var(--purple);border-left-color:transparent;border-radius:50%;transform:rotate(-35deg)}.wbp-nombre{font-family:"Luckiest Guy",cursive;color:yellow;text-shadow:2px 2px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000,0 0 15px rgba(255,255,0,.9);font-size:clamp(28px,6vw,68px);line-height:1.05;left:50%;top:55%;text-align:center;width:max-content;max-width:95%;overflow-wrap:anywhere}.wbp-edad{font-weight:900;color:#ff4081;text-shadow:3px 3px 8px rgba(0,0,0,.35),1px 1px 0 #fff;font-size:clamp(40px,7.5vw,90px);line-height:1;left:50%;top:30%;text-align:center}.wbp-mensaje{left:50%;top:82%;width:68%;max-width:68%;min-width:160px;padding:10px 16px;border-radius:15px;background:rgba(255,255,255,.78);color:#111;font-size:clamp(14px,2.1vw,22px);font-weight:900;line-height:1.25;text-align:center;box-shadow:0 10px 24px rgba(0,0,0,.16)}.wbp-mensaje .wbp-element-content{display:block;width:100%;white-space:normal;overflow-wrap:anywhere}.wbp-form-panel h3{margin:0 0 8px}.wbp-form-grid{display:grid;gap:12px}.wbp-field{display:grid;gap:7px}.wbp-field-row{display:grid;grid-template-columns:1fr auto;align-items:center}.wbp-field label{font-weight:900;font-size:.86rem}.wbp-field input,.wbp-field textarea{width:100%;min-height:47px;border-radius:15px;border:1px solid rgba(34,27,47,.14);padding:10px 12px;outline:none;background:#fff}.wbp-field textarea{min-height:86px;resize:vertical}.wbp-switch{position:relative;display:inline-flex;width:54px;height:30px;cursor:pointer}.wbp-switch input{position:absolute;opacity:0}.wbp-switch span{width:54px;height:30px;border-radius:999px;background:#fff;border:2px solid #cfc2dc;position:relative}.wbp-switch span:before{content:"";position:absolute;width:22px;height:22px;border-radius:50%;left:2px;top:2px;background:#9b8aaa;transition:.18s}.wbp-switch input:checked+span{background:linear-gradient(135deg,var(--pink),var(--purple));border-color:#fff}.wbp-switch input:checked+span:before{transform:translateX(24px);background:#fff}.wbp-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.wbp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;border:1px solid transparent;padding:0 14px;font-weight:900;cursor:pointer}.wbp-btn-primary{color:#fff;background:linear-gradient(135deg,var(--pink),#f90062);box-shadow:0 15px 34px rgba(233,30,99,.25)}.wbp-btn-outline{color:var(--pink);background:#fff;border-color:rgba(233,30,99,.35)}.wbp-status{display:none;margin-top:10px;padding:10px 12px;border-radius:14px;background:rgba(106,27,154,.07);color:var(--purple);font-size:.84rem;font-weight:800}.wbp-status.is-visible,.wbp-metadata-box.is-visible{display:block}.wbp-metadata-box{display:none;margin-top:10px;padding:11px 12px;border-radius:14px;background:#151021;color:#f8f2ff;font-family:monospace;font-size:.76rem;white-space:pre-wrap;max-height:180px;overflow:auto}.wbp-render-canvas{position:fixed;left:-99999px;top:-99999px;opacity:0}.wbp-popup-close,.wbp-mobile-hint{display:none}@media(max-width:1024px){.wbp-mobile-hint{display:block;margin-top:12px;padding:10px 12px;border-radius:16px;background:rgba(106,27,154,.07);color:var(--purple);font-weight:900;text-align:center}body.wbp-popup-open{overflow:hidden;overscroll-behavior:none;touch-action:none}.wbp-editor-shell{grid-template-columns:1fr;padding:12px;border-radius:24px;cursor:pointer}.wbp-editor-shell.is-popup{position:fixed;inset:0;z-index:999999;width:100vw;height:100dvh;padding:0;border:0;border-radius:0;background:#fff;display:grid;grid-template-rows:auto 50dvh 50dvh;gap:0;overflow:hidden;cursor:default}.wbp-editor-shell.is-popup .wbp-popup-close{display:grid;place-items:center;position:absolute;top:8px;right:8px;z-index:1002;width:34px;height:34px;border-radius:50%;border:1px solid rgba(106,27,154,.12);background:#fff;font-size:1.35rem;font-weight:900;cursor:pointer}.wbp-editor-shell.is-popup .wbp-popup-title{height:auto;margin:0;padding:8px 44px 6px 10px;text-align:left;border-bottom:1px solid rgba(82,36,112,.08)}.wbp-editor-shell.is-popup .wbp-popup-title span{display:none}.wbp-editor-shell.is-popup .wbp-popup-title h2{font-size:1rem}.wbp-editor-shell.is-popup .wbp-popup-title p{font-size:.72rem;margin:3px 0 0}.wbp-editor-shell.is-popup .wbp-stage-panel{height:calc(50dvh - 24px);padding:6px 8px 7px 4px;border:0;border-radius:0;box-shadow:none;overflow:hidden}.wbp-editor-shell.is-popup .wbp-stage-label{display:none}.wbp-editor-shell.is-popup .wbp-preview-layout{height:100%;grid-template-columns:58px 58px minmax(0,1fr);gap:6px}.wbp-editor-shell.is-popup .wbp-template-strip,.wbp-editor-shell.is-popup .wbp-audio-strip{height:100%;max-height:none;overflow-y:auto;padding:4px;border-radius:16px}.wbp-editor-shell.is-popup .wbp-video-container{height:100%;width:auto;max-width:100%;margin:auto;border-radius:16px}.wbp-editor-shell.is-popup .wbp-form-panel{height:calc(50dvh - 24px);overflow:hidden;padding:10px 12px calc(24px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0;display:flex;flex-direction:column}.wbp-editor-shell.is-popup .wbp-form-grid{gap:7px;flex:1;display:grid;grid-template-rows:auto auto minmax(48px,1fr)}.wbp-editor-shell.is-popup .wbp-field input,.wbp-editor-shell.is-popup .wbp-field textarea{min-height:38px;padding:7px 10px}.wbp-editor-shell.is-popup .wbp-field textarea{resize:none;height:100%}.wbp-editor-shell.is-popup .wbp-actions{margin-bottom:calc(8px + env(safe-area-inset-bottom,0px))}.wbp-editor-shell.is-popup .wbp-btn{min-height:38px;font-size:.82rem}}@media(max-width:1024px) and (orientation:landscape){.wbp-editor-shell.is-popup{grid-template-rows:auto 1fr;grid-template-columns:50vw 50vw}.wbp-editor-shell.is-popup .wbp-popup-title{grid-column:1/-1}.wbp-editor-shell.is-popup .wbp-stage-panel,.wbp-editor-shell.is-popup .wbp-form-panel{width:50vw;height:calc(100dvh - 48px)}}


/* v1.4: music selector back in options panel */
.wbp-preview-layout{
  grid-template-columns:72px minmax(0,1fr)!important;
}
.wbp-music-gallery{
  display:block!important;
  margin-top:14px;
  padding:12px;
  border-radius:18px;
  background:rgba(255,243,248,.86);
  border:1px solid rgba(233,30,99,.12);
}
.wbp-music-gallery-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
}
.wbp-music-gallery-head label{
  font-weight:900;
  font-size:.86rem;
  color:var(--text);
}
.wbp-music-gallery-head span{
  color:var(--muted);
  font-size:.75rem;
  font-weight:800;
}
.wbp-music-options{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.wbp-music-options .wbp-music-card{
  border:2px solid transparent;
  background:#fff;
  border-radius:16px;
  padding:6px;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(34,27,47,.07);
  display:block;
  text-align:center;
  min-height:auto;
}
.wbp-music-options .wbp-music-card.is-active{
  border-color:var(--pink);
}
.wbp-music-options .wbp-music-card.is-playing{
  border-color:var(--purple);
  box-shadow:0 8px 22px rgba(106,27,154,.14);
}
.wbp-music-options .wbp-music-icon{
  width:100%;
  aspect-ratio:1/1;
  max-height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  color:#fff;
  font-weight:950;
  font-size:1rem;
  margin:0;
}
.wbp-music-options .wbp-music-card b{
  display:block;
  margin-top:5px;
  color:var(--text);
  font-size:.66rem;
  line-height:1;
  font-weight:900;
}
.wbp-music-options .wbp-music-card small{
  display:none;
}

@media(max-width:1024px){
  .wbp-editor-shell.is-popup .wbp-preview-layout{
    grid-template-columns:58px minmax(0,1fr)!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery{
    margin-top:8px;
    padding:9px;
    border-radius:14px;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery-head{
    margin-bottom:6px;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery-head span{
    display:none;
  }
  .wbp-editor-shell.is-popup .wbp-music-options{
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:6px;
  }
  .wbp-editor-shell.is-popup .wbp-music-options .wbp-music-card{
    border-radius:12px;
    padding:4px;
  }
  .wbp-editor-shell.is-popup .wbp-music-options .wbp-music-icon{
    max-height:30px;
    border-radius:9px;
    font-size:.8rem;
  }
  .wbp-editor-shell.is-popup .wbp-music-options .wbp-music-card b{
    font-size:.54rem;
  }
}
@media(max-width:1024px) and (orientation:landscape){
  .wbp-editor-shell.is-popup .wbp-preview-layout{
    grid-template-columns:64px minmax(0,1fr)!important;
  }
}


/* v1.8 responsive/progress/resize fixes */
.wbp-progress{
  display:none;
  margin-top:12px;
  padding:12px;
  border-radius:16px;
  background:rgba(106,27,154,.07);
  border:1px solid rgba(106,27,154,.10);
}
.wbp-progress.is-visible{display:block}
.wbp-progress-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  font-size:.82rem;
  font-weight:900;
  color:var(--purple);
  margin-bottom:8px;
}
.wbp-progress-track{
  height:10px;
  border-radius:999px;
  background:rgba(106,27,154,.12);
  overflow:hidden;
}
.wbp-progress-track span{
  display:block;
  width:0%;
  height:100%;
  border-radius:999px;
  background:linear-gradient(135deg,var(--pink),var(--purple));
  transition:width .35s ease;
}

/* Non-uniform scaling support */
.wbp-draggable{
  transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(var(--scale-x, var(--scale, 1)), var(--scale-y, var(--scale, 1))) !important;
}
.wbp-resize-x-handle{
  right:-30px;
  top:50%;
  transform:translateY(-50%);
  cursor:ew-resize;
  border-color:#2196F3;
}
.wbp-resize-x-handle::before{
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  top:50%;
  height:2px;
  background:#2196F3;
  transform:translateY(-50%);
}
.wbp-resize-x-handle::after{
  content:"";
  position:absolute;
  right:4px;
  top:6px;
  width:7px;
  height:7px;
  border-right:2px solid #2196F3;
  border-top:2px solid #2196F3;
  transform:rotate(45deg);
}
.wbp-resize-y-handle{
  left:50%;
  bottom:-31px;
  transform:translateX(-50%);
  cursor:ns-resize;
  border-color:#FF9800;
}
.wbp-resize-y-handle::before{
  content:"";
  position:absolute;
  top:5px;
  bottom:5px;
  left:50%;
  width:2px;
  background:#FF9800;
  transform:translateX(-50%);
}
.wbp-resize-y-handle::after{
  content:"";
  position:absolute;
  left:6px;
  bottom:4px;
  width:7px;
  height:7px;
  border-right:2px solid #FF9800;
  border-bottom:2px solid #FF9800;
  transform:rotate(45deg);
}

/* Name stability: make scaling predictable, avoid width jumping */
.wbp-nombre{
  width:max-content;
  max-width:92%;
  transform-origin:center center;
}
.wbp-nombre .wbp-element-content{
  white-space:nowrap;
  line-height:1;
}

/* Better mobile popup fit */
@media(max-width:1024px){
  .wbp-editor-shell.is-popup{
    width:100vw;
    max-width:100vw;
    height:100dvh;
    max-height:100dvh;
    padding:0;
    overflow:hidden;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title{
    padding:8px 48px 7px 12px;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel{
    padding:6px 8px 8px 4px;
    overflow:hidden;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    overflow:hidden;
    padding:10px 12px calc(70px + env(safe-area-inset-bottom,0px));
    display:flex;
    flex-direction:column;
  }
  .wbp-editor-shell.is-popup .wbp-form-grid{
    flex:1 1 auto;
    min-height:0;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery{
    flex:0 0 auto;
    margin-top:8px;
  }
  .wbp-editor-shell.is-popup .wbp-actions{
    flex:0 0 auto;
    margin-top:8px;
    margin-bottom:8px;
  }
  .wbp-editor-shell.is-popup .wbp-status{
    max-height:74px;
    overflow:auto;
    margin-bottom:12px;
  }
  .wbp-editor-shell.is-popup .wbp-progress{
    flex:0 0 auto;
    margin-top:8px;
    padding:8px;
  }
  .wbp-editor-shell.is-popup .wbp-progress-top{
    font-size:.72rem;
    margin-bottom:5px;
  }
  .wbp-editor-shell.is-popup .wbp-progress-track{
    height:8px;
  }
}
@media(max-width:540px){
  .wbp-editor-shell.is-popup{
    grid-template-rows:auto 44dvh 56dvh;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel{
    height:44dvh;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    height:56dvh;
  }
  .wbp-editor-shell.is-popup .wbp-preview-layout{
    grid-template-columns:56px minmax(0,1fr);
    gap:6px;
  }
  .wbp-editor-shell.is-popup .wbp-template-card{
    padding:3px;
  }
  .wbp-editor-shell.is-popup .wbp-template-card span{
    font-size:.52rem;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel h3{
    font-size:.98rem;
    margin-bottom:6px;
  }
  .wbp-editor-shell.is-popup .wbp-field input,
  .wbp-editor-shell.is-popup .wbp-field textarea{
    min-height:36px;
    padding:6px 9px;
    font-size:.86rem;
  }
  .wbp-editor-shell.is-popup .wbp-field textarea{
    min-height:42px;
  }
}
@media(max-width:1024px) and (orientation:landscape){
  .wbp-editor-shell.is-popup{
    grid-template-rows:auto 1fr;
    grid-template-columns:50vw 50vw;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel,
  .wbp-editor-shell.is-popup .wbp-form-panel{
    height:calc(100dvh - 48px);
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding-bottom:calc(46px + env(safe-area-inset-bottom,0px));
  }
}


/* v1.9: single box resize handle + no text deformation */
.wbp-resize-x-handle,
.wbp-resize-y-handle{
  display:none!important;
}
.wbp-draggable{
  transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(var(--scale,1)) !important;
}
.wbp-draggable{
  width:var(--box-w, auto);
  min-width:44px;
}
.wbp-nombre{
  width:var(--box-w, 72%);
  max-width:92%;
  text-align:center;
}
.wbp-edad{
  width:var(--box-w, auto);
  min-width:64px;
  text-align:center;
}
.wbp-mensaje{
  width:var(--box-w, 68%);
  max-width:88%;
  min-width:150px;
  white-space:normal;
}
.wbp-nombre .wbp-element-content,
.wbp-edad .wbp-element-content,
.wbp-mensaje .wbp-element-content{
  display:block;
  width:100%;
  max-width:100%;
  white-space:normal!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
  line-height:1.06;
}
.wbp-mensaje .wbp-element-content{
  line-height:1.22;
}
.wbp-resize-handle{
  right:-28px;
  bottom:-28px;
  cursor:nwse-resize;
}

/* Empty safe zone at the bottom of the fullscreen popup */
@media(max-width:1024px){
  .wbp-editor-shell.is-popup{
    padding-bottom:0!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    position:relative;
    padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    content:"";
    display:block;
    flex:0 0 calc(72px + env(safe-area-inset-bottom,0px));
    width:100%;
    pointer-events:none;
  }
  .wbp-editor-shell.is-popup .wbp-status{
    margin-bottom:10px!important;
  }
}
@media(max-width:540px){
  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    flex-basis:calc(82px + env(safe-area-inset-bottom,0px));
  }
}


/* v1.10 default layout + birthday text styling */
.wbp-debug-hidden{
  display:none!important;
}

/* Default positions are set in markup/JS. These styles match the requested visual look. */
.wbp-nombre,
.wbp-edad{
  font-family:"Luckiest Guy", cursive;
  color:#fff!important;
  -webkit-text-stroke:0;
  text-shadow:
    2px 2px 0 #000,
    -2px -2px 0 #000,
    2px -2px 0 #000,
    -2px 2px 0 #000,
    0 6px 14px rgba(0,0,0,.28);
  letter-spacing:.01em;
}
.wbp-nombre{
  font-size:clamp(30px,5.4vw,62px);
  line-height:.98;
}
.wbp-edad{
  font-size:clamp(42px,7.2vw,86px);
  line-height:.96;
}
.wbp-nombre .wbp-element-content,
.wbp-edad .wbp-element-content{
  font-family:"Luckiest Guy", cursive;
  color:#fff!important;
}

/* Dedication: softer translucent blended container, no hard border */
.wbp-mensaje{
  font-family:"Baloo 2", Raleway, Arial, sans-serif;
  background:transparent!important;
  box-shadow:none!important;
  padding:16px 22px;
  border:0!important;
  color:#17111f;
  font-size:clamp(18px,2.4vw,28px);
  line-height:1.16;
  font-weight:800;
  position:absolute;
}
.wbp-mensaje::after{
  content:"";
  position:absolute;
  inset:-10px -14px;
  z-index:-1;
  border-radius:28px;
  background:
    radial-gradient(ellipse at center,
      rgba(255,255,255,.32) 0%,
      rgba(255,255,255,.28) 48%,
      rgba(255,255,255,.16) 68%,
      rgba(255,255,255,0) 100%);
  filter:blur(.2px);
  pointer-events:none;
}
.wbp-mensaje .wbp-element-content{
  font-family:"Baloo 2", Raleway, Arial, sans-serif;
  color:#17111f;
  font-weight:800;
  line-height:1.16;
}

/* Keep controls above blended background */
.wbp-draggable.selected::before{
  z-index:5;
}
.wbp-handle{
  z-index:9;
}

/* Make the single corner handle feel like box-width control */
.wbp-resize-handle::before{
  content:"";
  position:absolute;
  left:5px;
  right:5px;
  top:50%;
  height:2px;
  background:var(--pink);
  transform:translateY(-50%);
}
.wbp-resize-handle::after{
  content:"";
  position:absolute;
  right:5px;
  top:6px;
  width:8px;
  height:8px;
  border-top:2px solid var(--pink);
  border-right:2px solid var(--pink);
  transform:rotate(45deg);
}

@media(max-width:540px){
  .wbp-nombre{
    font-size:clamp(24px,8vw,44px);
  }
  .wbp-edad{
    font-size:clamp(34px,10vw,58px);
  }
  .wbp-mensaje{
    font-size:clamp(15px,4.6vw,21px);
    padding:12px 16px;
  }
}


/* v1.11 dedication style + mobile popup spacing/responsive fix */
.wbp-mensaje::after{
  inset:-16px -22px!important;
  border-radius:34px!important;
  background:
    radial-gradient(ellipse at center,
      rgba(255,255,255,.50) 0%,
      rgba(255,255,255,.42) 38%,
      rgba(255,255,255,.22) 62%,
      rgba(255,255,255,.08) 78%,
      rgba(255,255,255,0) 100%)!important;
}
.wbp-mensaje .wbp-element-content{
  color:#17111f!important;
  text-shadow:
    1px 1px 0 rgba(255,255,255,.88),
    -1px -1px 0 rgba(255,255,255,.88),
    1px -1px 0 rgba(255,255,255,.88),
    -1px 1px 0 rgba(255,255,255,.88),
    0 2px 6px rgba(0,0,0,.12)!important;
}

/* Reduce empty bottom margin to about one third of previous version */
@media(max-width:1024px){
  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important;
    overflow:hidden!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    flex:0 0 calc(24px + env(safe-area-inset-bottom,0px))!important;
  }
}

/* More robust mobile layout to avoid overlapping */
@media(max-width:540px){
  .wbp-editor-shell.is-popup{
    grid-template-rows:auto 42dvh 58dvh!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel{
    height:42dvh!important;
    min-height:0!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    height:58dvh!important;
    min-height:0!important;
    padding:8px 10px calc(38px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title{
    padding:7px 46px 6px 10px!important;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title h2{
    font-size:.92rem!important;
    line-height:1.05!important;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title p{
    font-size:.68rem!important;
    line-height:1.1!important;
    margin-top:2px!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel h3{
    font-size:.9rem!important;
    margin:0 0 5px!important;
    flex:0 0 auto!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-grid{
    gap:5px!important;
    min-height:0!important;
    flex:1 1 auto!important;
    grid-template-rows:auto auto minmax(38px, .8fr)!important;
  }
  .wbp-editor-shell.is-popup .wbp-field{
    gap:2px!important;
    min-height:0!important;
  }
  .wbp-editor-shell.is-popup .wbp-field-row{
    min-height:22px!important;
  }
  .wbp-editor-shell.is-popup .wbp-field label{
    font-size:.7rem!important;
  }
  .wbp-editor-shell.is-popup .wbp-field input,
  .wbp-editor-shell.is-popup .wbp-field textarea{
    min-height:31px!important;
    padding:5px 8px!important;
    border-radius:10px!important;
    font-size:.8rem!important;
  }
  .wbp-editor-shell.is-popup .wbp-field textarea{
    min-height:38px!important;
    height:100%!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery{
    margin-top:6px!important;
    padding:7px!important;
    flex:0 0 auto!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery-head{
    margin-bottom:5px!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery-head label{
    font-size:.72rem!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery-head span{
    display:none!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-options{
    max-height:68px!important;
    overflow:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-card{
    min-height:32px!important;
    padding:5px!important;
    border-radius:10px!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-icon{
    width:22px!important;
    height:22px!important;
    border-radius:8px!important;
    font-size:.78rem!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-card b{
    font-size:.68rem!important;
  }
  .wbp-editor-shell.is-popup .wbp-actions{
    margin-top:6px!important;
    gap:6px!important;
    flex:0 0 auto!important;
  }
  .wbp-editor-shell.is-popup .wbp-btn{
    min-height:34px!important;
    font-size:.76rem!important;
    border-radius:10px!important;
    padding:0 7px!important;
  }
  .wbp-editor-shell.is-popup .wbp-progress{
    margin-top:6px!important;
    padding:7px!important;
    flex:0 0 auto!important;
  }
  .wbp-editor-shell.is-popup .wbp-status{
    max-height:58px!important;
    font-size:.72rem!important;
    padding:7px 8px!important;
    margin-top:6px!important;
    margin-bottom:2px!important;
    flex:0 0 auto!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    flex-basis:calc(26px + env(safe-area-inset-bottom,0px))!important;
  }
}

@media(max-width:1024px) and (orientation:landscape){
  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    flex-basis:calc(16px + env(safe-area-inset-bottom,0px))!important;
  }
}


/* v1.12 definitive preview controls + viewport fitting */

/* Keep selected element controls clean and consistent */
.wbp-draggable.selected::before,
.wbp-draggable.is-editing.selected::before{
  content:"";
  position:absolute;
  inset:-9px;
  border:1.5px solid rgba(233,30,99,.72);
  border-radius:14px;
  pointer-events:none;
  background:transparent;
  z-index:4;
}

.wbp-handle{
  width:28px!important;
  height:28px!important;
  border-radius:50%!important;
  background:#fff!important;
  border:2px solid #fff!important;
  box-shadow:0 6px 18px rgba(0,0,0,.28), 0 0 0 2px rgba(233,30,99,.86)!important;
  display:none;
  z-index:30!important;
  opacity:1!important;
  place-items:center;
}
.wbp-draggable.selected .wbp-handle,
.wbp-draggable.is-editing.selected .wbp-handle{
  display:grid!important;
}

/* Scale/box-size handle: bottom-right, clean diagonal arrows */
.wbp-resize-handle{
  right:-34px!important;
  bottom:-34px!important;
  top:auto!important;
  left:auto!important;
  transform:none!important;
  cursor:nwse-resize!important;
  border-color:#fff!important;
}
.wbp-resize-handle::before,
.wbp-resize-handle::after{
  content:""!important;
  position:absolute!important;
  background:none!important;
  border:0!important;
  display:block!important;
  pointer-events:none!important;
}
.wbp-resize-handle::before{
  width:13px!important;
  height:13px!important;
  right:6px!important;
  bottom:6px!important;
  border-right:3px solid var(--pink)!important;
  border-bottom:3px solid var(--pink)!important;
  border-radius:1px!important;
}
.wbp-resize-handle::after{
  width:8px!important;
  height:8px!important;
  left:6px!important;
  top:6px!important;
  border-left:3px solid var(--pink)!important;
  border-top:3px solid var(--pink)!important;
  border-radius:1px!important;
}

/* Rotate handle: top-center, clear circular arrow */
.wbp-rotate-handle{
  left:50%!important;
  top:-48px!important;
  right:auto!important;
  bottom:auto!important;
  transform:translateX(-50%)!important;
  cursor:grab!important;
  box-shadow:0 6px 18px rgba(0,0,0,.28), 0 0 0 2px rgba(106,27,154,.9)!important;
}
.wbp-rotate-handle::before,
.wbp-rotate-handle::after{
  content:""!important;
  position:absolute!important;
  pointer-events:none!important;
  display:block!important;
}
.wbp-rotate-handle::before{
  width:14px!important;
  height:14px!important;
  left:5px!important;
  top:5px!important;
  border:3px solid var(--purple)!important;
  border-left-color:transparent!important;
  border-radius:50%!important;
  transform:rotate(-35deg)!important;
  background:transparent!important;
}
.wbp-rotate-handle::after{
  width:0!important;
  height:0!important;
  left:17px!important;
  top:4px!important;
  border-left:5px solid var(--purple)!important;
  border-top:4px solid transparent!important;
  border-bottom:4px solid transparent!important;
  background:transparent!important;
  transform:rotate(18deg)!important;
}

/* Remove any previous extra scale handles completely */
.wbp-resize-x-handle,
.wbp-resize-y-handle{
  display:none!important;
}

/* Desktop: fit generator into viewport better, avoid page scroll cutting it */
@media(min-width:1025px){
  .wbp-editor{
    width:min(1180px, calc(100vw - 32px));
    margin-left:auto;
    margin-right:auto;
    margin-bottom:32px!important;
  }
  .wbp-editor-shell{
    max-height:calc(100vh - 36px);
    min-height:0;
    overflow:hidden;
    grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
    gap:16px;
    padding:16px;
    border-radius:26px;
  }
  .wbp-popup-title{
    margin-bottom:6px!important;
  }
  .wbp-popup-title span{
    padding:6px 11px!important;
    font-size:.78rem!important;
    margin-bottom:6px!important;
  }
  .wbp-popup-title h2{
    font-size:clamp(1.35rem,2.4vw,2.35rem)!important;
  }
  .wbp-popup-title p{
    font-size:.88rem!important;
    margin-top:5px!important;
  }
  .wbp-stage-panel,
  .wbp-form-panel{
    min-height:0;
    padding:12px;
    border-radius:20px;
  }
  .wbp-stage-panel{
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .wbp-stage-label{
    flex:0 0 auto;
    margin-bottom:8px!important;
  }
  .wbp-preview-layout{
    flex:1 1 auto;
    min-height:0;
    grid-template-columns:62px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center;
  }
  .wbp-template-strip{
    height:100%;
    max-height:calc(100vh - 190px)!important;
    min-height:0;
  }
  .wbp-video-container{
    max-height:calc(100vh - 190px);
    width:auto;
    max-width:100%;
    margin:auto;
  }
  .wbp-form-panel{
    display:flex;
    flex-direction:column;
    overflow:hidden;
  }
  .wbp-form-panel h3{
    flex:0 0 auto;
    margin:0 0 8px!important;
    font-size:1.15rem!important;
  }
  .wbp-form-grid{
    flex:1 1 auto;
    min-height:0;
    gap:8px!important;
    grid-template-rows:auto auto minmax(56px,1fr);
  }
  .wbp-field{
    min-height:0;
  }
  .wbp-field input,
  .wbp-field textarea{
    min-height:38px!important;
    padding:7px 10px!important;
  }
  .wbp-field textarea{
    min-height:58px!important;
    height:100%;
  }
  .wbp-music-gallery{
    flex:0 0 auto;
    margin-top:8px!important;
    padding:9px!important;
  }
  .wbp-music-options{
    max-height:112px!important;
    overflow:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .wbp-actions{
    flex:0 0 auto;
    margin-top:10px!important;
  }
  .wbp-btn{
    min-height:40px!important;
  }
  .wbp-progress,
  .wbp-status{
    flex:0 0 auto;
  }
  .wbp-status{
    max-height:78px;
    overflow:auto;
  }
}

/* Tablet/mobile fullscreen: tighter but with empty safe space */
@media(max-width:1024px){
  .wbp-editor{
    width:100%;
    max-width:100vw;
    margin-bottom:24px!important;
  }
  .wbp-editor-shell{
    max-width:100%;
    overflow:hidden;
  }
  .wbp-editor-shell.is-popup{
    width:100vw!important;
    height:100dvh!important;
    max-width:100vw!important;
    max-height:100dvh!important;
    grid-template-rows:auto minmax(0,43dvh) minmax(0,57dvh)!important;
    overflow:hidden!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel,
  .wbp-editor-shell.is-popup .wbp-form-panel{
    min-height:0!important;
    overflow:hidden!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel{
    height:auto!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    height:auto!important;
    padding-bottom:calc(42px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    content:"";
    display:block;
    flex:0 0 calc(22px + env(safe-area-inset-bottom,0px))!important;
    width:100%;
    pointer-events:none;
  }
  .wbp-editor-shell.is-popup .wbp-preview-layout{
    height:100%;
    min-height:0;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:6px!important;
    align-items:center;
  }
  .wbp-editor-shell.is-popup .wbp-template-strip{
    height:100%;
    max-height:none!important;
    min-height:0;
  }
  .wbp-editor-shell.is-popup .wbp-video-container{
    max-height:100%;
    height:auto;
    width:auto;
    max-width:100%;
    margin:auto;
  }
  .wbp-editor-shell.is-popup .wbp-form-grid{
    min-height:0!important;
    flex:1 1 auto!important;
  }
}

/* Phones: no overlap, compact controls */
@media(max-width:540px){
  .wbp-editor-shell.is-popup{
    grid-template-rows:auto minmax(0,41dvh) minmax(0,59dvh)!important;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title{
    padding:6px 44px 5px 9px!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel{
    padding:5px 7px 6px 3px!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding:7px 9px calc(38px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    flex-basis:calc(20px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-options{
    max-height:62px!important;
  }
  .wbp-editor-shell.is-popup .wbp-status{
    max-height:52px!important;
  }
}

@media(max-width:1024px) and (orientation:landscape){
  .wbp-editor-shell.is-popup{
    grid-template-columns:minmax(0,50vw) minmax(0,50vw)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel,
  .wbp-editor-shell.is-popup .wbp-form-panel{
    height:auto!important;
    min-height:0!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    flex-basis:calc(12px + env(safe-area-inset-bottom,0px))!important;
  }
}


/* v1.13 music carousel + advanced customization */
.wbp-music-gallery{
  overflow:hidden;
}
.wbp-music-options{
  display:flex!important;
  grid-template-columns:none!important;
  flex-wrap:nowrap!important;
  gap:8px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-height:none!important;
  padding:2px 2px 8px!important;
  scroll-snap-type:x proximity;
  -webkit-overflow-scrolling:touch;
}
.wbp-music-options::-webkit-scrollbar{
  height:7px;
}
.wbp-music-options::-webkit-scrollbar-thumb{
  background:rgba(233,30,99,.35);
  border-radius:999px;
}
.wbp-music-card{
  flex:0 0 112px!important;
  min-width:112px!important;
  min-height:54px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  text-align:left!important;
  scroll-snap-align:start;
}
.wbp-music-card .wbp-music-icon{
  width:32px!important;
  height:32px!important;
  min-width:32px!important;
  border-radius:10px!important;
  aspect-ratio:auto!important;
}
.wbp-music-card b{
  margin-top:0!important;
  font-size:.76rem!important;
  line-height:1.05!important;
  text-align:left!important;
}
.wbp-music-card small{
  display:block!important;
  font-size:.62rem!important;
  color:var(--muted);
  line-height:1.05;
}

/* advanced controls */
.wbp-advanced-toggle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  padding:10px 12px;
  border-radius:16px;
  background:rgba(106,27,154,.06);
  border:1px solid rgba(106,27,154,.10);
}
.wbp-advanced-toggle strong{
  display:block;
  font-size:.86rem;
  color:var(--text);
}
.wbp-advanced-toggle small{
  display:block;
  font-size:.72rem;
  color:var(--muted);
  margin-top:1px;
}
.wbp-advanced-panel{
  margin-top:8px;
  padding:11px;
  border-radius:16px;
  background:#fff;
  border:1px solid rgba(233,30,99,.14);
  box-shadow:0 8px 22px rgba(34,27,47,.06);
}
.wbp-advanced-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}
.wbp-advanced-grid label{
  display:grid;
  gap:4px;
  font-size:.75rem;
  font-weight:900;
  color:var(--text);
}
.wbp-advanced-grid input,
.wbp-advanced-grid select{
  width:100%;
  min-height:34px;
  border-radius:10px;
  border:1px solid rgba(34,27,47,.14);
  padding:4px 8px;
  background:#fff;
}
.wbp-advanced-grid input[type="color"]{
  padding:3px;
}
.wbp-advanced-actions{
  display:flex;
  gap:8px;
  margin-top:10px;
}
.wbp-mini-btn{
  appearance:none;
  border:1px solid rgba(233,30,99,.28);
  background:#fff;
  color:var(--pink);
  border-radius:10px;
  padding:7px 9px;
  font-size:.76rem;
  font-weight:900;
  cursor:pointer;
}

/* CSS variables for live preview */
.wbp-draggable{
  --custom-font:;
  --text-color:;
  --stroke-color:;
  --stroke-width:2px;
  --dedication-bg-opacity:.50;
}
.wbp-draggable .wbp-element-content{
  font-family:var(--custom-font, inherit)!important;
}
.wbp-nombre,
.wbp-edad{
  color:var(--text-color,#fff)!important;
  text-shadow:
    var(--stroke-width,2px) var(--stroke-width,2px) 0 var(--stroke-color,#000),
    calc(var(--stroke-width,2px) * -1) calc(var(--stroke-width,2px) * -1) 0 var(--stroke-color,#000),
    var(--stroke-width,2px) calc(var(--stroke-width,2px) * -1) 0 var(--stroke-color,#000),
    calc(var(--stroke-width,2px) * -1) var(--stroke-width,2px) 0 var(--stroke-color,#000),
    0 6px 14px rgba(0,0,0,.28)!important;
}
.wbp-nombre .wbp-element-content,
.wbp-edad .wbp-element-content{
  color:var(--text-color,#fff)!important;
}
.wbp-mensaje .wbp-element-content{
  color:var(--text-color,#17111f)!important;
  text-shadow:
    1px 1px 0 var(--stroke-color,rgba(255,255,255,.88)),
    -1px -1px 0 var(--stroke-color,rgba(255,255,255,.88)),
    1px -1px 0 var(--stroke-color,rgba(255,255,255,.88)),
    -1px 1px 0 var(--stroke-color,rgba(255,255,255,.88)),
    0 2px 6px rgba(0,0,0,.12)!important;
}
.wbp-mensaje::after{
  background:
    radial-gradient(ellipse at center,
      rgba(255,255,255,var(--dedication-bg-opacity,.50)) 0%,
      rgba(255,255,255,calc(var(--dedication-bg-opacity,.50) * .84)) 38%,
      rgba(255,255,255,calc(var(--dedication-bg-opacity,.50) * .44)) 62%,
      rgba(255,255,255,calc(var(--dedication-bg-opacity,.50) * .16)) 78%,
      rgba(255,255,255,0) 100%)!important;
}

@media(min-width:1025px){
  .wbp-music-card{
    flex-basis:118px!important;
    min-width:118px!important;
  }
  .wbp-advanced-panel{
    max-height:190px;
    overflow:auto;
  }
}

@media(max-width:540px){
  .wbp-music-options{
    max-height:none!important;
  }
  .wbp-music-card{
    flex-basis:104px!important;
    min-width:104px!important;
    min-height:42px!important;
    padding:5px!important;
  }
  .wbp-music-card .wbp-music-icon{
    width:26px!important;
    height:26px!important;
    min-width:26px!important;
  }
  .wbp-music-card b{
    font-size:.68rem!important;
  }
  .wbp-music-card small{
    display:none!important;
  }
  .wbp-advanced-toggle{
    padding:7px 9px;
    margin-top:6px;
  }
  .wbp-advanced-toggle strong{
    font-size:.74rem;
  }
  .wbp-advanced-toggle small{
    display:none;
  }
  .wbp-advanced-panel{
    padding:8px;
    max-height:118px;
    overflow:auto;
  }
  .wbp-advanced-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .wbp-advanced-grid label{
    font-size:.64rem;
  }
  .wbp-advanced-grid input,
  .wbp-advanced-grid select{
    min-height:29px;
    border-radius:8px;
    font-size:.75rem;
  }
  .wbp-mini-btn{
    padding:6px 7px;
    font-size:.68rem;
  }
}


/* v1.14 advanced options sync + clean panel */
.wbp-advanced-panel{
  display:block;
  background:linear-gradient(180deg,#fff,#fff9fd);
  border:1px solid rgba(106,27,154,.13);
  border-radius:16px;
  padding:12px;
  margin-top:8px;
  box-shadow:0 10px 24px rgba(34,27,47,.06);
}
.wbp-advanced-panel[hidden]{
  display:none!important;
}
.wbp-current-target{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  margin-bottom:9px;
  padding:7px 9px;
  border-radius:11px;
  background:rgba(106,27,154,.07);
  color:var(--purple);
  font-size:.76rem;
  font-weight:900;
}
.wbp-advanced-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.wbp-advanced-grid label{
  display:grid!important;
  gap:5px;
  min-width:0;
  color:var(--text);
  font-size:.72rem;
  font-weight:900;
}
.wbp-advanced-grid label span{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.wbp-advanced-grid label span b{
  color:var(--pink);
  font-size:.7rem;
}
.wbp-advanced-grid input,
.wbp-advanced-grid select{
  width:100%;
  min-width:0;
  min-height:34px;
  border-radius:10px;
  border:1px solid rgba(34,27,47,.14);
  background:#fff;
  color:var(--text);
  padding:4px 8px;
  font-size:.82rem;
}
.wbp-advanced-grid input[type="color"]{
  padding:3px;
}
.wbp-advanced-grid input[type="range"]{
  padding:0;
  min-height:28px;
  accent-color:var(--pink);
}
.wbp-advanced-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.wbp-mini-btn{
  border:1px solid rgba(233,30,99,.25);
  background:#fff;
  color:var(--pink);
  border-radius:10px;
  padding:7px 9px;
  font-size:.74rem;
  font-weight:900;
  cursor:pointer;
}

/* Advanced live style variables - one source of truth */
.wbp-draggable{
  --wbp-font: inherit;
  --wbp-text-color: initial;
  --wbp-stroke-color: initial;
  --wbp-stroke-width: initial;
  --wbp-dedication-bg-opacity: .50;
}
.wbp-draggable .wbp-element-content{
  font-family:var(--wbp-font, inherit)!important;
}
.wbp-nombre,
.wbp-edad{
  color:var(--wbp-text-color,#fff)!important;
  text-shadow:
    var(--wbp-stroke-width,2px) var(--wbp-stroke-width,2px) 0 var(--wbp-stroke-color,#000),
    calc(var(--wbp-stroke-width,2px) * -1) calc(var(--wbp-stroke-width,2px) * -1) 0 var(--wbp-stroke-color,#000),
    var(--wbp-stroke-width,2px) calc(var(--wbp-stroke-width,2px) * -1) 0 var(--wbp-stroke-color,#000),
    calc(var(--wbp-stroke-width,2px) * -1) var(--wbp-stroke-width,2px) 0 var(--wbp-stroke-color,#000),
    0 6px 14px rgba(0,0,0,.28)!important;
}
.wbp-nombre .wbp-element-content,
.wbp-edad .wbp-element-content{
  color:var(--wbp-text-color,#fff)!important;
}
.wbp-mensaje .wbp-element-content{
  color:var(--wbp-text-color,#17111f)!important;
  text-shadow:
    var(--wbp-stroke-width,1px) var(--wbp-stroke-width,1px) 0 var(--wbp-stroke-color,rgba(255,255,255,.88)),
    calc(var(--wbp-stroke-width,1px) * -1) calc(var(--wbp-stroke-width,1px) * -1) 0 var(--wbp-stroke-color,rgba(255,255,255,.88)),
    var(--wbp-stroke-width,1px) calc(var(--wbp-stroke-width,1px) * -1) 0 var(--wbp-stroke-color,rgba(255,255,255,.88)),
    calc(var(--wbp-stroke-width,1px) * -1) var(--wbp-stroke-width,1px) 0 var(--wbp-stroke-color,rgba(255,255,255,.88)),
    0 2px 6px rgba(0,0,0,.12)!important;
}
.wbp-mensaje::after{
  background:
    radial-gradient(ellipse at center,
      rgba(255,255,255,var(--wbp-dedication-bg-opacity,.50)) 0%,
      rgba(255,255,255,calc(var(--wbp-dedication-bg-opacity,.50) * .84)) 38%,
      rgba(255,255,255,calc(var(--wbp-dedication-bg-opacity,.50) * .44)) 62%,
      rgba(255,255,255,calc(var(--wbp-dedication-bg-opacity,.50) * .16)) 78%,
      rgba(255,255,255,0) 100%)!important;
}

@media(min-width:1025px){
  .wbp-advanced-panel{
    max-height:220px;
    overflow:auto;
  }
}
@media(max-width:540px){
  .wbp-advanced-panel{
    padding:8px;
    max-height:142px!important;
    overflow:auto;
  }
  .wbp-current-target{
    min-height:24px;
    font-size:.66rem;
    margin-bottom:6px;
    padding:5px 7px;
  }
  .wbp-advanced-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
  }
  .wbp-advanced-grid label{
    font-size:.62rem;
    gap:3px;
  }
  .wbp-advanced-grid input,
  .wbp-advanced-grid select{
    min-height:28px;
    font-size:.72rem;
    border-radius:8px;
  }
  .wbp-advanced-actions{
    gap:6px;
    margin-top:7px;
  }
  .wbp-mini-btn{
    padding:6px 7px;
    font-size:.66rem;
  }
}


/* v1.16 layout repair + default music loop behavior UI */
.wbp-preview-toggle{
  white-space:nowrap;
  min-width:132px;
}

/* Music selector: compact horizontal carousel, never vertical-overflowing the form */
.wbp-music-gallery{
  flex:0 0 auto!important;
  min-height:0!important;
}
.wbp-music-options{
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-height:none!important;
  gap:8px!important;
  padding:2px 2px 8px!important;
}
.wbp-music-card{
  flex:0 0 116px!important;
  min-width:116px!important;
  min-height:50px!important;
  max-height:56px!important;
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  padding:7px!important;
}
.wbp-music-card .wbp-music-icon{
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
}
.wbp-music-card small{
  display:none!important;
}

/* Desktop fit: stable two-panel layout inside viewport */
@media(min-width:1025px){
  .wbp-editor{
    width:min(1180px,calc(100vw - 28px))!important;
    margin:0 auto 28px!important;
  }
  .wbp-editor-shell{
    height:min(820px,calc(100vh - 28px))!important;
    max-height:calc(100vh - 28px)!important;
    display:grid!important;
    grid-template-columns:minmax(0,1.03fr) minmax(350px,.97fr)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
    gap:14px!important;
    padding:14px!important;
    overflow:hidden!important;
  }
  .wbp-popup-title{
    grid-column:1/-1!important;
    margin:0!important;
    max-width:none!important;
  }
  .wbp-popup-title span{
    display:none!important;
  }
  .wbp-popup-title h2{
    font-size:clamp(1.25rem,2vw,2rem)!important;
    line-height:1.02!important;
  }
  .wbp-popup-title p{
    font-size:.84rem!important;
    margin-top:4px!important;
  }
  .wbp-stage-panel,
  .wbp-form-panel{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    padding:12px!important;
    border-radius:20px!important;
  }
  .wbp-stage-panel{
    display:flex!important;
    flex-direction:column!important;
  }
  .wbp-stage-label{
    flex:0 0 auto!important;
    margin-bottom:8px!important;
  }
  .wbp-preview-layout{
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    grid-template-columns:60px minmax(0,1fr)!important;
    gap:10px!important;
    align-items:center!important;
  }
  .wbp-template-strip{
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
  }
  .wbp-video-container{
    max-height:100%!important;
    height:auto!important;
    width:auto!important;
    max-width:100%!important;
    margin:auto!important;
  }
  .wbp-form-panel{
    display:flex!important;
    flex-direction:column!important;
  }
  .wbp-form-panel h3{
    flex:0 0 auto!important;
    margin:0 0 7px!important;
    font-size:1.05rem!important;
  }
  .wbp-form-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    gap:7px!important;
    grid-template-rows:auto auto minmax(48px,.75fr)!important;
  }
  .wbp-field{
    min-height:0!important;
  }
  .wbp-field-row{
    min-height:22px!important;
  }
  .wbp-field input{
    min-height:34px!important;
    padding:6px 9px!important;
  }
  .wbp-field textarea{
    min-height:46px!important;
    height:100%!important;
    padding:6px 9px!important;
  }
  .wbp-music-gallery{
    margin-top:7px!important;
    padding:8px!important;
  }
  .wbp-advanced-toggle{
    margin-top:7px!important;
    padding:8px 10px!important;
  }
  .wbp-advanced-panel{
    flex:0 0 auto!important;
    max-height:150px!important;
    overflow:auto!important;
    padding:9px!important;
  }
  .wbp-advanced-grid{
    gap:7px!important;
  }
  .wbp-advanced-grid input,
  .wbp-advanced-grid select{
    min-height:30px!important;
  }
  .wbp-actions{
    margin-top:8px!important;
    flex:0 0 auto!important;
  }
  .wbp-btn{
    min-height:38px!important;
  }
  .wbp-progress{
    margin-top:7px!important;
    padding:8px!important;
    flex:0 0 auto!important;
  }
  .wbp-status{
    flex:0 0 auto!important;
    max-height:58px!important;
    overflow:auto!important;
    margin-top:7px!important;
  }
}

/* Tablet/phone popup: no overlap; preview + controls use the available screen */
@media(max-width:1024px){
  .wbp-editor-shell.is-popup{
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0,42dvh) minmax(0,58dvh)!important;
    width:100vw!important;
    height:100dvh!important;
    overflow:hidden!important;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title{
    min-height:0!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel,
  .wbp-editor-shell.is-popup .wbp-form-panel{
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel{
    display:flex!important;
    flex-direction:column!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-label{
    flex:0 0 auto!important;
    margin-bottom:5px!important;
  }
  .wbp-editor-shell.is-popup .wbp-preview-layout{
    flex:1 1 auto!important;
    min-height:0!important;
    height:100%!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:6px!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    display:flex!important;
    flex-direction:column!important;
    padding-bottom:calc(34px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    flex:0 0 calc(18px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-grid{
    flex:1 1 auto!important;
    min-height:0!important;
    gap:5px!important;
    grid-template-rows:auto auto minmax(36px,.8fr)!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-card{
    flex-basis:98px!important;
    min-width:98px!important;
    min-height:38px!important;
  }
  .wbp-editor-shell.is-popup .wbp-advanced-panel{
    flex:0 0 auto!important;
    max-height:118px!important;
    overflow:auto!important;
  }
  .wbp-editor-shell.is-popup .wbp-actions{
    flex:0 0 auto!important;
    margin-top:6px!important;
  }
}

@media(max-width:540px){
  .wbp-editor-shell.is-popup{
    grid-template-rows:auto minmax(0,40dvh) minmax(0,60dvh)!important;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title h2{
    font-size:.9rem!important;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title p{
    display:none!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel{
    padding:5px 6px!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding:7px 8px calc(32px + env(safe-area-inset-bottom,0px))!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel h3{
    font-size:.88rem!important;
    margin-bottom:4px!important;
  }
  .wbp-editor-shell.is-popup .wbp-field input,
  .wbp-editor-shell.is-popup .wbp-field textarea{
    min-height:30px!important;
    font-size:.78rem!important;
    padding:5px 7px!important;
  }
  .wbp-editor-shell.is-popup .wbp-field textarea{
    min-height:36px!important;
  }
  .wbp-editor-shell.is-popup .wbp-music-gallery{
    margin-top:5px!important;
    padding:6px!important;
  }
  .wbp-editor-shell.is-popup .wbp-advanced-toggle{
    margin-top:5px!important;
    padding:6px 8px!important;
  }
  .wbp-editor-shell.is-popup .wbp-advanced-panel{
    max-height:104px!important;
    padding:7px!important;
  }
  .wbp-editor-shell.is-popup .wbp-actions{
    gap:6px!important;
  }
  .wbp-editor-shell.is-popup .wbp-btn{
    min-height:32px!important;
    font-size:.72rem!important;
  }
  .wbp-editor-shell.is-popup .wbp-status{
    max-height:45px!important;
    font-size:.68rem!important;
  }
}

@media(max-width:1024px) and (orientation:landscape){
  .wbp-editor-shell.is-popup{
    grid-template-columns:minmax(0,50vw) minmax(0,50vw)!important;
    grid-template-rows:auto minmax(0,1fr)!important;
  }
  .wbp-editor-shell.is-popup .wbp-popup-title{
    grid-column:1/-1!important;
  }
  .wbp-editor-shell.is-popup .wbp-stage-panel,
  .wbp-editor-shell.is-popup .wbp-form-panel{
    min-height:0!important;
    height:auto!important;
  }
  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;
  }
}


/* v1.17 final responsive repair + preview volume note */
/* The preview audio is controlled in JS at 50%; render/export keeps full audio via VPS. */

.wbp-editor-shell,
.wbp-stage-panel,
.wbp-form-panel{
  box-sizing:border-box!important;
}

.wbp-form-panel{
  min-width:0!important;
}

.wbp-music-options{
  overscroll-behavior-x:contain;
}

@media(min-width:1025px){
  .wbp-editor{
    width:min(1160px, calc(100vw - 24px))!important;
    max-width:1160px!important;
    margin:0 auto 24px!important;
  }

  .wbp-editor-shell{
    height:auto!important;
    max-height:none!important;
    min-height:0!important;
    overflow:visible!important;
    display:grid!important;
    grid-template-columns:minmax(0, 1fr) minmax(340px, 430px)!important;
    grid-template-rows:auto auto!important;
    gap:14px!important;
    padding:14px!important;
  }

  .wbp-popup-title{
    grid-column:1 / -1!important;
  }

  .wbp-stage-panel,
  .wbp-form-panel{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .wbp-stage-panel{
    align-self:start!important;
  }

  .wbp-preview-layout{
    display:grid!important;
    grid-template-columns:60px minmax(0, 1fr)!important;
    height:auto!important;
    min-height:0!important;
  }

  .wbp-template-strip{
    max-height:min(620px, calc(100vh - 190px))!important;
    height:auto!important;
    align-self:stretch!important;
  }

  .wbp-video-container{
    width:100%!important;
    max-width:460px!important;
    max-height:calc(100vh - 180px)!important;
    margin:auto!important;
  }

  .wbp-form-panel{
    align-self:start!important;
    max-height:calc(100vh - 120px)!important;
    overflow-y:auto!important;
    scrollbar-width:thin;
    padding-right:10px!important;
  }

  .wbp-form-grid{
    grid-template-rows:auto auto auto!important;
    flex:0 0 auto!important;
  }

  .wbp-field textarea{
    height:70px!important;
    min-height:70px!important;
  }

  .wbp-advanced-panel{
    max-height:240px!important;
    overflow-y:auto!important;
  }
}

/* Tablet and phone: popup always fits, form scrolls internally instead of overlapping */
@media(max-width:1024px){
  body.wbp-popup-open{
    overflow:hidden!important;
  }

  .wbp-editor-shell.is-popup{
    position:fixed!important;
    inset:0!important;
    width:100dvw!important;
    height:100dvh!important;
    max-width:100dvw!important;
    max-height:100dvh!important;
    border-radius:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto minmax(0, 42dvh) minmax(0, 1fr)!important;
    gap:0!important;
    padding:0!important;
    overflow:hidden!important;
  }

  .wbp-editor-shell.is-popup .wbp-popup-title{
    grid-row:1!important;
    min-height:0!important;
    padding:7px 48px 7px 10px!important;
    border-radius:0!important;
  }

  .wbp-editor-shell.is-popup .wbp-popup-title h2{
    font-size:clamp(.92rem, 3.2vw, 1.1rem)!important;
    line-height:1.08!important;
  }

  .wbp-editor-shell.is-popup .wbp-popup-title p{
    font-size:clamp(.68rem, 2.5vw, .78rem)!important;
    line-height:1.12!important;
    margin-top:2px!important;
  }

  .wbp-editor-shell.is-popup .wbp-stage-panel{
    grid-row:2!important;
    height:auto!important;
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
    padding:6px 7px!important;
    border-radius:0!important;
  }

  .wbp-editor-shell.is-popup .wbp-stage-label{
    flex:0 0 auto!important;
    margin:0 0 5px!important;
    min-height:32px!important;
  }

  .wbp-editor-shell.is-popup .wbp-stage-label b{
    font-size:.82rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-preview-toggle{
    min-width:112px!important;
    min-height:30px!important;
    padding:5px 8px!important;
    font-size:.72rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-preview-layout{
    flex:1 1 auto!important;
    min-height:0!important;
    height:auto!important;
    display:grid!important;
    grid-template-columns:52px minmax(0, 1fr)!important;
    gap:6px!important;
    align-items:center!important;
    overflow:hidden!important;
  }

  .wbp-editor-shell.is-popup .wbp-template-strip{
    height:100%!important;
    max-height:none!important;
    min-height:0!important;
    overflow-y:auto!important;
    padding:3px!important;
  }

  .wbp-editor-shell.is-popup .wbp-template-card{
    padding:3px!important;
    border-radius:12px!important;
  }

  .wbp-editor-shell.is-popup .wbp-template-card span{
    font-size:.5rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-video-container{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
    margin:auto!important;
    border-radius:14px!important;
  }

  .wbp-editor-shell.is-popup .wbp-form-panel{
    grid-row:3!important;
    min-height:0!important;
    height:auto!important;
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    -webkit-overflow-scrolling:touch;
    padding:8px 10px calc(30px + env(safe-area-inset-bottom, 0px))!important;
    border-radius:16px 16px 0 0!important;
  }

  .wbp-editor-shell.is-popup .wbp-form-panel::after{
    content:""!important;
    display:block!important;
    height:calc(18px + env(safe-area-inset-bottom, 0px))!important;
    flex:none!important;
  }

  .wbp-editor-shell.is-popup .wbp-form-panel h3{
    font-size:.95rem!important;
    margin:0 0 6px!important;
  }

  .wbp-editor-shell.is-popup .wbp-form-grid{
    display:grid!important;
    grid-template-rows:auto auto auto!important;
    gap:6px!important;
    min-height:0!important;
  }

  .wbp-editor-shell.is-popup .wbp-field{
    gap:3px!important;
  }

  .wbp-editor-shell.is-popup .wbp-field-row{
    min-height:22px!important;
  }

  .wbp-editor-shell.is-popup .wbp-field label{
    font-size:.7rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-field input,
  .wbp-editor-shell.is-popup .wbp-field textarea{
    min-height:32px!important;
    padding:5px 8px!important;
    font-size:.82rem!important;
    border-radius:10px!important;
  }

  .wbp-editor-shell.is-popup .wbp-field textarea{
    height:44px!important;
    min-height:44px!important;
    resize:none!important;
  }

  .wbp-editor-shell.is-popup .wbp-music-gallery{
    margin-top:6px!important;
    padding:7px!important;
  }

  .wbp-editor-shell.is-popup .wbp-music-gallery-head{
    margin-bottom:5px!important;
  }

  .wbp-editor-shell.is-popup .wbp-music-gallery-head span{
    display:none!important;
  }

  .wbp-editor-shell.is-popup .wbp-music-options{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    max-height:none!important;
    gap:6px!important;
    padding-bottom:6px!important;
  }

  .wbp-editor-shell.is-popup .wbp-music-card{
    flex:0 0 96px!important;
    min-width:96px!important;
    min-height:36px!important;
    max-height:38px!important;
    padding:5px!important;
    gap:5px!important;
  }

  .wbp-editor-shell.is-popup .wbp-music-icon{
    width:22px!important;
    height:22px!important;
    min-width:22px!important;
    border-radius:7px!important;
    font-size:.76rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-music-card b{
    font-size:.66rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-music-card small{
    display:none!important;
  }

  .wbp-editor-shell.is-popup .wbp-advanced-toggle{
    margin-top:6px!important;
    padding:7px 9px!important;
    border-radius:12px!important;
  }

  .wbp-editor-shell.is-popup .wbp-advanced-toggle strong{
    font-size:.74rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-advanced-toggle small{
    display:none!important;
  }

  .wbp-editor-shell.is-popup .wbp-advanced-panel{
    margin-top:6px!important;
    max-height:none!important;
    overflow:visible!important;
    padding:8px!important;
  }

  .wbp-editor-shell.is-popup .wbp-advanced-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr))!important;
    gap:6px!important;
  }

  .wbp-editor-shell.is-popup .wbp-advanced-grid label{
    font-size:.64rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-advanced-grid input,
  .wbp-editor-shell.is-popup .wbp-advanced-grid select{
    min-height:28px!important;
    font-size:.72rem!important;
  }

  .wbp-editor-shell.is-popup .wbp-actions{
    margin-top:7px!important;
    gap:6px!important;
  }

  .wbp-editor-shell.is-popup .wbp-btn{
    min-height:34px!important;
    font-size:.74rem!important;
    border-radius:10px!important;
    padding:0 8px!important;
  }

  .wbp-editor-shell.is-popup .wbp-progress{
    margin-top:7px!important;
    padding:7px!important;
  }

  .wbp-editor-shell.is-popup .wbp-status{
    max-height:none!important;
    font-size:.72rem!important;
    padding:8px!important;
    margin-top:7px!important;
  }
}

@media(max-width:540px){
  .wbp-editor-shell.is-popup{
    grid-template-rows:auto minmax(0, 38dvh) minmax(0, 1fr)!important;
  }

  .wbp-editor-shell.is-popup .wbp-popup-title p{
    display:none!important;
  }

  .wbp-editor-shell.is-popup .wbp-stage-label{
    min-height:28px!important;
  }

  .wbp-editor-shell.is-popup .wbp-preview-layout{
    grid-template-columns:48px minmax(0, 1fr)!important;
  }

  .wbp-editor-shell.is-popup .wbp-form-panel{
    padding:7px 8px calc(28px + env(safe-area-inset-bottom, 0px))!important;
  }
}

@media(max-width:1024px) and (orientation:landscape){
  .wbp-editor-shell.is-popup{
    grid-template-columns:minmax(0, 50dvw) minmax(0, 50dvw)!important;
    grid-template-rows:auto minmax(0, 1fr)!important;
  }

  .wbp-editor-shell.is-popup .wbp-popup-title{
    grid-column:1 / -1!important;
  }

  .wbp-editor-shell.is-popup .wbp-stage-panel{
    grid-row:2!important;
    grid-column:1!important;
  }

  .wbp-editor-shell.is-popup .wbp-form-panel{
    grid-row:2!important;
    grid-column:2!important;
    border-radius:0!important;
  }
}


/* Cumpleaños.net Core integration polish */
:root{--cnc-core-coral:#f15b4a;--cnc-core-coral-soft:#fff0ed;--cnc-core-violet:#7c4dff;}
.wbp-app,.wbp-editor,.wbp-wrap{max-width:1180px;margin-inline:auto;}
.wbp-app button,.wbp-editor button{touch-action:manipulation;}
.wbp-stage,.wbp-canvas,.wbp-preview{max-width:100%;}
.wbp-handle,.wbp-resize-handle,.wbp-drag-handle,.resize-handle,.drag-handle{background:#fff!important;border:2px solid var(--cnc-core-coral)!important;box-shadow:0 4px 12px rgba(45,27,55,.18)!important;color:transparent!important;font-size:0!important;line-height:1!important;}
.wbp-handle::before,.wbp-resize-handle::before,.wbp-drag-handle::before,.resize-handle::before,.drag-handle::before{content:''!important;display:block;width:6px;height:6px;border-radius:50%;background:var(--cnc-core-coral);margin:auto;}
.wbp-selected,.is-selected{outline-color:var(--cnc-core-coral)!important;}
@media (max-width: 760px){.wbp-app,.wbp-editor,.wbp-layout,.wbp-main{display:block!important;width:100%!important}.wbp-sidebar,.wbp-controls,.wbp-panel{width:100%!important;max-width:100%!important}.wbp-stage-wrap,.wbp-preview-wrap{overflow:hidden!important}.wbp-toolbar{flex-wrap:wrap!important}.wbp-control-row{grid-template-columns:1fr!important}.wbp-button,.wbp-btn{min-height:44px}}