.ww3ds-showcase{--ww3ds-card-shadow:0 14px 28px rgba(0,0,0,.18);--ww3ds-card-shadow-hover:0 18px 38px rgba(0,0,0,.25);--ww3ds-object-shadow:drop-shadow(0 16px 14px rgba(0,0,0,.24));--ww3ds-accent:#2271b1;--ww3ds-card-radius:18px;--ww3ds-font-family:inherit;padding-top:var(--ww3ds-top);padding-bottom:var(--ww3ds-bottom);max-width:1200px;margin-left:auto;margin-right:auto;box-sizing:border-box;font-family:var(--ww3ds-font-family)}.ww3ds-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:28px;align-items:center}.ww3ds-scene{min-height:calc(var(--ww3ds-image-h) + 170px);display:flex;align-items:center;justify-content:center;perspective:var(--ww3ds-perspective);overflow:hidden}.ww3ds-ring{position:relative;width:var(--ww3ds-image-w);height:var(--ww3ds-image-h);transform-style:preserve-3d;transform:rotateX(var(--ww3ds-tilt));animation:ww3ds-spin var(--ww3ds-speed) linear infinite;animation-direction:var(--ww3ds-direction)}.ww3ds-showcase.is-paused .ww3ds-ring,.ww3ds-showcase.is-hover-paused .ww3ds-ring{animation-play-state:paused}.ww3ds-item{position:absolute;inset:0;border:0;background:transparent;padding:0;cursor:pointer;transform:rotateY(var(--ww3ds-angle)) translateZ(var(--ww3ds-depth));transform-style:preserve-3d;appearance:none;pointer-events:none}.ww3ds-item:focus-visible .ww3ds-item__inner{outline:3px solid var(--ww3ds-accent);outline-offset:4px}.ww3ds-item__inner{display:block;position:relative;width:100%;height:100%;border-radius:var(--ww3ds-card-radius);overflow:hidden;box-shadow:var(--ww3ds-card-shadow);background:rgba(255,255,255,.08);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;pointer-events:auto}.ww3ds-item:hover .ww3ds-item__inner,.ww3ds-item.is-selected .ww3ds-item__inner{transform:translateY(-8px) scale(1.035);box-shadow:var(--ww3ds-card-shadow-hover);filter:saturate(1.08)}.ww3ds-item img{display:block;width:100%;height:100%;object-fit:var(--ww3ds-image-fit,contain)}.ww3ds-style-object .ww3ds-item__inner,.ww3ds-item-type-object .ww3ds-item__inner{background:transparent;box-shadow:none;overflow:visible}.ww3ds-style-object .ww3ds-item img,.ww3ds-item-type-object img{object-fit:contain;filter:var(--ww3ds-object-shadow)}.ww3ds-shadow-off{--ww3ds-card-shadow:none;--ww3ds-card-shadow-hover:none;--ww3ds-object-shadow:none}.ww3ds-shadow-soft{--ww3ds-card-shadow:0 14px 28px rgba(0,0,0,.18);--ww3ds-card-shadow-hover:0 18px 38px rgba(0,0,0,.25);--ww3ds-object-shadow:drop-shadow(0 14px 12px rgba(0,0,0,.22))}.ww3ds-shadow-medium{--ww3ds-card-shadow:0 22px 45px rgba(0,0,0,.28);--ww3ds-card-shadow-hover:0 26px 60px rgba(0,0,0,.38);--ww3ds-object-shadow:drop-shadow(0 24px 20px rgba(0,0,0,.35))}.ww3ds-shadow-strong{--ww3ds-card-shadow:0 32px 70px rgba(0,0,0,.38);--ww3ds-card-shadow-hover:0 38px 86px rgba(0,0,0,.48);--ww3ds-object-shadow:drop-shadow(0 32px 24px rgba(0,0,0,.45))}.ww3ds-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:999px;background:rgba(0,0,0,.68);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1;text-indent:4px}.ww3ds-badge{position:absolute;left:12px;bottom:12px;background:var(--ww3ds-accent);color:#fff;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;box-shadow:0 8px 18px rgba(0,0,0,.18)}.ww3ds-panel{background:linear-gradient(180deg,#fff 0%,#fbfbfc 100%);border:1px solid rgba(0,0,0,.08);border-radius:24px;box-shadow:0 28px 80px rgba(0,0,0,.18);padding:28px;position:relative;opacity:0;transform:translateX(26px) scale(.985);transition:opacity .24s ease,transform .24s ease,border-color .24s ease}.ww3ds-panel.is-open{opacity:1;transform:translateX(0) scale(1)}.ww3ds-panel[hidden]{display:none}.ww3ds-panel__close{position:absolute;right:14px;top:12px;border:0;background:#f0f0f1;border-radius:999px;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer;transition:background .18s ease,transform .18s ease}.ww3ds-panel__close:hover{background:#e4e6ea;transform:scale(1.05)}.ww3ds-panel__media{margin:-4px -4px 16px}.ww3ds-panel__media iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px}.ww3ds-panel__label{display:inline-block;color:var(--ww3ds-accent);font-weight:800;margin-bottom:8px;letter-spacing:.01em}.ww3ds-panel h3{margin:0 38px 12px 0;font-size:1.65rem;line-height:1.15;color:#1d2327}.ww3ds-panel__description{margin-bottom:20px;color:#3c434a;line-height:1.6}.ww3ds-panel__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ww3ds-accent);color:#fff;text-decoration:none;border-radius:999px;padding:11px 18px;font-weight:800;box-shadow:0 10px 24px color-mix(in srgb,var(--ww3ds-accent) 28%,transparent);transition:transform .18s ease,box-shadow .18s ease}.ww3ds-panel__button:hover{color:#fff;transform:translateY(-1px);box-shadow:0 14px 30px color-mix(in srgb,var(--ww3ds-accent) 36%,transparent)}.ww3ds-panel__button[hidden]{display:none}.ww3ds-panel__resume{display:inline-flex;margin-top:14px;border:1px solid color-mix(in srgb,var(--ww3ds-accent) 40%,#dcdcde);background:#fff;color:var(--ww3ds-accent);border-radius:999px;cursor:pointer;padding:8px 13px;font-weight:700}.ww3ds-panel__resume:hover{background:color-mix(in srgb,var(--ww3ds-accent) 8%,#fff)}@keyframes ww3ds-spin{from{transform:rotateX(var(--ww3ds-tilt)) rotateY(0deg)}to{transform:rotateX(var(--ww3ds-tilt)) rotateY(360deg)}}@media(max-width:800px){.ww3ds-layout{display:block}.ww3ds-panel{transform:translateY(22px) scale(.985)}.ww3ds-panel.is-open{transform:translateY(0) scale(1)}.ww3ds-showcase{--ww3ds-depth:min(var(--ww3ds-depth),160px);--ww3ds-image-w:min(var(--ww3ds-image-w),150px);--ww3ds-image-h:min(var(--ww3ds-image-h),210px);padding-left:12px;padding-right:12px}.ww3ds-scene{min-height:360px}.ww3ds-panel{margin-top:18px}}@media(prefers-reduced-motion:reduce){.ww3ds-ring{animation:none}}

/* v0.6 placement and clipping controls */
.ww3ds-showcase{max-width:var(--ww3ds-max-w,1200px);}
.ww3ds-align-left{margin-left:0;margin-right:auto;}
.ww3ds-align-center{margin-left:auto;margin-right:auto;}
.ww3ds-align-right{margin-left:auto;margin-right:0;}
.ww3ds-scene{height:var(--ww3ds-stage-h,560px);min-height:var(--ww3ds-stage-h,560px);overflow:visible;}
.ww3ds-overflow-contained .ww3ds-scene{overflow:hidden;}
.ww3ds-overflow-visible .ww3ds-scene{overflow:visible;}
.ww3ds-positioner{position:relative;width:var(--ww3ds-image-w);height:var(--ww3ds-image-h);transform:translate(var(--ww3ds-offset-x,0px),var(--ww3ds-offset-y,0px));transform-style:preserve-3d;}
.ww3ds-positioner .ww3ds-ring{position:absolute;inset:0;}
@media(max-width:800px){.ww3ds-showcase{max-width:100%;}.ww3ds-scene{height:min(var(--ww3ds-stage-h,420px),520px);min-height:min(var(--ww3ds-stage-h,420px),520px);}.ww3ds-positioner{--ww3ds-offset-x:0px;}}

/* v0.7 two-axis tilt, manual controls, and slick panel control flow */
.ww3ds-ring{transform:rotateX(var(--ww3ds-tilt)) rotateZ(var(--ww3ds-side-tilt,0deg));}
@keyframes ww3ds-spin{from{transform:rotateX(var(--ww3ds-tilt)) rotateZ(var(--ww3ds-side-tilt,0deg)) rotateY(0deg)}to{transform:rotateX(var(--ww3ds-tilt)) rotateZ(var(--ww3ds-side-tilt,0deg)) rotateY(360deg)}}
.ww3ds-showcase.is-manual .ww3ds-ring{animation:none;transform:rotateX(var(--ww3ds-tilt)) rotateZ(var(--ww3ds-side-tilt,0deg)) rotateY(var(--ww3ds-manual-rotation,0deg));transition:transform .46s ease;}
.ww3ds-controls-bar{grid-column:1 / 2;display:inline-flex;justify-content:center;align-items:center;gap:10px;margin:12px auto 0;z-index:5;position:relative;justify-self:center;align-self:start;}
.ww3ds-control-btn{width:38px;height:38px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ww3ds-accent) 34%,#dcdcde);background:rgba(255,255,255,.94);color:var(--ww3ds-accent);box-shadow:0 8px 22px rgba(0,0,0,.12);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:24px;line-height:1;font-weight:800;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;}
.ww3ds-control-btn--toggle{font-size:18px;}
.ww3ds-control-btn:hover,.ww3ds-control-btn:focus-visible{background:#fff;transform:translateY(-1px);box-shadow:0 12px 26px rgba(0,0,0,.16);outline:none;}
.ww3ds-control-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--ww3ds-accent) 28%,transparent),0 12px 26px rgba(0,0,0,.16);}
.ww3ds-panel__resume{display:none!important;}
@media(max-width:800px){.ww3ds-controls-bar{margin:8px auto 16px;}.ww3ds-control-btn{width:42px;height:42px;}}

