.studio-commerce{background:#fff;padding:15px 18px;color:#26202d}.studio-commerce h3{font-size:14px;margin:0 0 11px}.studio-commerce p{font-size:11px;line-height:1.6;color:#776b7a}.studio-commerce select,.studio-commerce input{border:1px solid #d8cedd;border-radius:7px;background:#fff;padding:8px;width:100%;font-size:12px}.studio-commerce label{font-size:11px;display:grid;gap:5px}.studio-print-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px}.studio-commerce .commerce-size-guide{font-size:11px}.studio-size-qty{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.studio-size-qty label{text-align:center}.studio-size-qty input{text-align:center}.studio-commerce-total{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 0;font-size:12px}.studio-commerce-total strong{color:#924279;font-size:20px}.studio-commerce[data-quote=true] .studio-commerce-total strong{font-size:14px}.studio-shopping-link{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#783664;text-decoration:none}.commerce-selected-caption{font-weight:700;overflow-wrap:anywhere}.studio-commerce .commerce-sleeve-note{padding:8px;margin:5px 0}.studio-commerce .commerce-personalization-note{color:#924279}#commercePanelStatus{min-height:17px;margin:8px 0}.context-panel{display:flex;flex-direction:column}.context-panel .panel-top{flex-shrink:0}.context-panel .panel-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.context-panel .studio-commerce{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}.bottom-actions .commerce-bottom-total{font-size:13px;align-self:center;font-weight:800;color:#924279;white-space:nowrap;margin-right:8px}.commerce-size-guide{line-height:1.45}@media(max-width:820px){.context-panel .studio-commerce{max-height:440px}.context-panel .panel-body{max-height:340px;overflow:auto}.studio-commerce{padding:15px}.studio-size-qty{grid-template-columns:repeat(6,1fr)}.bottom-actions{flex-wrap:wrap}.bottom-actions .commerce-bottom-total{flex-basis:100%;text-align:right;margin:0}.studio-shopping-link{font-size:12px}.studio-commerce h3{font-size:15px}}@media(max-width:420px){.studio-size-qty{grid-template-columns:repeat(3,1fr)}}

/* Colores con nombre propio y desplazamiento dentro del panel. */
.tool-rail{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.tool-item{flex-shrink:0}
.shirt-color-ico{color:#d49ac8}
.editor-step-label{display:block;font-size:9px;font-weight:850;letter-spacing:.1em;color:#85336f;margin:0 0 12px;line-height:1.5}
.design-start h3{font-size:20px;line-height:1.2;letter-spacing:-.03em;margin:0 0 12px}
.design-start p{font-size:12px;line-height:1.6;color:#606675}
.editor-primary,.editor-secondary{width:100%;border-radius:9px;padding:12px 10px;font-size:12px;font-weight:850;min-height:44px;cursor:pointer}
.editor-primary{border:1px solid var(--bs);background:var(--bs);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px}
.editor-primary:hover{background:#7d356e;border-color:#7d356e}
.editor-secondary{margin-top:9px;border:1px solid #cfc3d0;background:#fff;color:#773263}
.editor-secondary:hover{background:#fbf3f9}
.design-start p.note{font-size:10px}
.design-next{display:flex;align-items:flex-start;gap:10px}
.editor-step-number{flex:0 0 27px;height:27px;display:grid;place-items:center;background:#f2e5ef;color:#85336f;border-radius:50%;font-weight:850;font-size:12px}
.design-next .group-title{font-size:12px;margin:3px 0 8px}
.shirt-color-selected{display:flex;gap:10px;align-items:center;padding:12px;margin:14px 0;border:1px solid #e0cddd;border-radius:10px;background:#fcf7fb}
.shirt-color-selected>span{display:block;width:32px;height:32px;border:1px solid #aeb1ba;border-radius:50%;flex-shrink:0}
.shirt-color-selected small{display:block;font-size:10px;color:#656371;margin-bottom:2px}
.shirt-color-selected strong{font-size:13px}
.shirt-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.shirt-color-choice{display:flex;align-items:center;gap:7px;min-height:46px;padding:8px;border:1px solid #d9d9e1;border-radius:9px;background:#fff;color:#34303c;font-size:10px;font-weight:750;line-height:1.3;text-align:left}
.shirt-color-choice.active{border-color:var(--bs);background:#faf1f8;box-shadow:inset 0 0 0 1px var(--bs)}
.shirt-color-choice:hover{border-color:var(--bs)}
.shirt-color-choice:focus-visible,.editor-primary:focus-visible,.editor-secondary:focus-visible,.tool-item:focus-visible{outline:2px solid var(--bs);outline-offset:2px}
.shirt-color-chip{width:23px;height:23px;flex:0 0 23px;border:1px solid #b8bac3;border-radius:50%}
.shirt-color-check{margin-left:auto;font-size:12px;color:#85336f;visibility:hidden}
.shirt-color-choice.active .shirt-color-check{visibility:visible}
.shirt-color-panel .editor-primary{margin-top:16px}

@media(min-width:821px){
  .context-panel{overflow:hidden}
}

.context-panel>[hidden]{display:none!important}
.layer-actions{display:grid;gap:6px;justify-items:end}
.layer-remove{border:1px solid #e0c5cf;background:#fff;color:var(--danger);border-radius:6px;padding:5px 8px;font:800 10px Arial,sans-serif;cursor:pointer}
.layer-remove:hover{background:#fff1f3}
.bs-studio-page .stage-toolbar{height:auto;min-height:54px;gap:10px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.bs-studio-page .stage-toolbar>div:first-child{flex:1;min-width:240px}
.bs-studio-page .stage-toolbar-actions{margin-left:auto}
.stage-toolbar .studio-format-summary{margin-top:5px;font-size:12px;font-weight:750;line-height:1.45;color:#85336f;overflow-wrap:anywhere}
.layer-row [data-print-label]{font-size:11px;font-weight:700;line-height:1.45;color:#85336f}
.layer-row .layer-print-size{display:block;max-width:100%;min-height:36px;margin-top:7px;padding:7px 10px;border:1px solid #ba8bb2;border-radius:7px;background:#f6e7f2;color:#85336f;font:750 11px/1.4 Arial,sans-serif;text-align:left;white-space:normal;cursor:pointer}
.layer-row .layer-print-size:hover{background:#9a458c;border-color:#9a458c;color:#fff}
.layer-row .layer-print-size:focus-visible{outline:3px solid #d486c3;outline-offset:2px}

/* La playera calibrada aprovecha el área central, también en laptop.
   Mangas conserva el encuadre anterior. El zoom sigue en el mismo escenario. */
.bs-studio-page .product-stage.calibrated-mockup{position:absolute;inset:16px;width:auto;height:auto;aspect-ratio:auto}