:root{--mcd-accent:#ff1128;--mcd-accent-dark:#d50b1e;--mcd-text:#17191d;--mcd-muted:#687181;--mcd-line:#dfe5ee;--mcd-soft:#f5f7fa;--mcd-card:#fff}
.mcd-shell,.mcd-shell *{box-sizing:border-box}
.mcd-shell{width:min(1380px,calc(100vw - 32px));max-width:none;margin:24px auto;padding:0 10px;position:relative;left:50%;transform:translateX(-50%);color:var(--mcd-text)!important;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mcd-shell h2,.mcd-shell h3,.mcd-shell p,.mcd-shell strong,.mcd-shell span,.mcd-shell label,.mcd-shell small,.mcd-shell div,.mcd-shell button{color:inherit}
.mcd-topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px}.mcd-eyebrow{display:inline-block;letter-spacing:.14em;font-size:12px;font-weight:800;color:#ff1128!important;margin-bottom:8px}.mcd-topbar h2{font-size:46px;line-height:.98;margin:0 0 8px;color:#fff!important}.mcd-topbar p{margin:0;font-size:18px;color:#c7d0df!important;max-width:660px}.mcd-price{font-size:40px;font-weight:900;white-space:nowrap;color:#fff!important}.mcd-price span{font-size:18px;font-weight:700;color:#ff1128!important}
.mcd-layout{display:grid;grid-template-columns:250px minmax(0,500px) minmax(0,1fr);gap:16px;align-items:start;min-width:0}
.mcd-models-panel,.mcd-preview-panel,.mcd-controls-panel{min-width:0;overflow:hidden;background:var(--mcd-card)!important;border-radius:18px;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 30px rgba(0,0,0,.16);overflow:hidden}
.mcd-models-panel,.mcd-controls-panel{padding:18px}.mcd-shell{background:transparent}.mcd-shell .mcd-layout,.mcd-shell .mcd-topbar{position:relative;z-index:1}.mcd-shell{--mcd-panel-bg:#0d1016}.mcd-shell{padding-bottom:8px}.mcd-models-panel,.mcd-controls-panel{background:#fbfcfe!important;color:#17191d!important}.mcd-preview-panel{padding:14px;background:linear-gradient(180deg,#ffffff,#f5f7fb)!important}
.mcd-models-panel h3,.mcd-controls-panel h3{margin:0 0 10px;font-size:18px;color:#17191d!important}.mcd-label{display:block;margin:10px 0 6px;font-size:12px;font-weight:700;color:#687181!important;text-transform:uppercase;letter-spacing:.04em}.mcd-select,.mcd-input{width:100%;border:1px solid #ccd4df!important;border-radius:12px;background:#fff!important;color:#17191d!important;min-height:48px;padding:12px 14px;font-size:16px;outline:none;box-shadow:none}.mcd-select:focus,.mcd-input:focus{border-color:#ff1128!important;box-shadow:0 0 0 3px rgba(255,17,40,.12)}
.mcd-model-chips{display:block;margin-top:12px}.mcd-model-chip{border:1px solid #d9e0ea!important;background:#fff!important;border-radius:14px;padding:12px;display:flex;align-items:center;justify-content:flex-start;gap:14px;color:#17191d!important;min-height:106px}.mcd-model-chip img{width:58px;height:88px;object-fit:contain;display:block;flex:0 0 auto}.mcd-model-chip span{font-size:14px;line-height:1.2;text-align:left;color:#17191d!important;font-weight:800}.mcd-model-chip.active{border-color:#ff1128!important;box-shadow:0 0 0 3px rgba(255,17,40,.12)}.mcd-model-chip-selected{cursor:default}
.mcd-promo-card{margin-top:14px;border-radius:14px;padding:14px;background:#10141c!important;color:#fff!important;display:grid;gap:6px;font-size:14px}.mcd-promo-card strong,.mcd-promo-card span,.mcd-promo-card small{color:inherit!important}.mcd-promo-card small{color:#c4cfdf!important}
.mcd-preview-head{display:flex;justify-content:space-between;align-items:center;margin:2px 4px 10px;font-size:14px;color:#17191d!important}.mcd-preview-head strong{font-size:16px;color:#17191d!important}.mcd-preview-head span{color:#687181!important}.mcd-canvas-wrap{position:relative;display:flex;justify-content:center;align-items:center;min-height:520px;border-radius:16px;background:radial-gradient(circle at 50% 35%,#fff,#ecf0f6)!important;overflow:hidden;border:1px solid #e4e8ef}.mcd-canvas-wrap canvas{display:block;width:auto;height:min(650px,68vh);max-width:100%;touch-action:none}.mcd-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.82)!important;font-weight:700;color:#555!important}
.mcd-active-row{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 10px;font-size:13px;color:#687181!important}.mcd-layer-btn{border:1px solid #cfd5de!important;background:#fff!important;color:#202329!important;border-radius:999px;padding:8px 16px;cursor:pointer;font-weight:800}.mcd-layer-btn.active{background:#111!important;color:#fff!important;border-color:#111!important}
.mcd-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mcd-tools button{min-width:0;border:1px solid #cfd5de!important;background:#f7f9fc!important;color:#202329!important;border-radius:12px;padding:12px 8px;font-size:13px;line-height:1.2;font-weight:800;cursor:pointer;white-space:normal;min-height:52px}.mcd-tools button:hover{border-color:#ff1128!important;background:#fff1f3!important;color:#c20a20!important}.mcd-hint{text-align:center;color:#6f7786!important;font-size:12px;margin:10px 0 0}
.mcd-controls-panel{display:grid;gap:14px}.mcd-step{padding-bottom:14px;border-bottom:1px solid #edf0f3}.mcd-step:last-child{border:0;padding-bottom:0}.mcd-upload{border:1.5px dashed #aeb8c7!important;border-radius:13px;padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center;background:#fbfcfd!important;color:#17191d!important}.mcd-upload:hover{border-color:#ff1128!important;background:#fff6f7!important}.mcd-upload strong{color:#17191d!important}.mcd-upload-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#111!important;color:#fff!important;font-size:22px;margin-bottom:7px}.mcd-upload small{color:#687181!important;font-size:11px;margin-top:4px}.mcd-status{font-size:12px;margin-top:7px;color:#238144!important}
.mcd-row-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.mcd-row-title small{font-size:11px;color:#687181!important}.mcd-presets-toolbar{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:8px;margin:10px 0 10px}.mcd-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));min-width:0;gap:10px;max-height:360px;overflow:auto;padding:2px 1px 6px}.mcd-preset{border:1px solid var(--mcd-line)!important;border-radius:12px;background:#fff!important;color:#17191d!important;padding:5px;cursor:pointer;text-align:left}.mcd-preset img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:8px;display:block;background:#f2f4f7}.mcd-preset span{font-size:11px;color:#17191d!important;display:block;margin-top:5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcd-preset small{font-size:10px;color:#687181!important;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcd-preset.active{border-color:#ff1128!important;box-shadow:0 0 0 2px rgba(255,17,40,.12)}.mcd-empty-presets{grid-column:1/-1;color:#687181!important;font-size:13px;padding:6px 2px}
.mcd-grid-2{display:grid;grid-template-columns:1fr 56px;gap:8px;margin-top:8px}.mcd-color{width:56px;height:48px;padding:4px;border:1px solid #d8dce5!important;border-radius:12px;background:#fff!important}.mcd-range-label{font-size:12px;color:#687181!important;display:grid;grid-template-columns:60px 1fr;align-items:center;margin-top:9px}.mcd-range-label input{accent-color:#ff1128}.mcd-final{display:grid;gap:10px}.mcd-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#555!important}.mcd-check input{margin-top:2px;accent-color:#ff1128}.mcd-primary{border:0!important;background:#ff1128!important;color:#fff!important;border-radius:14px;padding:15px;font-size:15px;font-weight:900;cursor:pointer;box-shadow:0 8px 18px rgba(255,17,40,.24)}.mcd-primary:hover{background:#d90b1f!important}.mcd-primary:disabled{opacity:.55;cursor:wait}.mcd-result{font-size:12px;color:#17191d!important}.mcd-error{display:block;color:#b42318!important;background:#fff1f0!important;border-radius:10px;padding:10px}.mcd-success{background:#eefaf2!important;border:1px solid #cdebd6;border-radius:12px;padding:11px;display:grid;gap:5px;color:#1d5030!important}.mcd-success strong,.mcd-success span{color:#1d5030!important}.mcd-success div{display:flex;gap:8px;margin-top:5px;flex-wrap:wrap}.mcd-success a,.mcd-success button{border:0;border-radius:8px;padding:8px 10px;text-decoration:none;font-weight:700;cursor:pointer}.mcd-success a{background:#111!important;color:#fff!important}.mcd-success button{background:#fff!important;border:1px solid #cad5cc!important;color:#1d5030!important}
.mcd-footnote{margin-top:12px;border-radius:11px;padding:10px 13px;background:#eef1f5!important;color:#4f5968!important;font-size:11px}
@media(max-width:1599px){.mcd-shell{width:min(1120px,calc(100vw - 28px))}.mcd-layout{grid-template-columns:240px minmax(0,1fr)}.mcd-controls-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mcd-final{grid-column:1/-1}.mcd-controls-panel .mcd-step{border-bottom:0}.mcd-canvas-wrap canvas{height:min(610px,64vh)}.mcd-presets{max-height:420px}}
@media(max-width:900px){.mcd-shell{width:calc(100vw - 18px);margin-top:10px;padding:0;left:50%}.mcd-topbar{align-items:flex-start;flex-direction:column}.mcd-topbar h2{font-size:30px}.mcd-price{font-size:22px}.mcd-layout{display:flex;flex-direction:column}.mcd-models-panel,.mcd-preview-panel,.mcd-controls-panel{width:100%}.mcd-models-panel{order:1}.mcd-preview-panel{order:2}.mcd-controls-panel{order:3;display:grid;grid-template-columns:1fr}.mcd-canvas-wrap{min-height:390px}.mcd-canvas-wrap canvas{height:min(520px,58vh)}.mcd-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.mcd-row-title{align-items:flex-start;flex-direction:column;gap:2px}.mcd-presets-toolbar{grid-template-columns:1fr}.mcd-final{grid-column:auto}.mcd-model-chip img{width:52px;height:80px}}

/* v1.0.5 — escritorio realmente full-width: tres columnas desde ~1180 px */
@media (min-width:1181px){
  .mcd-shell{
    width:calc(100vw - 24px)!important;
    max-width:1760px!important;
    margin:24px auto!important;
    padding-left:0!important;
    padding-right:0!important;
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
  }
  .mcd-layout{
    width:100%!important;
    grid-template-columns:240px minmax(430px,520px) minmax(0,1fr)!important;
    gap:16px!important;
  }
  .mcd-controls-panel{
    grid-column:auto!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:14px!important;
  }
  .mcd-controls-panel .mcd-step{border-bottom:1px solid #edf0f3!important}
  .mcd-controls-panel .mcd-step:last-child{border-bottom:0!important}
  .mcd-final{grid-column:auto!important}
  .mcd-canvas-wrap canvas{height:min(650px,68vh)!important}
  .mcd-presets{max-height:460px!important}
}

@media (min-width:1600px){
  .mcd-layout{grid-template-columns:260px minmax(480px,560px) minmax(0,1fr)!important}
}

/* v1.0.7 — full-bleed real desde el viewport, sin depender del ancho del contenedor WooCommerce */
@media (min-width:1181px){
  .mcd-shell{
    width:calc(100vw - 20px)!important;
    max-width:none!important;
    margin-top:24px!important;
    margin-bottom:24px!important;
    margin-left:calc(50% - 50vw + 10px)!important;
    margin-right:calc(50% - 50vw + 10px)!important;
    padding-left:10px!important;
    padding-right:10px!important;
    position:relative!important;
    left:auto!important;
    transform:none!important;
  }
  .mcd-layout{
    width:100%!important;
    grid-template-columns:minmax(220px,260px) minmax(430px,520px) minmax(0,1fr)!important;
    gap:16px!important;
  }
  .mcd-models-panel,.mcd-preview-panel,.mcd-controls-panel{min-width:0!important}
}

@media (min-width:1500px){
  .mcd-layout{grid-template-columns:260px minmax(470px,540px) minmax(0,1fr)!important}
}

/* v1.0.9 — ajuste exacto al viewport, nota sin caja y protección visual */
.mcd-footnote{
  clear:both!important;
  position:relative!important;
  width:100%!important;
  margin:14px 0 0!important;
  padding:0 4px 4px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#aeb6c3!important;
  font-size:12px!important;
  line-height:1.55!important;
}
.mcd-footnote strong{color:#d7deea!important}
.mcd-canvas-wrap canvas,.mcd-preset img,.mcd-model-chip img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}

@media (min-width:1181px){
  .mcd-shell{
    width:calc(100vw - 32px)!important;
    max-width:none!important;
    margin:24px 0!important;
    padding:0!important;
    position:relative!important;
    left:0!important;
    right:auto!important;
    transform:none!important;
    overflow:visible!important;
  }
  .mcd-layout{
    width:100%!important;
    max-width:none!important;
    grid-template-columns:minmax(220px,250px) minmax(390px,500px) minmax(0,1fr)!important;
    gap:14px!important;
  }
  .mcd-models-panel,.mcd-preview-panel,.mcd-controls-panel{min-width:0!important;max-width:none!important}
  .mcd-controls-panel{overflow:hidden!important}
  .mcd-presets-toolbar{grid-template-columns:minmax(150px,42%) minmax(0,1fr)!important}
  .mcd-presets{grid-template-columns:repeat(auto-fill,minmax(82px,1fr))!important;max-width:100%!important}
}
@media (min-width:1500px){
  .mcd-layout{grid-template-columns:250px minmax(440px,520px) minmax(0,1fr)!important}
}