/* v0.8 rotation modes and tighter front-end controls */
.ww3ds-scene{position:relative;}
.ww3ds-item{outline:none;}
.ww3ds-item:focus{outline:none;}
.ww3ds-item:focus-visible .ww3ds-item__inner{outline:2px solid color-mix(in srgb,var(--ww3ds-accent) 70%,#fff);outline-offset:3px;}
.ww3ds-item:hover .ww3ds-item__inner,.ww3ds-item.is-selected .ww3ds-item__inner{transform:scale(1.025);}
.ww3ds-rotation-continuous:not(.is-manual) .ww3ds-ring{animation:ww3ds-spin var(--ww3ds-speed) linear infinite;animation-direction:var(--ww3ds-direction);}
.ww3ds-rotation-step .ww3ds-ring{animation:none;transform:rotateX(var(--ww3ds-tilt)) rotateZ(var(--ww3ds-side-tilt,0deg)) rotateY(var(--ww3ds-manual-rotation,0deg));transition:transform .46s ease;}
.ww3ds-controls-bar{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;z-index:20;grid-column:auto;justify-self:auto;align-self:auto;}
.ww3ds-control-btn{width:30px;height:30px;min-width:30px;border-radius:999px;font-size:19px;line-height:1;box-shadow:0 5px 14px rgba(0,0,0,.10);}
.ww3ds-control-btn--toggle{width:32px;height:32px;min-width:32px;font-size:14px;}
.ww3ds-control-btn:hover,.ww3ds-control-btn:focus-visible{box-shadow:0 8px 18px rgba(0,0,0,.14);}
@media(max-width:800px){.ww3ds-controls-bar{bottom:12px;}.ww3ds-control-btn{width:34px;height:34px;min-width:34px}.ww3ds-control-btn--toggle{width:36px;height:36px;min-width:36px}}

/* v1.4 Phase 2 frontend interaction polish */
.ww3ds-positioner .ww3ds-controls-bar{
  position:absolute;
  left:50%;
  top:calc(100% + 12px);
  bottom:auto;
  transform:translateX(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:0;
  z-index:30;
}
.ww3ds-control-btn{
  width:24px;
  height:24px;
  min-width:24px;
  padding:0;
  font-size:15px;
  box-shadow:0 4px 10px rgba(0,0,0,.10);
}
.ww3ds-control-btn--toggle{
  width:26px;
  height:26px;
  min-width:26px;
  font-size:12px;
}
.ww3ds-panel__close{
  width:24px;
  height:24px;
  right:12px;
  top:12px;
  font-size:16px;
  line-height:1;
  padding:0;
}
.ww3ds-play,
.ww3ds-badge{
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
  transform-style:preserve-3d;
}
.ww3ds-play{
  transform:translate(-50%,-50%) translateZ(2px);
}
.ww3ds-badge{
  transform:translateZ(2px);
}
.ww3ds-panel-position-left .ww3ds-layout{
  grid-template-columns:minmax(280px,360px) minmax(0,1fr);
}
.ww3ds-panel-position-left .ww3ds-panel{
  grid-column:1;
  grid-row:1;
  transform:translateX(-26px) scale(.985);
}
.ww3ds-panel-position-left .ww3ds-panel.is-open{
  transform:translateX(0) scale(1);
}
.ww3ds-panel-position-left .ww3ds-scene{
  grid-column:2;
  grid-row:1;
}
.ww3ds-panel-position-above .ww3ds-layout,
.ww3ds-panel-position-below .ww3ds-layout{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
}
.ww3ds-panel-position-above .ww3ds-panel{
  grid-row:1;
  grid-column:1;
  max-width:min(760px,100%);
  width:100%;
  justify-self:center;
  transform:translateY(-18px) scale(.985);
}
.ww3ds-panel-position-above .ww3ds-panel.is-open{
  transform:translateY(0) scale(1);
}
.ww3ds-panel-position-above .ww3ds-scene{
  grid-row:2;
  grid-column:1;
}
.ww3ds-panel-position-below .ww3ds-scene{
  grid-row:1;
  grid-column:1;
}
.ww3ds-panel-position-below .ww3ds-panel{
  grid-row:2;
  grid-column:1;
  max-width:min(760px,100%);
  width:100%;
  justify-self:center;
  transform:translateY(18px) scale(.985);
}
.ww3ds-panel-position-below .ww3ds-panel.is-open{
  transform:translateY(0) scale(1);
}
@media(max-width:800px){
  .ww3ds-panel-position-left .ww3ds-layout,
  .ww3ds-panel-position-right .ww3ds-layout,
  .ww3ds-panel-position-above .ww3ds-layout,
  .ww3ds-panel-position-below .ww3ds-layout{display:block;}
  .ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-panel-position-below .ww3ds-panel{margin-top:18px;max-width:100%;transform:translateY(18px) scale(.985);}
  .ww3ds-panel-position-left .ww3ds-panel.is-open,
  .ww3ds-panel-position-right .ww3ds-panel.is-open,
  .ww3ds-panel-position-above .ww3ds-panel.is-open,
  .ww3ds-panel-position-below .ww3ds-panel.is-open{transform:translateY(0) scale(1);}
  .ww3ds-positioner .ww3ds-controls-bar{top:calc(100% + 10px);}
  .ww3ds-control-btn{width:30px;height:30px;min-width:30px;font-size:16px;}
  .ww3ds-control-btn--toggle{width:32px;height:32px;min-width:32px;font-size:12px;}
}

/* v1.5 correction pass: controls below footprint and front-facing overlays only */
.ww3ds-positioner .ww3ds-controls-bar{
  top:calc(50% + var(--ww3ds-controls-y,220px));
  bottom:auto;
  transform:translateX(-50%);
}
.ww3ds-play,
.ww3ds-badge{
  opacity:0;
  visibility:hidden;
  transition:opacity .16s ease, visibility .16s ease;
}
.ww3ds-item.is-front-facing .ww3ds-play,
.ww3ds-item.is-front-facing .ww3ds-badge,
.ww3ds-item.is-selected .ww3ds-play,
.ww3ds-item.is-selected .ww3ds-badge{
  opacity:1;
  visibility:visible;
}
@media(max-width:800px){
  .ww3ds-positioner .ww3ds-controls-bar{top:calc(50% + var(--ww3ds-controls-y,180px));}
}


/* v1.6 Phase 3: separate carousel placement from panel space and improve auto responsive stacking */
.ww3ds-panel-position-right .ww3ds-layout,
.ww3ds-panel-position-left .ww3ds-layout{
  display:block;
  position:relative;
}
.ww3ds-panel-position-right .ww3ds-scene,
.ww3ds-panel-position-left .ww3ds-scene{
  width:100%;
}
.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-panel-position-left .ww3ds-panel{
  position:absolute;
  top:50%;
  width:min(360px, calc(100% - 32px));
  z-index:45;
  margin:0;
}
.ww3ds-panel-position-right .ww3ds-panel{
  right:clamp(14px,4vw,48px);
  transform:translate(18px,-50%) scale(.985);
}
.ww3ds-panel-position-right .ww3ds-panel.is-open{
  transform:translate(0,-50%) scale(1);
}
.ww3ds-panel-position-left .ww3ds-panel{
  left:clamp(14px,4vw,48px);
  transform:translate(-18px,-50%) scale(.985);
}
.ww3ds-panel-position-left .ww3ds-panel.is-open{
  transform:translate(0,-50%) scale(1);
}
.ww3ds-panel-position-above .ww3ds-panel,
.ww3ds-panel-position-below .ww3ds-panel{
  position:relative;
}
@media(max-width:900px){
  .ww3ds-panel-position-left .ww3ds-layout,
  .ww3ds-panel-position-right .ww3ds-layout,
  .ww3ds-panel-position-above .ww3ds-layout,
  .ww3ds-panel-position-below .ww3ds-layout{
    display:flex!important;
    flex-direction:column;
    align-items:stretch;
    gap:16px;
  }
  .ww3ds-panel-position-left .ww3ds-scene,
  .ww3ds-panel-position-right .ww3ds-scene,
  .ww3ds-panel-position-above .ww3ds-scene,
  .ww3ds-panel-position-below .ww3ds-scene{
    order:1;
    width:100%;
    overflow:visible;
    margin-bottom:56px;
  }
  .ww3ds-positioner .ww3ds-controls-bar{
    top:calc(50% + min(var(--ww3ds-controls-y,180px), 182px));
  }
  .ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-panel-position-below .ww3ds-panel{
    order:2;
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    width:100%;
    max-width:100%;
    margin:0 auto;
    padding:18px;
    border-radius:20px;
    transform:translateY(18px) scale(.985)!important;
  }
  .ww3ds-panel-position-left .ww3ds-panel.is-open,
  .ww3ds-panel-position-right .ww3ds-panel.is-open,
  .ww3ds-panel-position-above .ww3ds-panel.is-open,
  .ww3ds-panel-position-below .ww3ds-panel.is-open{
    transform:translateY(0) scale(1)!important;
  }
  .ww3ds-panel__media{
    margin:0 0 14px;
  }
  .ww3ds-panel__media iframe{
    width:100%;
    max-height:52vh;
  }
  .ww3ds-panel h3{
    font-size:1.35rem;
  }
}
@media(max-width:560px){
  .ww3ds-showcase{
    padding-left:8px;
    padding-right:8px;
  }
  .ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-panel-position-below .ww3ds-panel{
    padding:16px;
    border-radius:18px;
  }
  .ww3ds-positioner .ww3ds-controls-bar{
    top:calc(50% + min(var(--ww3ds-controls-y,170px), 166px));
  }
}

/* v1.7 Phase 4: panel and rotating card glass presets */
.ww3ds-panel-style-soft-frosted .ww3ds-panel,
.ww3ds-panel-style-light-glass .ww3ds-panel,
.ww3ds-panel-style-dark-glass .ww3ds-panel,
.ww3ds-panel-style-liquid-glass .ww3ds-panel,
.ww3ds-panel-style-neon-glass .ww3ds-panel,
.ww3ds-panel-style-minimal-glass .ww3ds-panel,
.ww3ds-panel-style-high-contrast-glass .ww3ds-panel,
.ww3ds-panel-style-custom-glass .ww3ds-panel{
  -webkit-backdrop-filter:blur(var(--ww3ds-glass-blur,18px)) saturate(1.25);
  backdrop-filter:blur(var(--ww3ds-glass-blur,18px)) saturate(1.25);
}
.ww3ds-panel-style-soft-frosted .ww3ds-panel{
  background:rgba(255,255,255,.66);
  border-color:rgba(255,255,255,.46);
  box-shadow:0 30px 90px rgba(31,41,55,.18), inset 0 1px 0 rgba(255,255,255,.72);
}
.ww3ds-panel-style-light-glass .ww3ds-panel{
  background:rgba(255,255,255,.78);
  border-color:rgba(255,255,255,.58);
  box-shadow:0 24px 70px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.82);
}
.ww3ds-panel-style-dark-glass .ww3ds-panel{
  background:rgba(17,24,39,.68);
  border-color:rgba(255,255,255,.18);
  color:#f8fafc;
  box-shadow:0 30px 90px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.10);
}
.ww3ds-panel-style-dark-glass .ww3ds-panel h3,
.ww3ds-panel-style-dark-glass .ww3ds-panel__description,
.ww3ds-panel-style-neon-glass .ww3ds-panel h3,
.ww3ds-panel-style-neon-glass .ww3ds-panel__description{
  color:inherit;
}
.ww3ds-panel-style-liquid-glass .ww3ds-panel{
  background:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.38));
  border-color:rgba(255,255,255,.52);
  box-shadow:0 36px 95px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.75), inset 0 -42px 80px rgba(255,255,255,.18);
}
.ww3ds-panel-style-neon-glass .ww3ds-panel{
  background:rgba(7,11,26,.72);
  border-color:color-mix(in srgb,var(--ww3ds-accent) 55%,rgba(255,255,255,.22));
  color:#f8fbff;
  box-shadow:0 0 0 1px color-mix(in srgb,var(--ww3ds-accent) 30%,transparent),0 0 34px color-mix(in srgb,var(--ww3ds-accent) 28%,transparent),0 32px 90px rgba(0,0,0,.38);
}
.ww3ds-panel-style-minimal-glass .ww3ds-panel{
  background:rgba(255,255,255,.34);
  border-color:rgba(255,255,255,.35);
  box-shadow:0 18px 48px rgba(15,23,42,.12);
}
.ww3ds-panel-style-high-contrast-glass .ww3ds-panel{
  background:rgba(255,255,255,.88);
  border-color:rgba(15,23,42,.22);
  box-shadow:0 24px 70px rgba(0,0,0,.24);
}
.ww3ds-panel-style-custom-glass .ww3ds-panel{
  background:rgba(var(--ww3ds-glass-rgb,255,255,255),var(--ww3ds-glass-opacity,.72));
  border-color:rgba(var(--ww3ds-glass-rgb,255,255,255),var(--ww3ds-glass-border-opacity,.34));
  box-shadow:0 30px 90px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.45);
}
.ww3ds-panel-style-dark-glass .ww3ds-panel__close,
.ww3ds-panel-style-neon-glass .ww3ds-panel__close{
  background:rgba(255,255,255,.16);
  color:#fff;
}
.ww3ds-card-surface-soft-frosted .ww3ds-item__inner,
.ww3ds-card-surface-light-glass .ww3ds-item__inner,
.ww3ds-card-surface-dark-glass .ww3ds-item__inner,
.ww3ds-card-surface-liquid-glass .ww3ds-item__inner,
.ww3ds-card-surface-minimal-glass .ww3ds-item__inner,
.ww3ds-card-surface-custom-glass .ww3ds-item__inner{
  -webkit-backdrop-filter:blur(var(--ww3ds-glass-blur,18px)) saturate(1.15);
  backdrop-filter:blur(var(--ww3ds-glass-blur,18px)) saturate(1.15);
}
.ww3ds-card-surface-soft-frosted .ww3ds-item__inner{background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.42)}
.ww3ds-card-surface-light-glass .ww3ds-item__inner{background:rgba(255,255,255,.74);border:1px solid rgba(255,255,255,.55)}
.ww3ds-card-surface-dark-glass .ww3ds-item__inner{background:rgba(17,24,39,.56);border:1px solid rgba(255,255,255,.16)}
.ww3ds-card-surface-liquid-glass .ww3ds-item__inner{background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(255,255,255,.26));border:1px solid rgba(255,255,255,.48)}
.ww3ds-card-surface-minimal-glass .ww3ds-item__inner{background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.32)}
.ww3ds-card-surface-custom-glass .ww3ds-item__inner{background:rgba(var(--ww3ds-glass-rgb,255,255,255),var(--ww3ds-glass-opacity,.72));border:1px solid rgba(var(--ww3ds-glass-rgb,255,255,255),var(--ww3ds-glass-border-opacity,.34))}


/* v1.8 adjustment pass: stronger front-only overlays and clearer custom glass borders */
.ww3ds-play,
.ww3ds-badge{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none;
}
.ww3ds-item.is-front-facing .ww3ds-play,
.ww3ds-item.is-front-facing .ww3ds-badge,
.ww3ds-item.is-selected .ww3ds-play,
.ww3ds-item.is-selected .ww3ds-badge{
  opacity:1 !important;
  visibility:visible !important;
}
.ww3ds-panel-style-custom-glass .ww3ds-panel{
  border-width:calc(1px + (var(--ww3ds-glass-border-opacity,.34) * 2px));
  border-style:solid;
  border-color:rgba(var(--ww3ds-glass-rgb,255,255,255),max(.08,var(--ww3ds-glass-border-opacity,.34)));
  box-shadow:0 30px 90px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,calc(.18 + var(--ww3ds-glass-border-opacity,.34) * .55));
}
.ww3ds-card-surface-custom-glass .ww3ds-item__inner{
  border-width:calc(1px + (var(--ww3ds-glass-border-opacity,.34) * 2px));
  border-style:solid;
  border-color:rgba(var(--ww3ds-glass-rgb,255,255,255),max(.08,var(--ww3ds-glass-border-opacity,.34)));
}


/* v1.9 correction pass: balanced placement, truly solid cards, and stricter overlay visibility */
.ww3ds-card-surface-solid .ww3ds-item__inner,
.ww3ds-showcase:not([class*="ww3ds-card-surface-"]) .ww3ds-item__inner{
  background:#fff !important;
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
  border:0 solid transparent !important;
}
.ww3ds-card-surface-solid .ww3ds-item__inner:before,
.ww3ds-card-surface-solid .ww3ds-item__inner:after{
  content:none !important;
}
.ww3ds-card-surface-solid.ww3ds-style-object .ww3ds-item__inner,
.ww3ds-card-surface-solid .ww3ds-item-type-object .ww3ds-item__inner{
  background:transparent !important;
  border:0 !important;
}
.ww3ds-play,
.ww3ds-badge{
  opacity:0 !important;
  visibility:hidden !important;
  transform-origin:center center;
}
.ww3ds-item.is-front-facing .ww3ds-play,
.ww3ds-item.is-front-facing .ww3ds-badge{
  opacity:1 !important;
  visibility:visible !important;
}
.ww3ds-item:not(.is-front-facing) .ww3ds-play,
.ww3ds-item:not(.is-front-facing) .ww3ds-badge{
  opacity:0 !important;
  visibility:hidden !important;
}


/* v2.0 responsive/panel spacing pass */
.ww3ds-panel{
  --ww3ds-panel-gap-effective:var(--ww3ds-panel-gap,32px);
}
.ww3ds-panel-overlap-slight .ww3ds-panel{--ww3ds-panel-gap-effective:calc(var(--ww3ds-panel-gap,32px) * .35);}
.ww3ds-panel-overlap-free .ww3ds-panel{--ww3ds-panel-gap-effective:0px;}
.ww3ds-panel-overlap-clear.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-panel-overlap-slight.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-panel-overlap-free.ww3ds-panel-position-right .ww3ds-panel{right:var(--ww3ds-panel-gap-effective);}
.ww3ds-panel-overlap-clear.ww3ds-panel-position-left .ww3ds-panel,
.ww3ds-panel-overlap-slight.ww3ds-panel-position-left .ww3ds-panel,
.ww3ds-panel-overlap-free.ww3ds-panel-position-left .ww3ds-panel{left:var(--ww3ds-panel-gap-effective);}
.ww3ds-panel-position-above .ww3ds-panel.is-open{margin-bottom:var(--ww3ds-panel-gap-effective);}
.ww3ds-panel-position-below .ww3ds-panel.is-open{margin-top:var(--ww3ds-panel-gap-effective);}
@media(max-width:900px){
  .ww3ds-panel{--ww3ds-panel-gap-effective:max(18px,var(--ww3ds-panel-gap,32px));}
  .ww3ds-panel-position-left .ww3ds-layout,
  .ww3ds-panel-position-right .ww3ds-layout,
  .ww3ds-panel-position-above .ww3ds-layout,
  .ww3ds-panel-position-below .ww3ds-layout{gap:0!important;}
  .ww3ds-panel-position-left .ww3ds-scene,
  .ww3ds-panel-position-right .ww3ds-scene,
  .ww3ds-panel-position-above .ww3ds-scene,
  .ww3ds-panel-position-below .ww3ds-scene{margin-bottom:calc(54px + var(--ww3ds-panel-gap-effective));}
  .ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-panel-position-below .ww3ds-panel{margin-top:var(--ww3ds-panel-gap-effective)!important;}
}

/* v2.1 panel clearance correction: keep-clear panels sit outside the carousel footprint */
.ww3ds-panel-overlap-clear.ww3ds-panel-position-right .ww3ds-layout,
.ww3ds-panel-overlap-clear.ww3ds-panel-position-left .ww3ds-layout{
  --ww3ds-panel-edge-pad:16px;
  --ww3ds-panel-clearance:var(--ww3ds-panel-gap,32px);
}
.ww3ds-panel-overlap-clear.ww3ds-panel-position-right .ww3ds-panel{
  --ww3ds-panel-left:clamp(
    var(--ww3ds-panel-edge-pad),
    calc(50% + var(--ww3ds-offset-x,0px) + var(--ww3ds-carousel-half-w,420px) + var(--ww3ds-panel-clearance)),
    calc(100% - var(--ww3ds-panel-min-w,260px) - var(--ww3ds-panel-edge-pad))
  );
  left:var(--ww3ds-panel-left)!important;
  right:auto!important;
  width:min(var(--ww3ds-panel-target-w,360px), calc(100% - var(--ww3ds-panel-left) - var(--ww3ds-panel-edge-pad)))!important;
  max-width:calc(100% - (var(--ww3ds-panel-edge-pad) * 2));
}
.ww3ds-panel-overlap-clear.ww3ds-panel-position-left .ww3ds-panel{
  --ww3ds-panel-right:clamp(
    var(--ww3ds-panel-edge-pad),
    calc(50% - var(--ww3ds-offset-x,0px) + var(--ww3ds-carousel-half-w,420px) + var(--ww3ds-panel-clearance)),
    calc(100% - var(--ww3ds-panel-min-w,260px) - var(--ww3ds-panel-edge-pad))
  );
  right:var(--ww3ds-panel-right)!important;
  left:auto!important;
  width:min(var(--ww3ds-panel-target-w,360px), calc(100% - var(--ww3ds-panel-right) - var(--ww3ds-panel-edge-pad)))!important;
  max-width:calc(100% - (var(--ww3ds-panel-edge-pad) * 2));
}
.ww3ds-panel-overlap-clear.ww3ds-panel-position-right .ww3ds-panel.is-open,
.ww3ds-panel-overlap-clear.ww3ds-panel-position-left .ww3ds-panel.is-open{
  transform:translate(0,-50%) scale(1)!important;
}
.ww3ds-panel-overlap-clear.ww3ds-panel-position-right .ww3ds-panel:not(.is-open){
  transform:translate(18px,-50%) scale(.985)!important;
}
.ww3ds-panel-overlap-clear.ww3ds-panel-position-left .ww3ds-panel:not(.is-open){
  transform:translate(-18px,-50%) scale(.985)!important;
}
@media(max-width:900px){
  .ww3ds-panel-overlap-clear.ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-panel-overlap-clear.ww3ds-panel-position-left .ww3ds-panel{
    left:auto!important;
    right:auto!important;
    width:100%!important;
    max-width:100%!important;
  }
}

/* v2.2 actual footprint panel clearance */
.ww3ds-panel-auto-stacked.ww3ds-panel-position-right .ww3ds-layout,
.ww3ds-panel-auto-stacked.ww3ds-panel-position-left .ww3ds-layout{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
}
.ww3ds-panel-auto-stacked.ww3ds-panel-position-right .ww3ds-scene,
.ww3ds-panel-auto-stacked.ww3ds-panel-position-left .ww3ds-scene{
  order:1!important;
  width:100%!important;
  margin-bottom:calc(54px + var(--ww3ds-panel-gap-effective, var(--ww3ds-panel-gap,32px)))!important;
}
.ww3ds-panel-auto-stacked.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-panel-auto-stacked.ww3ds-panel-position-left .ww3ds-panel{
  order:2!important;
  position:relative!important;
  left:auto!important;
  right:auto!important;
  top:auto!important;
  width:100%!important;
  max-width:100%!important;
  margin:var(--ww3ds-panel-gap-effective, var(--ww3ds-panel-gap,32px)) auto 0!important;
  transform:translateY(18px) scale(.985)!important;
}
.ww3ds-panel-auto-stacked.ww3ds-panel-position-right .ww3ds-panel.is-open,
.ww3ds-panel-auto-stacked.ww3ds-panel-position-left .ww3ds-panel.is-open{
  transform:translateY(0) scale(1)!important;
}

/* v2.4 independent panel placement */
.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-panel-position-left .ww3ds-panel{
  width:min(var(--ww3ds-panel-target-w,340px), calc(100% - 32px)) !important;
  max-width:calc(100% - 32px) !important;
  top:calc(50% + var(--ww3ds-panel-offset-y,0px)) !important;
}
.ww3ds-panel-position-right .ww3ds-panel{
  left:calc(50% + var(--ww3ds-panel-offset-x,320px)) !important;
  right:auto !important;
  transform:translate(18px,-50%) scale(.985) !important;
}
.ww3ds-panel-position-right .ww3ds-panel.is-open{
  transform:translate(0,-50%) scale(1) !important;
}
.ww3ds-panel-position-left .ww3ds-panel{
  right:calc(50% + var(--ww3ds-panel-offset-x,320px)) !important;
  left:auto !important;
  transform:translate(-18px,-50%) scale(.985) !important;
}
.ww3ds-panel-position-left .ww3ds-panel.is-open{
  transform:translate(0,-50%) scale(1) !important;
}
.ww3ds-panel-position-above .ww3ds-panel,
.ww3ds-panel-position-below .ww3ds-panel{
  width:min(var(--ww3ds-panel-target-w,340px),100%) !important;
  transform:translate(var(--ww3ds-panel-offset-x,0px), calc(var(--ww3ds-panel-offset-y,0px) - 18px)) scale(.985) !important;
}
.ww3ds-panel-position-above .ww3ds-panel.is-open,
.ww3ds-panel-position-below .ww3ds-panel.is-open{
  transform:translate(var(--ww3ds-panel-offset-x,0px), var(--ww3ds-panel-offset-y,0px)) scale(1) !important;
}
@media(max-width:900px){
  .ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-panel-position-below .ww3ds-panel{
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    transform:translateY(18px) scale(.985) !important;
  }
  .ww3ds-panel-position-left .ww3ds-panel.is-open,
  .ww3ds-panel-position-right .ww3ds-panel.is-open,
  .ww3ds-panel-position-above .ww3ds-panel.is-open,
  .ww3ds-panel-position-below .ww3ds-panel.is-open{
    transform:translateY(0) scale(1) !important;
  }
}


/* v2.5 panel sizing and typography controls */
.ww3ds-panel{
  padding:var(--ww3ds-panel-padding,28px) !important;
}
.ww3ds-panel h3{
  font-size:var(--ww3ds-panel-title-size,26px) !important;
}
.ww3ds-panel__description{
  font-size:var(--ww3ds-panel-text-size,16px) !important;
}
.ww3ds-panel__label{
  font-size:var(--ww3ds-panel-label-size,14px) !important;
}
.ww3ds-panel__button{
  font-size:var(--ww3ds-panel-button-size,15px) !important;
}
@media(max-width:900px){
  .ww3ds-panel{
    padding:min(var(--ww3ds-panel-padding,28px),22px) !important;
  }
}
@media(max-width:560px){
  .ww3ds-panel{
    padding:min(var(--ww3ds-panel-padding,28px),18px) !important;
  }
  .ww3ds-panel h3{
    font-size:min(var(--ww3ds-panel-title-size,26px),30px) !important;
  }
}

/* v2.6 balanced panel sizing: make the width control match the visible panel */
.ww3ds-panel{
  box-sizing:border-box !important;
  min-width:min(var(--ww3ds-panel-min-w,220px), calc(100% - 32px)) !important;
  overflow:visible;
}
.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-panel-position-left .ww3ds-panel{
  width:min(var(--ww3ds-panel-target-w,340px), calc(100% - 32px)) !important;
  max-width:calc(100% - 32px) !important;
}
.ww3ds-panel-position-right .ww3ds-panel{
  left:clamp(
    16px,
    calc(50% + var(--ww3ds-panel-offset-x,320px)),
    calc(100% - min(var(--ww3ds-panel-target-w,340px), calc(100% - 32px)) - 16px)
  ) !important;
  right:auto !important;
}
.ww3ds-panel-position-left .ww3ds-panel{
  right:clamp(
    16px,
    calc(50% + var(--ww3ds-panel-offset-x,320px)),
    calc(100% - min(var(--ww3ds-panel-target-w,340px), calc(100% - 32px)) - 16px)
  ) !important;
  left:auto !important;
}
.ww3ds-panel-position-above .ww3ds-panel,
.ww3ds-panel-position-below .ww3ds-panel{
  width:min(var(--ww3ds-panel-target-w,340px), calc(100% - 32px)) !important;
  max-width:calc(100% - 32px) !important;
  box-sizing:border-box !important;
}
.ww3ds-panel__media{
  max-width:100%;
}
.ww3ds-panel h3,
.ww3ds-panel__description,
.ww3ds-panel__label{
  overflow-wrap:break-word;
  word-break:normal;
}
.ww3ds-panel__button{
  border-radius:14px !important;
  box-sizing:border-box;
  max-width:100%;
  min-width:0;
  line-height:1.25;
  text-align:center;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  padding:10px 16px;
}
.ww3ds-panel-button-auto .ww3ds-panel__button{
  width:auto;
}
.ww3ds-panel-button-full .ww3ds-panel__button{
  width:100%;
}
@media(max-width:900px){
  .ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-panel-position-below .ww3ds-panel{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
  }
}

/* v2.7 trustworthy panel sizing: make frontend follow saved slider values */
.ww3ds-showcase{
  position:relative;
}
.ww3ds-panel-position-right .ww3ds-layout,
.ww3ds-panel-position-left .ww3ds-layout{
  display:block !important;
  position:relative !important;
}
.ww3ds-panel-position-right .ww3ds-scene,
.ww3ds-panel-position-left .ww3ds-scene{
  width:100% !important;
}
.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-panel-position-left .ww3ds-panel{
  position:absolute !important;
  box-sizing:border-box !important;
  width:var(--ww3ds-panel-target-w,340px) !important;
  max-width:calc(100% - 32px) !important;
  min-width:0 !important;
  top:calc(50% + var(--ww3ds-panel-offset-y,0px)) !important;
  margin:0 !important;
}
.ww3ds-panel-position-right .ww3ds-panel{
  left:clamp(
    16px,
    calc(50% + var(--ww3ds-panel-offset-x,320px)),
    calc(100% - min(var(--ww3ds-panel-target-w,340px), calc(100% - 32px)) - 16px)
  ) !important;
  right:auto !important;
  transform:translate(18px,-50%) scale(.985) !important;
}
.ww3ds-panel-position-right .ww3ds-panel.is-open{
  transform:translate(0,-50%) scale(1) !important;
}
.ww3ds-panel-position-left .ww3ds-panel{
  right:clamp(
    16px,
    calc(50% + var(--ww3ds-panel-offset-x,320px)),
    calc(100% - min(var(--ww3ds-panel-target-w,340px), calc(100% - 32px)) - 16px)
  ) !important;
  left:auto !important;
  transform:translate(-18px,-50%) scale(.985) !important;
}
.ww3ds-panel-position-left .ww3ds-panel.is-open{
  transform:translate(0,-50%) scale(1) !important;
}
.ww3ds-panel-position-above .ww3ds-panel,
.ww3ds-panel-position-below .ww3ds-panel{
  width:var(--ww3ds-panel-target-w,340px) !important;
  max-width:calc(100% - 32px) !important;
  box-sizing:border-box !important;
}
@media(max-width:900px){
  .ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-panel-position-below .ww3ds-panel{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    width:100% !important;
    max-width:100% !important;
    transform:translateY(18px) scale(.985) !important;
  }
  .ww3ds-panel-position-left .ww3ds-panel.is-open,
  .ww3ds-panel-position-right .ww3ds-panel.is-open,
  .ww3ds-panel-position-above .ww3ds-panel.is-open,
  .ww3ds-panel-position-below .ww3ds-panel.is-open{
    transform:translateY(0) scale(1) !important;
  }
}


/* v2.10 panel placement/width correction: panel sizing is independent from carousel transforms */
.ww3ds-panel{box-sizing:border-box !important}.ww3ds-panel-position-right .ww3ds-panel,.ww3ds-panel-position-left .ww3ds-panel,.ww3ds-panel-position-above .ww3ds-panel,.ww3ds-panel-position-below .ww3ds-panel{width:var(--ww3ds-panel-target-w,340px) !important;min-width:0 !important}.ww3ds-panel-position-right .ww3ds-panel,.ww3ds-panel-position-left .ww3ds-panel{max-width:min(var(--ww3ds-panel-target-w,340px), calc(100% - 32px)) !important}.ww3ds-panel-position-right .ww3ds-panel{left:clamp(16px, calc(50% + var(--ww3ds-panel-offset-x,320px)), calc(100% - var(--ww3ds-panel-target-w,340px) - 16px)) !important}.ww3ds-panel-position-left .ww3ds-panel{right:clamp(16px, calc(50% + var(--ww3ds-panel-offset-x,320px)), calc(100% - var(--ww3ds-panel-target-w,340px) - 16px)) !important}.ww3ds-preview-frame--desktop .ww3ds-panel-position-left .ww3ds-panel,.ww3ds-preview-frame--desktop .ww3ds-panel-position-right .ww3ds-panel,.ww3ds-preview-frame--desktop .ww3ds-panel-position-above .ww3ds-panel,.ww3ds-preview-frame--desktop .ww3ds-panel-position-below .ww3ds-panel{position:absolute !important;width:var(--ww3ds-panel-target-w,340px) !important;max-width:none !important}.ww3ds-preview-frame--desktop .ww3ds-panel-position-right .ww3ds-layout,.ww3ds-preview-frame--desktop .ww3ds-panel-position-left .ww3ds-layout{display:block !important;position:relative !important}
@media(max-width:900px){.ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-left .ww3ds-panel,.ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-right .ww3ds-panel,.ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-above .ww3ds-panel,.ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-below .ww3ds-panel{position:relative !important;left:auto !important;right:auto !important;top:auto !important;width:100% !important;max-width:100% !important;transform:translateY(18px) scale(.985) !important}.ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-left .ww3ds-panel.is-open,.ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-right .ww3ds-panel.is-open,.ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-above .ww3ds-panel.is-open,.ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-below .ww3ds-panel.is-open{transform:translateY(0) scale(1) !important}}

/* v2.10 admin desktop preview must not inherit mobile stacking just because the preview column is narrow */
@media(max-width:900px){
  .ww3ds-admin-desktop-preview.ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-admin-desktop-preview.ww3ds-panel-position-right .ww3ds-panel{
    position:absolute !important;
    top:calc(50% + var(--ww3ds-panel-offset-y,0px)) !important;
    width:var(--ww3ds-panel-target-w,340px) !important;
    max-width:none !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .ww3ds-admin-desktop-preview.ww3ds-panel-position-right .ww3ds-panel{
    left:clamp(16px, calc(50% + var(--ww3ds-panel-offset-x,320px)), calc(100% - var(--ww3ds-panel-target-w,340px) - 16px)) !important;
    right:auto !important;
    transform:translate(18px,-50%) scale(.985) !important;
  }
  .ww3ds-admin-desktop-preview.ww3ds-panel-position-right .ww3ds-panel.is-open{
    transform:translate(0,-50%) scale(1) !important;
  }
  .ww3ds-admin-desktop-preview.ww3ds-panel-position-left .ww3ds-panel{
    right:clamp(16px, calc(50% + var(--ww3ds-panel-offset-x,320px)), calc(100% - var(--ww3ds-panel-target-w,340px) - 16px)) !important;
    left:auto !important;
    transform:translate(-18px,-50%) scale(.985) !important;
  }
  .ww3ds-admin-desktop-preview.ww3ds-panel-position-left .ww3ds-panel.is-open{
    transform:translate(0,-50%) scale(1) !important;
  }
}


/* v2.11 targeted panel placement fixes: panel horizontal and gap are true panel-only controls */
.ww3ds-panel-overlap-clear .ww3ds-panel{--ww3ds-panel-gap-effective:var(--ww3ds-panel-gap,32px);}
.ww3ds-panel-overlap-slight .ww3ds-panel{--ww3ds-panel-gap-effective:calc(var(--ww3ds-panel-gap,32px) * .35);}
.ww3ds-panel-overlap-free .ww3ds-panel{--ww3ds-panel-gap-effective:0px;}
.ww3ds-panel-position-right .ww3ds-layout,
.ww3ds-panel-position-left .ww3ds-layout,
.ww3ds-panel-position-above .ww3ds-layout,
.ww3ds-panel-position-below .ww3ds-layout{display:block !important;position:relative !important;}
.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-panel-position-left .ww3ds-panel{
  position:absolute !important;
  top:calc(50% + var(--ww3ds-panel-offset-y,0px)) !important;
  width:var(--ww3ds-panel-target-w,340px) !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  z-index:30 !important;
}
.ww3ds-panel-position-right .ww3ds-panel{
  left:calc(50% + var(--ww3ds-panel-offset-x,320px) + var(--ww3ds-panel-gap-effective,32px)) !important;
  right:auto !important;
  transform:translateY(-50%) translateX(18px) scale(.985) !important;
}
.ww3ds-panel-position-right .ww3ds-panel.is-open{transform:translateY(-50%) translateX(0) scale(1) !important;}
.ww3ds-panel-position-left .ww3ds-panel{
  right:calc(50% + var(--ww3ds-panel-offset-x,320px) + var(--ww3ds-panel-gap-effective,32px)) !important;
  left:auto !important;
  transform:translateY(-50%) translateX(-18px) scale(.985) !important;
}
.ww3ds-panel-position-left .ww3ds-panel.is-open{transform:translateY(-50%) translateX(0) scale(1) !important;}
.ww3ds-panel-position-above .ww3ds-panel,
.ww3ds-panel-position-below .ww3ds-panel{
  position:absolute !important;
  left:calc(50% + var(--ww3ds-panel-offset-x,0px)) !important;
  width:var(--ww3ds-panel-target-w,340px) !important;
  max-width:none !important;
  min-width:0 !important;
  box-sizing:border-box !important;
  z-index:30 !important;
}
.ww3ds-panel-position-above .ww3ds-panel{
  bottom:calc(50% + var(--ww3ds-carousel-half-h,320px) + var(--ww3ds-panel-gap-effective,32px) - var(--ww3ds-panel-offset-y,0px)) !important;
  top:auto !important;
  transform:translateX(-50%) translateY(-18px) scale(.985) !important;
}
.ww3ds-panel-position-above .ww3ds-panel.is-open{transform:translateX(-50%) translateY(0) scale(1) !important;}
.ww3ds-panel-position-below .ww3ds-panel{
  top:calc(50% + var(--ww3ds-carousel-half-h,320px) + var(--ww3ds-panel-gap-effective,32px) + var(--ww3ds-panel-offset-y,0px)) !important;
  bottom:auto !important;
  transform:translateX(-50%) translateY(18px) scale(.985) !important;
}
.ww3ds-panel-position-below .ww3ds-panel.is-open{transform:translateX(-50%) translateY(0) scale(1) !important;}
@media(max-width:900px){
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-below .ww3ds-panel{
    position:relative !important;
    left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;
    width:100% !important;max-width:100% !important;
    margin:var(--ww3ds-panel-gap-effective,24px) auto 0 !important;
    transform:translateY(18px) scale(.985) !important;
  }
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-left .ww3ds-panel.is-open,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-right .ww3ds-panel.is-open,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-above .ww3ds-panel.is-open,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview) .ww3ds-panel-position-below .ww3ds-panel.is-open{transform:translateY(0) scale(1) !important;}
}

/* v2.11 stronger, visibly distinct glass presets */
.ww3ds-panel-style-soft-frosted .ww3ds-panel{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.46)) !important;border-color:rgba(255,255,255,.74) !important;box-shadow:0 28px 80px rgba(15,23,42,.16), inset 0 1px 0 rgba(255,255,255,.88) !important;backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);}
.ww3ds-panel-style-light-glass .ww3ds-panel{background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(226,241,255,.55)) !important;border-color:rgba(126,178,231,.45) !important;box-shadow:0 26px 78px rgba(34,113,177,.16), inset 0 1px 0 rgba(255,255,255,.9) !important;}
.ww3ds-panel-style-liquid-glass .ww3ds-panel{background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.95),rgba(255,255,255,.36) 34%,transparent 58%),linear-gradient(135deg,rgba(180,219,255,.62),rgba(255,255,255,.32) 42%,rgba(214,197,255,.48)) !important;border-color:rgba(255,255,255,.72) !important;box-shadow:0 30px 90px rgba(86,116,160,.22), inset 0 1px 0 rgba(255,255,255,.95), inset 0 -18px 38px rgba(255,255,255,.16) !important;backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35);}
.ww3ds-panel-style-minimal-glass .ww3ds-panel{background:rgba(255,255,255,.34) !important;border:1px solid rgba(34,113,177,.28) !important;box-shadow:0 22px 60px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.72) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);}
.ww3ds-panel-style-high-contrast-glass .ww3ds-panel{background:rgba(255,255,255,.94) !important;border-color:rgba(15,23,42,.3) !important;box-shadow:0 28px 80px rgba(15,23,42,.22) !important;}

/* v2.12 final panel-control layer: saved slider values own the details panel */
.ww3ds-showcase .ww3ds-panel{
  box-sizing:border-box !important;
  padding:var(--ww3ds-panel-padding,28px) !important;
  min-width:0 !important;
}
.ww3ds-showcase .ww3ds-panel h3{font-size:var(--ww3ds-panel-title-size,26px) !important;}
.ww3ds-showcase .ww3ds-panel__description{font-size:var(--ww3ds-panel-text-size,16px) !important;}
.ww3ds-showcase .ww3ds-panel__label{font-size:var(--ww3ds-panel-label-size,14px) !important;}
.ww3ds-showcase .ww3ds-panel__button{font-size:var(--ww3ds-panel-button-size,15px) !important;}
.ww3ds-showcase.ww3ds-panel-position-left .ww3ds-layout,
.ww3ds-showcase.ww3ds-panel-position-right .ww3ds-layout,
.ww3ds-showcase.ww3ds-panel-position-above .ww3ds-layout,
.ww3ds-showcase.ww3ds-panel-position-below .ww3ds-layout{
  display:block !important;
  position:relative !important;
}
.ww3ds-showcase.ww3ds-panel-position-right .ww3ds-panel,
.ww3ds-showcase.ww3ds-panel-position-left .ww3ds-panel,
.ww3ds-showcase.ww3ds-panel-position-above .ww3ds-panel,
.ww3ds-showcase.ww3ds-panel-position-below .ww3ds-panel{
  width:var(--ww3ds-panel-target-w,340px) !important;
  max-width:none !important;
  min-width:0 !important;
  position:absolute !important;
  z-index:40 !important;
}
.ww3ds-showcase.ww3ds-panel-overlap-clear .ww3ds-panel{--ww3ds-panel-gap-effective:var(--ww3ds-panel-gap,32px);}
.ww3ds-showcase.ww3ds-panel-overlap-slight .ww3ds-panel{--ww3ds-panel-gap-effective:calc(var(--ww3ds-panel-gap,32px) * .35);}
.ww3ds-showcase.ww3ds-panel-overlap-free .ww3ds-panel{--ww3ds-panel-gap-effective:0px;}
.ww3ds-showcase.ww3ds-panel-position-right .ww3ds-panel{
  left:calc(50% + var(--ww3ds-panel-offset-x,320px) + var(--ww3ds-panel-gap-effective,32px)) !important;
  right:auto !important;
  top:calc(50% + var(--ww3ds-panel-offset-y,0px)) !important;
  bottom:auto !important;
  transform:translateY(-50%) translateX(18px) scale(.985) !important;
}
.ww3ds-showcase.ww3ds-panel-position-right .ww3ds-panel.is-open{transform:translateY(-50%) translateX(0) scale(1) !important;}
.ww3ds-showcase.ww3ds-panel-position-left .ww3ds-panel{
  right:calc(50% + var(--ww3ds-panel-offset-x,320px) + var(--ww3ds-panel-gap-effective,32px)) !important;
  left:auto !important;
  top:calc(50% + var(--ww3ds-panel-offset-y,0px)) !important;
  bottom:auto !important;
  transform:translateY(-50%) translateX(-18px) scale(.985) !important;
}
.ww3ds-showcase.ww3ds-panel-position-left .ww3ds-panel.is-open{transform:translateY(-50%) translateX(0) scale(1) !important;}
.ww3ds-showcase.ww3ds-panel-position-above .ww3ds-panel,
.ww3ds-showcase.ww3ds-panel-position-below .ww3ds-panel{
  left:calc(50% + var(--ww3ds-panel-offset-x,0px)) !important;
  right:auto !important;
}
.ww3ds-showcase.ww3ds-panel-position-above .ww3ds-panel{
  bottom:calc(50% + var(--ww3ds-carousel-half-h,320px) + var(--ww3ds-panel-gap-effective,32px) - var(--ww3ds-panel-offset-y,0px)) !important;
  top:auto !important;
  transform:translateX(-50%) translateY(-18px) scale(.985) !important;
}
.ww3ds-showcase.ww3ds-panel-position-above .ww3ds-panel.is-open{transform:translateX(-50%) translateY(0) scale(1) !important;}
.ww3ds-showcase.ww3ds-panel-position-below .ww3ds-panel{
  top:calc(50% + var(--ww3ds-carousel-half-h,320px) + var(--ww3ds-panel-gap-effective,32px) + var(--ww3ds-panel-offset-y,0px)) !important;
  bottom:auto !important;
  transform:translateX(-50%) translateY(18px) scale(.985) !important;
}
.ww3ds-showcase.ww3ds-panel-position-below .ww3ds-panel.is-open{transform:translateX(-50%) translateY(0) scale(1) !important;}
@media(max-width:900px){
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview).ww3ds-panel-position-left .ww3ds-panel,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview).ww3ds-panel-position-right .ww3ds-panel,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview).ww3ds-panel-position-above .ww3ds-panel,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview).ww3ds-panel-position-below .ww3ds-panel{
    position:relative !important;
    left:auto !important;
    right:auto !important;
    top:auto !important;
    bottom:auto !important;
    width:100% !important;
    max-width:100% !important;
    margin:var(--ww3ds-panel-gap-effective,24px) auto 0 !important;
    transform:translateY(18px) scale(.985) !important;
  }
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview).ww3ds-panel-position-left .ww3ds-panel.is-open,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview).ww3ds-panel-position-right .ww3ds-panel.is-open,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview).ww3ds-panel-position-above .ww3ds-panel.is-open,
  .ww3ds-showcase:not(.ww3ds-admin-desktop-preview).ww3ds-panel-position-below .ww3ds-panel.is-open{transform:translateY(0) scale(1) !important;}
}

/* v2.14 geometry-synced panel placement: JS owns exact panel position in preview and frontend */
.ww3ds-showcase .ww3ds-layout{position:relative !important;}
.ww3ds-showcase .ww3ds-panel{box-sizing:border-box !important;}
.ww3ds-showcase .ww3ds-panel[data-ww3ds-panel]{will-change:left,top,width,padding;}


/* v2.16: separate panel/card custom glass and keep carousel controls inside the showcase stage */
.ww3ds-panel-style-custom-glass .ww3ds-panel{
  background:rgba(var(--ww3ds-panel-glass-rgb,255,255,255),var(--ww3ds-panel-glass-opacity,.72)) !important;
  border-color:rgba(var(--ww3ds-panel-glass-rgb,255,255,255),max(.08,var(--ww3ds-panel-glass-border-opacity,.34))) !important;
  border-width:calc(1px + (var(--ww3ds-panel-glass-border-opacity,.34) * 2px)) !important;
  -webkit-backdrop-filter:blur(var(--ww3ds-panel-glass-blur,18px)) saturate(1.25) !important;
  backdrop-filter:blur(var(--ww3ds-panel-glass-blur,18px)) saturate(1.25) !important;
}
.ww3ds-card-surface-custom-glass .ww3ds-item__inner{
  background:rgba(var(--ww3ds-card-glass-rgb,255,255,255),var(--ww3ds-card-glass-opacity,.72)) !important;
  border-color:rgba(var(--ww3ds-card-glass-rgb,255,255,255),max(.08,var(--ww3ds-card-glass-border-opacity,.34))) !important;
  border-width:calc(1px + (var(--ww3ds-card-glass-border-opacity,.34) * 2px)) !important;
  -webkit-backdrop-filter:blur(var(--ww3ds-card-glass-blur,18px)) saturate(1.15) !important;
  backdrop-filter:blur(var(--ww3ds-card-glass-blur,18px)) saturate(1.15) !important;
}
.ww3ds-positioner .ww3ds-controls-bar{
  top:calc(100% + 14px) !important;
  bottom:auto !important;
  left:50% !important;
  transform:translateX(-50%) !important;
}
.ww3ds-scene{
  padding-bottom:64px;
  box-sizing:border-box;
}
.ww3ds-overflow-contained .ww3ds-scene{
  overflow:hidden;
}
@media(max-width:800px){
  .ww3ds-positioner .ww3ds-controls-bar{top:calc(100% + 10px) !important;}
}