/* WRAPPER + HEADER IDIOMAS */
.cmd-designer-notice {
    margin: 1rem 0;
    padding: 12px 16px;
    border: 1px solid #f0c36d;
    border-radius: 8px;
    background: #fff8e5;
    color: #5c4a1f;
}

/**/
/* PANEL DERECHO */

.cmd-designer-right {
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

/* TARJETAS */

.cmd-right-card {
    background: #fff;
    border-radius: 24px;
    padding: 16px;
    margin-bottom: 0 !important;
    border: 1px solid #e8ebf0;
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
}

/* BOTONES */

.cmd-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/*Botones Side A y B*/
/* ==========================
   BOTONES SIDE A / SIDE B
========================== */

.cmd-sides {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: stretch;
    align-items: stretch;
    gap: 10px;
    margin-top: 0;
    width: 100%;
}

.cmd-sides.cmd-sides--row {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 10px !important;
    width: 100% !important;
}

.cmd-designer-sides {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin-top: 0;
}

.cmd-sides .cmd-side-btn,
.cmd-designer-center .cmd-side-btn {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    min-height: 48px !important;
}

.cmd-sides-main,
.cmd-sides-additional,
.cmd-additional-sides-toggle,
.cmd-designer-center #cmd_3d_view,
.cmd-designer-center .cmd-3d-btn {
    display: none !important;
}

/* Collapsible disclosure — not a side button */
.cmd-additional-sides-toggle,
.cmd-designer-wrapper .cmd-additional-sides-toggle,
.cmd-designer-wrapper .cmd-additional-sides-toggle:hover,
.cmd-designer-wrapper .cmd-additional-sides-toggle:focus,
.cmd-designer-wrapper .cmd-additional-sides-toggle:active,
.woocommerce .cmd-designer-wrapper .cmd-additional-sides-toggle,
.woocommerce .cmd-designer-wrapper .cmd-additional-sides-toggle:hover,
.woocommerce .cmd-designer-wrapper .cmd-additional-sides-toggle:focus,
.woocommerce .cmd-designer-wrapper .cmd-additional-sides-toggle:active {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 4px 0 0 !important;
    padding: 10px 4px !important;
    border: 0 !important;
    border-radius: 0 !important;
    border-top: 1px solid #e8ebf0 !important;
    background: transparent !important;
    background-color: transparent !important;
    color: #6b7280 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    text-align: left !important;
    text-transform: none !important;
    text-decoration: none !important;
    letter-spacing: 0.01em !important;
    box-shadow: none !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

.cmd-additional-sides-toggle:hover,
.cmd-additional-sides-toggle:focus,
.cmd-designer-wrapper .cmd-additional-sides-toggle:hover,
.cmd-designer-wrapper .cmd-additional-sides-toggle:focus,
.woocommerce .cmd-designer-wrapper .cmd-additional-sides-toggle:hover,
.woocommerce .cmd-designer-wrapper .cmd-additional-sides-toggle:focus {
    background: transparent !important;
    background-color: transparent !important;
    color: #374151 !important;
    border-color: #e8ebf0 !important;
    box-shadow: none !important;
}

.cmd-additional-sides-toggle.cmd-active,
.cmd-designer-wrapper .cmd-additional-sides-toggle.cmd-active,
.woocommerce .cmd-designer-wrapper .cmd-additional-sides-toggle.cmd-active {
    background: transparent !important;
    background-color: transparent !important;
    color: #374151 !important;
    border-color: #e8ebf0 !important;
    box-shadow: none !important;
}

.cmd-additional-sides-toggle .cmd-additional-sides-label {
    flex: 1 1 auto;
    text-align: left;
}

.cmd-additional-sides-toggle .cmd-additional-sides-chevron {
    flex: 0 0 auto;
    width: 0.55em;
    height: 0.55em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.18s ease;
    opacity: 0.7;
}

.cmd-additional-sides-toggle.cmd-active .cmd-additional-sides-chevron,
.cmd-additional-sides-toggle[aria-expanded="true"] .cmd-additional-sides-chevron {
    transform: rotate(-135deg);
    margin-top: 4px;
}

.cmd-sides-additional {
    margin-top: 2px;
    padding-top: 2px;
}

.cmd-product-description-panel {
    width: 100%;
    margin-top: 20px;
    border: 1px solid #e8ebf0;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
    overflow: hidden;
}

.cmd-product-description-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    cursor: pointer;
    list-style: none;
    font-size: 15px;
    font-weight: 700;
    color: #111827;
}

.cmd-product-description-summary::-webkit-details-marker {
    display: none;
}

.cmd-product-description-title {
    flex: 1 1 auto;
}

.cmd-product-description-toggle::before {
    content: "+";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #6d28d9;
}

.cmd-product-description-panel[open] .cmd-product-description-toggle::before {
    content: "−";
}

.cmd-product-description-panel[open] .cmd-product-description-summary {
    border-bottom: 1px solid #e8ebf0;
}

.cmd-product-description-panel .cmd-product-description {
    padding: 16px 18px 18px;
    font-size: 14px;
    line-height: 1.65;
    color: #4b5563;
    text-align: left;
}

.cmd-product-description-panel .cmd-product-description p:last-child {
    margin-bottom: 0;
}

.cmd-side-btn {
    border: 1px solid #d1d5db !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    background: #fff !important;
    color: #111 !important;
    padding: 12px 16px !important;
    min-height: 48px;
    cursor: pointer !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    box-shadow: none !important;
    outline: none !important;
    text-align: center !important;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.cmd-side-btn:hover,
.cmd-side-btn:focus {
    background: #f3f4f6 !important;
    color: #111 !important;
    border-color: #9ca3af !important;
    box-shadow: none !important;
    outline: none !important;
}

.cmd-side-btn.cmd-active {
    background: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
    box-shadow: none !important;
}

.cmd-side-btn.cmd-active:hover,
.cmd-side-btn.cmd-active:focus {
    background: #222 !important;
    color: #fff !important;
    border-color: #222 !important;
    box-shadow: none !important;
}

.cmd-designer-left.cmd-view-unavailable {
    opacity: 0.58;
}

.cmd-designer-left.cmd-view-unavailable .cmd-canva-menu button:disabled,
.cmd-designer-left.cmd-view-unavailable .cmd-canva-content :disabled,
.cmd-designer-right .cmd-actions .cmd-btn:disabled {
    cursor: not-allowed !important;
    opacity: 0.55 !important;
}

/* Add to cart usable aunque el lado actual no tenga imagen, si el producto sí es personalizable */
.cmd-price-card:not(.cmd-product-not-customizable),
.cmd-price-card:not(.cmd-product-not-customizable) .cmd-add-to-cart-inside,
.cmd-price-card:not(.cmd-product-not-customizable) .single_add_to_cart_button,
.cmd-price-card:not(.cmd-product-not-customizable) .quantity input,
.cmd-price-card:not(.cmd-product-not-customizable) .cmd-view-cart {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.cmd-price-card.cmd-product-not-customizable .single_add_to_cart_button:disabled,
.cmd-price-card.cmd-product-not-customizable .quantity input:disabled {
    opacity: 0.55 !important;
    pointer-events: none !important;
    cursor: not-allowed !important;
    background: #9ca3af !important;
}

#cmd_mug_canvas.cmd-canvas-disabled {
    cursor: not-allowed;
}

/* PRECIO */

.cmd-product-price {
    background: #f6f7f9;
    border-radius: 18px;
    padding: 20px;
    margin-bottom: 18px;
    text-align: center;
}

.cmd-product-price,
.cmd-product-price .price,
.cmd-product-price .woocommerce-Price-amount {
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
}

/* CANTIDAD */

.cmd-add-to-cart-inside .quantity {
    width: 100%;
    margin-bottom: 15px;
}

.cmd-add-to-cart-inside input.qty {
    width: 100%;
    border: 1px solid #dfe3ea;
    border-radius: 14px;
    padding: 12px;
    text-align: center;
}

/* BOTON */

.cmd-add-to-cart-inside .single_add_to_cart_button {
    width: 100%;
    background: #111;
    color: #fff;
    border-radius: 16px;
    padding: 14px;
}

/* VER CARRITO */

.cmd-view-cart {
    display: block;
    width: 100%;
    margin-top: 14px;
    text-align: center;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 16px;
    padding: 14px;
    color: #111;
    text-decoration: none;
    font-weight: 700;
}

.cmd-view-cart:hover {
    background: #f3f4f6;
    color: #111;
    border-color: #9ca3af;
}


.cmd-designer-wrapper {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 !important;
    box-sizing: border-box;
    overflow-x: hidden;
    --cmd-brand-purple: #9333ea;
    --cmd-brand-purple-dark: #7c3aed;
    --cmd-brand-purple-light: #a855f7;
    --cmd-brand-purple-soft: #f3e8ff;
    --cmd-brand-purple-ring: rgba(168, 85, 247, 0.24);
    --cmd-btn-radius: 16px;
    accent-color: var(--cmd-brand-purple);
}

.cmd-lang-header {
    margin-bottom: 1.5%;
}

.cmd-lang-header-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    background: #fff;
    border-radius: 18px;
    padding: 10px 14px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.07);
}

.cmd-lang-label {
    font-size: 13px;
    font-weight: 800;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cmd-lang-switch {
    display: flex;
    gap: 8px;
}

.cmd-lang-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    padding: 9px 14px;
    border-radius: 12px;
    background: #f1f3f5;
    color: #222;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.cmd-lang-btn:hover {
    background: #e5e7eb;
    color: #111;
}

.cmd-lang-btn.cmd-active {
    background: #111;
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.cmd-designer-layout {
    display: grid;
    grid-template-columns: 30fr 52fr 18fr;
    gap: 20px;
    align-items: stretch;
    width: 100%;
    box-sizing: border-box;
}

/* COLUMNAS */
.cmd-designer-left,
.cmd-designer-center,
.cmd-designer-right {
    min-height: 100%;
}

.cmd-designer-left,
.cmd-designer-center {
    background: #fff;
    border-radius: 24px;
    padding: 14px;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    border: 1px solid #e8ebf0;
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
}

.cmd-designer-center {
    height: 100%;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    text-align: center;
}

.cmd-designer-center .cmd-designer-title {
    flex: 0 0 auto;
}

.cmd-designer-center #cmd_canvas_wrap {
    flex: 1 1 auto;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cmd-designer-center .cmd-sides-card {
    width: 100%;
    max-width: 100%;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding: 14px 0 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    flex: 0 0 auto;
}

.cmd-designer-left {
    align-self: stretch;
    height: 100%;
}

.cmd-designer-right {
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 100%;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.cmd-designer-left {
    overflow: hidden !important;
}

.cmd-designer-right {
    overflow: hidden;
    min-height: 100%;
}

/* PANEL IZQUIERDO TIPO CANVA */
.cmd-designer-left {
    display: grid !important;
    grid-template-columns: 125px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: stretch !important;
}

/* MENÚ LATERAL — tabs estirados a la altura de la columna */
.cmd-canva-menu {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    background: #f6f7f9;
    border-radius: 20px;
    padding: 10px 6px;
    position: relative;
    z-index: 5;
    flex-shrink: 0;
    height: 100%;
    min-height: 100%;
    align-self: stretch;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #e8ebf0;
    box-shadow: 0 1px 6px rgba(17, 24, 39, 0.04);
}

.cmd-canva-menu .cmd-canva-tab,
.cmd-canva-menu .cmd-canva-tab-ai {
    flex: 1 1 0;
    min-height: 44px;
    height: auto;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cmd-canva-content {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    max-width: 100%;
    width: 100%;
    height: auto;
    align-self: start;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    position: relative;
    z-index: 1;
}

.cmd-designer-wrapper .cmd-btn,
.cmd-designer-wrapper .cmd-canva-tab,
.cmd-designer-wrapper summary {
    color: #222 !important;
}

.cmd-designer-wrapper .cmd-side-btn:not(.cmd-active) {
    color: #111 !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai:not(.cmd-active) {
    color: #7c3aed !important;
}

.cmd-designer-wrapper .cmd-canva-tab.cmd-active,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active,
.cmd-designer-wrapper .cmd-side-btn.cmd-active,
.cmd-designer-wrapper #cmd_enable_paint.cmd-paint-tool-active,
.cmd-designer-wrapper #cmd_eraser_paint.cmd-paint-tool-active,
.cmd-designer-wrapper .cmd-preview-btn,
.cmd-designer-wrapper .cmd-ai-choice.cmd-active,
.cmd-designer-wrapper .single_add_to_cart_button {
    color: #fff !important;
}

.cmd-designer-wrapper .cmd-help-text,
.cmd-designer-wrapper .cmd-help-text a {
    color: #777 !important;
}

.cmd-designer-wrapper .cmd-danger {
    color: #d93025 !important;
}


.cmd-canva-tab {
    width: 100%;
    min-height: 0;
    border: 1px solid #dfe3ea !important;
    border-radius: 12px !important;
    background: #fff !important;
    padding: 7px 6px !important;
    font-weight: 800 !important;
    font-size: 12px;
    line-height: 1.2;
    cursor: pointer;
    color: #222 !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

.cmd-canva-tab-ai {
    width: 100%;
    min-height: 0;
    border: 1px solid #9333ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    padding: 9px 6px !important;
    margin-bottom: 4px;
    font-weight: 800 !important;
    font-size: 13px;
    line-height: 1.2;
    cursor: pointer;
    color: #7c3aed !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
    transition: background 0.18s ease, color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease, border-color 0.18s ease;
}

.cmd-canva-tab:hover {
    background: #f6f7f9 !important;
    border-color: #cfd6e0 !important;
}

.cmd-canva-tab-ai:hover {
    background: #f3e8ff !important;
    border-color: #9333ea !important;
    color: #6d28d9 !important;
    box-shadow: 0 4px 12px rgba(168, 85, 247, 0.18) !important;
    transform: translateY(-1px);
}

.cmd-canva-tab.cmd-active {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    color: #fff !important;
    border-color: #9333ea !important;
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.38) !important;
}

.cmd-canva-tab-ai.cmd-active {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    color: #fff !important;
    border-color: #9333ea !important;
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.38) !important;
}

.cmd-canva-tab-ai.cmd-active:hover {
    background: linear-gradient(135deg, #b46cff 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    border-color: #9333ea !important;
    box-shadow: 0 6px 18px rgba(168, 85, 247, 0.45) !important;
    transform: translateY(-1px);
}

.cmd-canva-tab-ai:disabled,
.cmd-canva-tab:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.cmd-canva-tab-ai:disabled:hover {
    background: #fff !important;
    border-color: #9333ea !important;
    color: #7c3aed !important;
    box-shadow: none !important;
    transform: none;
}

.cmd-canva-tab:disabled:hover {
    background: #fff !important;
    border-color: #dfe3ea !important;
}


/* CONTENIDO PANEL */
.cmd-canva-panel {
    display: none !important;
    background: #fff;
    border: 1px solid #edf0f4;
    border-radius: 22px;
    padding: 12px 14px 14px !important;
    min-height: 0;
    box-sizing: border-box;
    overflow: visible;
    width: 100%;
    max-width: 100%;
}

.cmd-canva-panel .cmd-card-header {
    display: none !important;
}

.cmd-canva-panel.cmd-active {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    border: 1px solid #e8ebf0;
    box-shadow: 0 1px 6px rgba(17, 24, 39, 0.04);
}

.cmd-canva-content .cmd-card.cmd-canva-panel.cmd-active {
    width: 100% !important;
    max-width: 100% !important;
}

/* Todos los paneles: altura del menú, controles compactos arriba */
.cmd-designer-left:has(.cmd-canva-panel.cmd-active) .cmd-canva-content {
    height: 100% !important;
    min-height: 100% !important;
    align-self: stretch !important;
}

.cmd-canva-content .cmd-card.cmd-canva-panel.cmd-active,
.cmd-card.cmd-canva-panel.cmd-active {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 100% !important;
    height: 100% !important;
    align-self: stretch !important;
}

.cmd-canva-panel.cmd-active .cmd-options {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    justify-content: flex-start !important;
    gap: 14px !important;
}

.cmd-canva-panel.cmd-active .cmd-options > * {
    flex: 0 0 auto !important;
}

.cmd-canva-panel.cmd-active .cmd-field {
    justify-content: flex-start !important;
}

.cmd-canva-panel.cmd-active .cmd-fields-2 {
    align-items: stretch !important;
}

.cmd-canva-panel.cmd-active .cmd-fields-2 > .cmd-field {
    justify-content: flex-start !important;
    height: auto !important;
}

.cmd-canva-panel.cmd-active .cmd-inline-checks {
    align-items: center !important;
}

/* Add… / paint actions siempre al fondo del panel */
.cmd-canva-panel.cmd-active .cmd-options > #cmd_add_text,
.cmd-canva-panel.cmd-active .cmd-options > #cmd_add_sticker,
.cmd-canva-panel.cmd-active .cmd-options > #cmd_add_graphic,
.cmd-canva-panel.cmd-active .cmd-options > #cmd_undo_paint {
    flex: 0 0 auto !important;
    margin-top: auto !important;
}

/* Image — ocultar Remove background */
#cmd_remove_bg {
    display: none !important;
}

/* Uploaded file name under the native file input (ellipsis + floating tooltip) */
.cmd-file-name {
    display: block;
    margin: 6px 0 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: var(--cmd-text, #3f3f3f) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
}

.cmd-file-name[hidden] {
    display: none !important;
}

.cmd-file-name[data-tooltip] {
    cursor: default;
}

.cmd-tooltip-bubble {
    position: fixed;
    z-index: 100001;
    max-width: min(300px, calc(100vw - 24px));
    padding: 10px 12px;
    border-radius: 10px;
    background: #2b2f36;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    box-shadow: 0 10px 28px rgba(43, 47, 54, 0.28);
    pointer-events: none;
    animation: cmd-tooltip-in 0.14s ease;
}

@keyframes cmd-tooltip-in {
    from {
        opacity: 0;
        transform: translateY(4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Hide truncated filename next to the native file button; show name only below */
.cmd-designer-wrapper #cmd_image {
    color: transparent !important;
}

.cmd-designer-wrapper #cmd_image::file-selector-button,
.cmd-designer-wrapper #cmd_image::-webkit-file-upload-button {
    color: #111 !important;
    cursor: pointer !important;
}

.cmd-canva-content .cmd-card.cmd-canva-panel {
    margin-bottom: 0 !important;
}

.cmd-canva-panel.cmd-active .cmd-hidden {
    display: none !important;
}

/* Panel padding must win over .cmd-card { padding: 0 } below */
.cmd-card.cmd-canva-panel,
.cmd-tool-card.cmd-canva-panel {
    padding: 12px 14px 14px !important;
    overflow: visible !important;
}

/* TARJETAS INTERNAS */
.cmd-card,
.cmd-tool-card {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin-bottom: 18px !important;
    box-shadow: none !important;
}

.cmd-card h3,
.cmd-tool-card h3 {
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.25 !important;
    margin: 0 0 18px !important;
    padding-top: 2px !important;
    color: #111 !important;
    overflow: visible !important;
    text-transform: none !important;
}

/* CAMPOS */
.cmd-canva-panel.cmd-active .cmd-options {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
    overflow-y: visible;
}

.cmd-canva-panel.cmd-active .cmd-options>*,
.cmd-canva-panel.cmd-active>.cmd-btn-secondary,
.cmd-canva-panel.cmd-active>.cmd-btn-full {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.cmd-canva-panel.cmd-active .cmd-field,
.cmd-canva-panel.cmd-active .cmd-field-full,
.cmd-canva-panel.cmd-active .cmd-fields-2,
.cmd-canva-panel.cmd-active .cmd-inline-checks {
    width: 100% !important;
    max-width: 100% !important;
}

.cmd-field-full {
    width: 100% !important;
    max-width: 100% !important;
}

.cmd-canva-panel.cmd-active>.cmd-btn-full,
.cmd-canva-panel.cmd-active .cmd-options>.cmd-btn-full:last-child,
.cmd-canva-panel.cmd-active .cmd-options>.cmd-btn:last-child {
    flex-shrink: 0;
}

.cmd-canva-panel.cmd-active>.cmd-btn-secondary {
    flex-shrink: 0;
}

.cmd-options {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    gap: 16px !important;
}

.cmd-canva-panel .cmd-field,
.cmd-field {
    gap: 8px !important;
}

.cmd-field {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    min-width: 0;
    margin: .9em 0 !important;
    padding: 0 !important;
}

.cmd-field label,
.cmd-tool-card label {
    display: block !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #222 !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

.cmd-tool-card {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 12px !important;
}

/* Textos de UI: no partir palabras ni letras sueltas */
.cmd-designer-wrapper label,
.cmd-designer-wrapper .cmd-canva-tab,
.cmd-designer-wrapper .cmd-canva-tab-ai,
.cmd-designer-wrapper .cmd-card h3,
.cmd-designer-wrapper .cmd-tool-card h3,
.cmd-designer-wrapper .cmd-ai-guided-modal__header h3,
.cmd-designer-wrapper .cmd-side-btn,
.cmd-designer-wrapper .cmd-lang-label {
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
}

.cmd-field input[type="text"],
.cmd-field select,
.cmd-field input[type="file"],
.cmd-tool-card select,
.cmd-tool-card input[type="text"],
.cmd-tool-card input[type="file"],
.cmd-canva-panel input[type="text"],
.cmd-canva-panel input[type="number"],
.cmd-canva-panel input[type="file"],
.cmd-canva-panel select,
.cmd-canva-panel textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    border: 1px solid #dfe3ea !important;
    border-radius: 14px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    background: #fff !important;
    margin: 0 !important;
}

/* Color picker — show the swatch full-width (not crushed like a text input) */
.cmd-field input[type="color"],
.cmd-canva-panel input[type="color"],
#cmd_color,
#cmd_brush_color,
#cmd_paint_color {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    border: 1px solid #dfe3ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    cursor: pointer !important;
    margin: 0 !important;
}

.cmd-field input[type="color"]::-webkit-color-swatch-wrapper,
.cmd-canva-panel input[type="color"]::-webkit-color-swatch-wrapper,
#cmd_color::-webkit-color-swatch-wrapper,
#cmd_brush_color::-webkit-color-swatch-wrapper,
#cmd_paint_color::-webkit-color-swatch-wrapper {
    padding: 0 !important;
    border-radius: 10px !important;
}

.cmd-field input[type="color"]::-webkit-color-swatch,
.cmd-canva-panel input[type="color"]::-webkit-color-swatch,
#cmd_color::-webkit-color-swatch,
#cmd_brush_color::-webkit-color-swatch,
#cmd_paint_color::-webkit-color-swatch {
    border: none !important;
    border-radius: 10px !important;
}

.cmd-field input[type="color"]::-moz-color-swatch,
.cmd-canva-panel input[type="color"]::-moz-color-swatch,
#cmd_color::-moz-color-swatch,
#cmd_brush_color::-moz-color-swatch,
#cmd_paint_color::-moz-color-swatch {
    border: none !important;
    border-radius: 10px !important;
}

.cmd-field input[type="color"]:focus,
.cmd-canva-panel input[type="color"]:focus,
#cmd_color:focus,
#cmd_brush_color:focus,
#cmd_paint_color:focus {
    outline: none !important;
    border-color: #c4b5fd !important;
    box-shadow: 0 0 0 3px var(--cmd-brand-purple-ring, rgba(168, 85, 247, 0.24)) !important;
}

.cmd-field input[type="text"]:focus,
.cmd-field select:focus,
.cmd-field textarea:focus,
.cmd-tool-card input[type="text"]:focus,
.cmd-tool-card select:focus,
.cmd-tool-card textarea:focus,
.cmd-canva-panel input[type="text"]:focus,
.cmd-canva-panel input[type="number"]:focus,
.cmd-canva-panel select:focus,
.cmd-canva-panel textarea:focus {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 1px !important;
    border-color: #c4b5fd !important;
    box-shadow: 0 0 0 3px var(--cmd-brand-purple-ring, rgba(168, 85, 247, 0.24)) !important;
}

.cmd-field input[type="range"],
.cmd-tool-card input[type="range"],
.cmd-canva-panel input[type="range"],
.cmd-designer-wrapper input[type="range"] {
    --cmd-range-track-h: 6px;
    --cmd-range-thumb-size: 20px;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    height: var(--cmd-range-thumb-size) !important;
    min-height: var(--cmd-range-thumb-size) !important;
    border: 0 !important;
    background: transparent !important;
    accent-color: var(--cmd-brand-purple, #9333ea) !important;
    cursor: pointer !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    --cmd-range-progress: 50%;
}

.cmd-designer-wrapper input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: var(--cmd-range-track-h, 6px) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background-color: #e5e7eb !important;
    background-image: linear-gradient(to right,
            #9333ea 0%,
            #9333ea var(--cmd-range-progress, 50%),
            #e5e7eb var(--cmd-range-progress, 50%),
            #e5e7eb 100%) !important;
}

.cmd-field input[type="range"]::-webkit-slider-runnable-track,
.cmd-tool-card input[type="range"]::-webkit-slider-runnable-track,
.cmd-canva-panel input[type="range"]::-webkit-slider-runnable-track,
.woocommerce .cmd-designer-wrapper input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: var(--cmd-range-track-h, 6px) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background-color: #e5e7eb !important;
}

.cmd-designer-wrapper input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    width: var(--cmd-range-thumb-size, 20px) !important;
    height: var(--cmd-range-thumb-size, 20px) !important;
    /* Center thumb on track: (track - thumb) / 2 */
    margin-top: calc((var(--cmd-range-track-h, 6px) - var(--cmd-range-thumb-size, 20px)) / 2) !important;
    border-radius: 50% !important;
    background: var(--cmd-brand-purple, #9333ea) !important;
    border: 2px solid #fff !important;
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.35) !important;
    cursor: pointer !important;
}

.cmd-designer-wrapper input[type="range"]:focus::-webkit-slider-thumb {
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.35), 0 0 0 3px var(--cmd-brand-purple-ring, rgba(168, 85, 247, 0.24)) !important;
}

.cmd-designer-wrapper input[type="range"]:hover::-webkit-slider-thumb {
    background: var(--cmd-brand-purple-light, #a855f7) !important;
}

.cmd-designer-wrapper input[type="range"]::-moz-range-track {
    width: 100% !important;
    height: var(--cmd-range-track-h, 6px) !important;
    border-radius: 999px !important;
    background: #e5e7eb !important;
    border: 0 !important;
}

.cmd-designer-wrapper input[type="range"]::-moz-range-progress {
    height: var(--cmd-range-track-h, 6px) !important;
    border-radius: 999px !important;
    background: var(--cmd-brand-purple, #9333ea) !important;
}

.cmd-designer-wrapper input[type="range"]::-moz-range-thumb {
    box-sizing: border-box !important;
    width: var(--cmd-range-thumb-size, 20px) !important;
    height: var(--cmd-range-thumb-size, 20px) !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    background: var(--cmd-brand-purple, #9333ea) !important;
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.35) !important;
    cursor: pointer !important;
}

.cmd-designer-wrapper input[type="range"]:hover::-moz-range-thumb {
    background: var(--cmd-brand-purple-light, #a855f7) !important;
}

.cmd-designer-wrapper input[type="checkbox"],
.cmd-designer-wrapper input[type="radio"] {
    accent-color: var(--cmd-brand-purple, #9333ea) !important;
}

/* DOS COLUMNAS */
.cmd-fields-2 {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    min-width: 0;
    margin: 0 !important;
    flex-shrink: 0;
    align-items: stretch;
}

.cmd-field,
.cmd-fields-2>.cmd-field {
    min-width: 0;
}

.cmd-fields-2>.cmd-field {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start;
    height: auto;
}

/* CHECKBOXES */
.cmd-switch,
.cmd-inline-checks label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
}

.cmd-inline-checks {
    display: flex !important;
    gap: 16px !important;
    margin: 0 !important;
    flex-shrink: 0;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: flex-start;
    align-items: center;
}

.cmd-canva-panel .cmd-fields-2 {
    gap: 10px !important;
}

.cmd-options>.cmd-btn,
.cmd-options>.cmd-btn-secondary,
.cmd-options>button,
.cmd-canva-panel.cmd-active>.cmd-btn-secondary,
.cmd-canva-panel.cmd-active>button {
    margin: 0 !important;
}

/* BOTONES */
.cmd-btn,
#cmd_enable_paint,
#cmd_eraser_paint,
#cmd_undo_paint,
#cmd_clear_paint,
#cmd_add_sticker {
    border: 0 !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    background: #f1f3f5 !important;
    padding: 11px 14px !important;
    cursor: pointer !important;
    font-weight: 800 !important;
    color: #222 !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    text-align: center !important;
}

.cmd-btn-full {
    width: 100% !important;
    display: block !important;
    flex-shrink: 0;
}

#cmd_enable_paint.cmd-paint-tool-active,
#cmd_eraser_paint.cmd-paint-tool-active,
.cmd-preview-btn {
    background: #111 !important;
    color: #fff !important;
}

#cmd_enable_paint:not(.cmd-paint-tool-active),
#cmd_eraser_paint:not(.cmd-paint-tool-active) {
    background: #f1f3f5 !important;
    color: #222 !important;
}

#cmd_clear_paint,
#cmd_undo_paint,
#cmd_add_sticker {
    width: 100% !important;
    margin-top: 10px !important;
}

.cmd-btn:hover,
#cmd_clear_paint:hover,
#cmd_undo_paint:hover,
#cmd_add_sticker:hover {
    color: #111 !important;
}

/*imagen destacada miniatura*/
.cmd-ai-thumb-active {
    box-shadow: 0 4px 12px rgba(168, 85, 247, 0.35) !important;
}


/* Reset botones WooCommerce/tema — no aplica dentro del personalizador */
.woocommerce:not(.cmd-designer-wrapper) form.cart .button,
.woocommerce:not(.cmd-designer-wrapper) .single_add_to_cart_button {
    background-color: transparent;
    border: 1px solid transparent !important;
    border-radius: 3px;
    color: #c36;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    padding: .5rem 1rem;
    text-align: center;
    transition: all .3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap;
}

/*boton 3d*/
#cmd_3d_view:disabled,
.cmd-3d-btn--disabled {
    opacity: 0.45;
    cursor: not-allowed !important;
}

.cmd-ai-guided-modal {
    position: fixed;
    inset: 0;
    z-index: 100150;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 24px;
    box-sizing: border-box;
}

.cmd-ai-guided-modal.is-open {
    display: flex;
}

.cmd-ai-guided-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(17, 24, 39, 0.45);
    border: 0;
    cursor: pointer;
}

.cmd-ai-guided-modal__dialog {
    position: relative;
    width: min(520px, 100%);
    max-height: min(85vh, 720px);
    background: #fff;
    border: 1px solid #dfe3ea;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.cmd-ai-guided-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid #dfe3ea;
    background: transparent;
    flex-shrink: 0;
}

.cmd-ai-guided-modal__header h3 {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    color: #111 !important;
}

.cmd-ai-guided-modal__header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

.cmd-ai-guided-modal__clear-filters {
    border: 0;
    background: transparent;
    color: #555;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    cursor: pointer;
    padding: 0;
    white-space: nowrap;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.cmd-ai-guided-modal__clear-filters:hover,
.cmd-ai-guided-modal__clear-filters:focus {
    color: #111;
    background: transparent;
    outline: none;
}

.cmd-ai-guided-modal__close {
    width: auto;
    height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #000;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
}

.cmd-ai-guided-modal__close:hover,
.cmd-ai-guided-modal__close:focus {
    background: transparent;
    color: #000;
    opacity: 0.55;
    outline: none;
}

.cmd-ai-guided-modal__body {
    padding: 20px 24px 24px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cmd-ai-guided-modal__body .cmd-field {
    gap: 10px !important;
    margin: 0 !important;
}

.cmd-ai-guided-modal__body .cmd-field label {
    font-weight: 400 !important;
    margin-bottom: 2px !important;
}

.cmd-ai-guided-modal__body .cmd-ai-guided-buttons {
    gap: 12px;
    margin: 0 !important;
}

.cmd-ai-guided-modal__body #cmd_design_for_me {
    margin-top: 4px;
    border: 0 !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    color: #fff !important;
    min-height: 52px !important;
    padding: 12px 16px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.38) !important;
    transition: background 0.18s ease, box-shadow 0.18s ease, opacity 0.18s ease;
}

.cmd-ai-guided-modal__body #cmd_design_for_me:hover,
.cmd-ai-guided-modal__body #cmd_design_for_me:focus {
    background: linear-gradient(135deg, #b46cff 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(168, 85, 247, 0.45) !important;
}

.cmd-ai-guided-modal__body #cmd_design_for_me:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    box-shadow: none !important;
}

.cmd-ai-guided-modal__body .cmd-ai-actions {
    margin-top: 6px;
    gap: 12px;
}

body.cmd-guided-modal-open {
    overflow: hidden;
}

/* CENTRO */
.cmd-designer-title {
    text-align: center;
    font-size: 42px;
    font-weight: 900;
    margin: 0 0 4%;
    line-height: 1.15;
    word-break: break-word;
    color: #111;
}

#cmd_canvas_wrap {
    position: relative;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    perspective: 1400px;
    transform-style: preserve-3d;
}

#cmd_canvas_wrap.cmd-side-flip-forward,
#cmd_canvas_wrap.cmd-side-flip-back {
    animation-duration: 0.58s;
    animation-timing-function: cubic-bezier(0.33, 0.1, 0.25, 1);
    animation-fill-mode: both;
}

#cmd_canvas_wrap.cmd-side-flip-forward {
    animation-name: cmd-side-flip-forward;
}

#cmd_canvas_wrap.cmd-side-flip-back {
    animation-name: cmd-side-flip-back;
}

@keyframes cmd-side-flip-forward {
    0% {
        transform: rotateY(0deg) scale(1);
    }
    38% {
        transform: rotateY(-72deg) scale(0.985);
    }
    48% {
        transform: rotateY(-88deg) scale(0.975);
    }
    52% {
        transform: rotateY(88deg) scale(0.975);
    }
    68% {
        transform: rotateY(38deg) scale(0.99);
    }
    100% {
        transform: rotateY(0deg) scale(1);
    }
}

@keyframes cmd-side-flip-back {
    0% {
        transform: rotateY(0deg) scale(1);
    }
    38% {
        transform: rotateY(72deg) scale(0.985);
    }
    48% {
        transform: rotateY(88deg) scale(0.975);
    }
    52% {
        transform: rotateY(-88deg) scale(0.975);
    }
    68% {
        transform: rotateY(-38deg) scale(0.99);
    }
    100% {
        transform: rotateY(0deg) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    #cmd_canvas_wrap.cmd-side-flip-forward,
    #cmd_canvas_wrap.cmd-side-flip-back {
        animation: none !important;
    }
}

#cmd_mug_canvas {
    width: 100%;
    height: auto;
    display: block;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.cmd-canvas-fs-toggle,
.cmd-canvas-fs-exit {
    display: none !important;
}

.cmd-canvas-loading {
    position: absolute;
    inset: 0;
    z-index: 6;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.42);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    pointer-events: none;
}

.cmd-canvas-loading.cmd-hidden {
    display: none !important;
}

.cmd-canvas-loading__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(229, 231, 235, 0.9);
    box-shadow: 0 10px 30px rgba(17, 24, 39, 0.12);
}

.cmd-canvas-loading__spinner {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2.5px solid #e5e7eb;
    border-top-color: #111;
    animation: cmd-canvas-spin 0.75s linear infinite;
}

.cmd-canvas-loading__text {
    font-size: 13px;
    font-weight: 600;
    color: #374151;
    line-height: 1.3;
}

@keyframes cmd-canvas-spin {
    to {
        transform: rotate(360deg);
    }
}



/* PANEL DERECHO */
.cmd-actions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* TEXTOS AYUDA */
.cmd-panel-intro {
    font-size: 12px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    color: #6b7280 !important;
    line-height: 1.4 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
}

.cmd-canva-panel > .cmd-panel-intro {
    margin: 0 0 12px !important;
}

.cmd-help-text {
    font-size: 12px !important;
    font-style: italic !important;
    color: #777 !important;
    margin: 0 !important;
}

.cmd-canva-panel .cmd-help-text {
    margin-top: 6px !important;
}

.cmd-canva-panel .cmd-panel-divider {
    margin: 10px 0 !important;
}

.cmd-panel-divider {
    margin: 18px 0 !important;
    border: 0;
    border-top: 1px solid #eee;
}

.cmd-hidden {
    display: none !important;
}

/*carrito y precio*/
/* PANEL DERECHO */
.cmd-designer-right .cmd-buy-box {
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
    margin-top: 24px !important;
}

/* PRECIO */
.cmd-designer-right .cmd-product-price {
    background: #f2f2f2 !important;
    border-radius: 16px !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

.cmd-designer-right .cmd-product-price,
.cmd-designer-right .cmd-product-price .price,
.cmd-designer-right .cmd-product-price .woocommerce-Price-amount {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #111 !important;
    line-height: 1 !important;
}

/* FORMULARIO ADD TO CART */
.cmd-designer-right .cmd-add-to-cart-inside form.cart {
    margin: 0 !important;
}

.cmd-designer-right .cmd-add-to-cart-inside .quantity {
    width: 100% !important;
    margin: 0 !important;
}

.cmd-designer-right .cmd-add-to-cart-inside input.qty {
    width: 100% !important;
    max-width: 100% !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 16px !important;
    text-align: center !important;
    font-weight: 800 !important;
    font-size: 16px !important;
}

/* BOTÓN AÑADIR AL CARRITO */
.cmd-designer-right .cmd-add-to-cart-inside .single_add_to_cart_button {
    width: 100% !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #111 !important;
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
}

/* VER CARRITO */
.cmd-designer-right .cmd-view-cart {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    border-radius: 16px !important;
    background: #fff !important;
    border: 1px solid #d1d5db !important;
    color: #111 !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
}

.cmd-designer-right .cmd-view-cart:hover {
    background: #f3f4f6 !important;
    color: #111 !important;
    border-color: #9ca3af !important;
}


/* =========================
   IA + IA GUIADA
========================= */

.cmd-ai-history {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin: 0 !important;
}

.cmd-ai-thumb {
    padding: 0;
    border: 1px solid #dfe3ea;
    border-radius: 14px;
    background: #fff;
    cursor: pointer;
    overflow: hidden;
    transition: all .18s ease;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04);
}

.cmd-ai-thumb:hover {
    border-color: #dfe3ea;
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, .08);
}

.cmd-ai-thumb img {
    width: 100%;
    height: 74px;
    object-fit: cover;
    display: block;
}

#cmd_generate_ai,
#cmd_regenerate_ai,
#cmd_clear_ai,
#cmd_remove_ai_image {
    margin: 0 !important;
}

/* Botones de opciones IA guiada */
.cmd-ai-guided-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0 !important;
}

.cmd-ai-guided-modal__body .cmd-ai-guided-buttons {
    gap: 12px;
    margin: 0 !important;
}

.cmd-ai-choice {
    border: 1px solid #dfe3ea !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #222 !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: all .18s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04) !important;
}

.cmd-ai-choice:hover {
    border-color: #dfe3ea !important;
    transform: translateY(-1px);
}

.cmd-ai-choice.cmd-active {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    color: #fff !important;
    border-color: #9333ea !important;
}

.cmd-ai-choice.cmd-active::after {
    content: " ✓";
    font-weight: 900;
}

/* Acciones inferiores IA guiada */
.cmd-ai-actions {
    display: flex;
    gap: 10px;
    margin-top: 12px;
}

.cmd-ai-actions button {
    flex: 1;
}

.cmd-ai-actions.cmd-hidden {
    display: none !important;
}

.cmd-btn-secondary {
    background: #fff !important;
    color: #222 !important;
    border: 1px solid #dfe3ea !important;
    border-radius: 14px !important;
    padding: 11px 14px !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    transition: all .18s ease !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04) !important;
}

.cmd-btn-secondary:hover {
    border-color: #dfe3ea !important;
    transform: translateY(-1px);
}

.cmd-panel-subtitle {
    margin: 0 0 8px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #222 !important;
}

.cmd-image-edit-options,
.cmd-ai-image-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.cmd-ai-adjust-block {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    transition: opacity 0.18s ease;
}

.cmd-ai-adjust-block.cmd-controls-disabled {
    opacity: 0.45;
    pointer-events: none;
}

.cmd-ai-adjust-block.cmd-controls-disabled input,
.cmd-ai-adjust-block.cmd-controls-disabled select {
    cursor: not-allowed !important;
}

/* RESPONSIVE — apilar secciones y liberar alturas (mobile usable) */
@media (max-width: 1100px) {
    .cmd-designer-wrapper .cmd-designer-layout {
        grid-template-columns: 1fr !important;
        gap: 14px;
    }

    .cmd-designer-wrapper .cmd-designer-center {
        order: 1;
        height: auto !important;
        min-height: 0 !important;
    }

    .cmd-designer-wrapper .cmd-designer-left {
        order: 2;
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        gap: 12px !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .cmd-designer-wrapper .cmd-designer-right {
        order: 3;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    .cmd-designer-wrapper .cmd-canva-menu {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
        gap: 8px !important;
        padding: 10px !important;
    }

    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab,
    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab-ai {
        flex: 1 1 calc(33.333% - 8px) !important;
        min-width: 96px !important;
        min-height: 44px !important;
        height: auto !important;
    }

    .cmd-designer-wrapper .cmd-canva-content,
    .cmd-designer-wrapper .cmd-designer-left:has(.cmd-canva-panel.cmd-active) .cmd-canva-content,
    .cmd-designer-wrapper .cmd-canva-content .cmd-card.cmd-canva-panel.cmd-active,
    .cmd-designer-wrapper .cmd-card.cmd-canva-panel.cmd-active,
    .cmd-designer-wrapper .cmd-canva-panel.cmd-active,
    .cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-options {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        flex: 0 0 auto !important;
        align-self: stretch !important;
    }

    .cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_text,
    .cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_sticker,
    .cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_graphic,
    .cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-options > #cmd_undo_paint {
        margin-top: 8px !important;
    }

    .cmd-designer-wrapper .cmd-price-card {
        overflow: visible !important;
        margin-top: 0 !important;
    }

    .cmd-designer-wrapper .cmd-btn,
    .cmd-designer-wrapper .cmd-btn-full,
    .cmd-designer-wrapper #cmd_generate_ai,
    .cmd-designer-wrapper #cmd_open_guided_ai,
    .cmd-designer-wrapper .single_add_to_cart_button {
        display: block !important;
        visibility: visible !important;
        pointer-events: auto !important;
        min-height: 48px !important;
        height: auto !important;
        white-space: normal !important;
    }

    .cmd-designer-wrapper .cmd-fields-2 {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 700px) {
    .cmd-lang-header-inner {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
    }

    .cmd-lang-switch {
        width: 100%;
    }

    .cmd-lang-btn {
        flex: 1;
    }

    .cmd-designer-wrapper {
        padding: 0;
    }

    .cmd-designer-wrapper .cmd-designer-left,
    .cmd-designer-wrapper .cmd-designer-center,
    .cmd-designer-wrapper .cmd-designer-right {
        margin-bottom: 0;
        padding: 0;
    }

    .cmd-designer-title {
        font-size: 28px;
    }

    .cmd-canva-panel {
        padding: 10px !important;
    }

    .cmd-card h3,
    .cmd-tool-card h3 {
        font-size: 18px !important;
    }

    .cmd-help-text {
        word-break: normal !important;
        overflow-wrap: break-word;
    }

    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab,
    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab-ai {
        flex: 1 1 calc(50% - 8px) !important;
        font-size: 13px !important;
    }
}

/* TOASTS / NOTIFICACIONES */
.cmd-toast-stack {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 999999;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: min(360px, calc(100vw - 32px));
    pointer-events: none;
}

.cmd-toast {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid #e8ebf0;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.14);
    box-sizing: border-box;
    pointer-events: auto;
    opacity: 0;
    transform: translate3d(18px, -6px, 0) scale(0.96);
    transition:
        opacity 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.38s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.38s ease;
    will-change: opacity, transform;
}

.cmd-toast--visible {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.16);
}

.cmd-toast--hide {
    opacity: 0;
    transform: translate3d(12px, -4px, 0) scale(0.98);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

@media (prefers-reduced-motion: reduce) {
    .cmd-toast {
        transform: none;
        transition: opacity 0.2s ease;
    }

    .cmd-toast--visible,
    .cmd-toast--hide {
        transform: none;
    }
}

.cmd-toast-icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 900;
    line-height: 1;
}

.cmd-toast--success .cmd-toast-icon {
    background: #e8f7ee;
    color: #137333;
}

.cmd-toast--error .cmd-toast-icon {
    background: #fdecea;
    color: #c5221f;
}

.cmd-toast--warning .cmd-toast-icon {
    background: #fff4e5;
    color: #b06000;
}

.cmd-toast--info .cmd-toast-icon {
    background: #f3e8ff;
    color: #7c3aed;
}

.cmd-toast-text {
    flex: 1;
    margin: 0 !important;
    padding: 4px 0 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
    color: #111 !important;
}

.cmd-toast-close {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: #444 !important;
    font-size: 18px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
}

.cmd-toast-close:hover {
    background: transparent !important;
    color: #111 !important;
}

#cmd_3d_status:empty {
    display: none !important;
}


/* ==========================
   PAINT - MÁS ESPACIO
========================== */

#cmd_enable_paint,
#cmd_eraser_paint,
#cmd_undo_paint,
#cmd_clear_paint {
    width: 100%;
    margin: 0 !important;
    padding: 16px 20px !important;
    border-radius: 16px !important;
}

#cmd_enable_paint {
    margin-bottom: 0 !important;
}

.cmd-paint-mode-row {
    gap: 10px !important;
}

.cmd-paint-mode-row > button,
.cmd-designer-wrapper .cmd-paint-mode-row > #cmd_enable_paint,
.cmd-designer-wrapper .cmd-paint-mode-row > #cmd_eraser_paint {
    width: 100% !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: center !important;
    text-align: center !important;
    white-space: normal !important;
    line-height: 1.25 !important;
}

/* Separación de controles sueltos en panel Pintar (sin .cmd-field) */

.cmd-paint-panel>*:not(h3):not(.cmd-card-header),
.cmd-canva-panel>*:not(h3):not(.cmd-card-header) {
    margin-bottom: 0 !important;
}

#cmd_brush_color,
#cmd_brush_size,
#cmd_brush_opacity,
#cmd_paint_color,
#cmd_paint_size {
    margin: 0 !important;
}

/* ==========================
   PANEL DERECHO EN 2 CARDS
========================== */

.cmd-designer-right {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
    height: 100%;
    min-height: 100%;

    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.cmd-designer-right {
    display: flex;
    flex-direction: column;
    gap: 14px;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.cmd-right-card {
    background: #fff;
    border-radius: 24px;
    padding: 16px;
    margin-bottom: 0 !important;
    border: 1px solid #e8ebf0;
    box-shadow: 0 2px 10px rgba(17, 24, 39, 0.05);
}


.cmd-actions-card {
    padding: 18px !important;
}

.cmd-price-card {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 18px !important;
    margin-top: auto;
}

/* Bloque compra: precio, cantidad y botones del mismo tamaño */
.cmd-price-card .cmd-product-price,
.cmd-price-card .quantity,
.cmd-price-card .single_add_to_cart_button,
.cmd-designer-wrapper .cmd-price-card .single_add_to_cart_button,
.cmd-price-card .cmd-view-cart {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
}

/* Precio */

.cmd-price-card .cmd-product-price {
    background: #f2f2f2 !important;
    color: #111 !important;
}

.cmd-price-card .cmd-product-price,
.cmd-price-card .cmd-product-price .price,
.cmd-price-card .cmd-product-price .woocommerce-Price-amount,
.cmd-price-card .cmd-product-price .woocommerce-Price-amount bdi {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    margin: 0 !important;
}

.cmd-price-card .cmd-add-to-cart-inside {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Formulario WooCommerce dentro del personalizador */
.cmd-price-card .cmd-add-to-cart-inside form.cart,
.cmd-designer-wrapper .cmd-price-card form.cart {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Cantidad */

.cmd-price-card .quantity,
.cmd-designer-wrapper .cmd-price-card .quantity,
.cmd-designer-wrapper .cmd-price-card form.cart .quantity,
.woocommerce .cmd-designer-wrapper .cmd-price-card .quantity {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
    flex: 0 0 auto !important;
}

.cmd-price-card input.qty,
.cmd-price-card .quantity input.qty,
.cmd-price-card .quantity input[type="number"],
.cmd-designer-wrapper .cmd-price-card input.qty,
.cmd-designer-wrapper .cmd-price-card .quantity input.qty,
.cmd-designer-wrapper .cmd-price-card .quantity input[type="number"],
.cmd-designer-wrapper .cmd-price-card form.cart input.qty,
.cmd-designer-wrapper .cmd-price-card form.cart .quantity input.qty,
.cmd-designer-wrapper .cmd-price-card form.cart .quantity input[type="number"],
.woocommerce .cmd-designer-wrapper .cmd-price-card input.qty,
.woocommerce .cmd-designer-wrapper .cmd-price-card .quantity input.qty,
.woocommerce .cmd-designer-wrapper .cmd-price-card .quantity input[type="number"] {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    background: #fff !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    box-sizing: border-box !important;
    float: none !important;
    align-self: stretch !important;
}

/* Botón comprar (WooCommerce) */

.cmd-price-card .single_add_to_cart_button,
.cmd-designer-wrapper .cmd-price-card .single_add_to_cart_button {
    border: 0 !important;
    background: #111 !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

/* Ver carrito */

.cmd-price-card .cmd-view-cart {
    background: #fff !important;
    border: 1px solid #d1d5db !important;
    color: #111 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.cmd-price-card .cmd-view-cart:hover {
    background: #f3f4f6 !important;
    color: #111 !important;
    border-color: #9ca3af !important;
}

.cmd-card-actions {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.cmd-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 14px !important;
}

.cmd-actions .cmd-btn {
    width: 100% !important;
    min-height: 52px !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    text-transform: uppercase;
}

.cmd-price-card .single_add_to_cart_button,
.cmd-designer-wrapper .cmd-price-card .single_add_to_cart_button,
.cmd-price-card .cmd-view-cart {
    text-transform: uppercase;
}

/* Anti-reset tema — Side buttons neutros */
.cmd-designer-wrapper .cmd-side-btn,
.cmd-designer-wrapper .cmd-side-btn:active,
.woocommerce .cmd-designer-wrapper .cmd-side-btn,
.woocommerce .cmd-designer-wrapper .cmd-side-btn:active {
    background-color: #fff !important;
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #d1d5db !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.cmd-designer-wrapper .cmd-side-btn:hover,
.cmd-designer-wrapper .cmd-side-btn:focus,
.woocommerce .cmd-designer-wrapper .cmd-side-btn:hover,
.woocommerce .cmd-designer-wrapper .cmd-side-btn:focus {
    background-color: #f3f4f6 !important;
    background: #f3f4f6 !important;
    color: #111 !important;
    border-color: #9ca3af !important;
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-side-btn.cmd-active,
.cmd-designer-wrapper .cmd-side-btn.cmd-active:active,
.woocommerce .cmd-designer-wrapper .cmd-side-btn.cmd-active,
.woocommerce .cmd-designer-wrapper .cmd-side-btn.cmd-active:active {
    background: #111 !important;
    background-color: #111 !important;
    color: #fff !important;
    border-color: #111 !important;
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-side-btn.cmd-active:hover,
.cmd-designer-wrapper .cmd-side-btn.cmd-active:focus,
.woocommerce .cmd-designer-wrapper .cmd-side-btn.cmd-active:hover,
.woocommerce .cmd-designer-wrapper .cmd-side-btn.cmd-active:focus {
    background: #222 !important;
    background-color: #222 !important;
    color: #fff !important;
    border-color: #222 !important;
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-btn,
.cmd-designer-wrapper .cmd-btn:hover,
.cmd-designer-wrapper .cmd-btn:focus,
.cmd-designer-wrapper .cmd-btn:active {
    background-color: #f1f3f5 !important;
    background: #f1f3f5 !important;
    color: #222 !important;
    border: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.cmd-designer-wrapper .cmd-btn:hover,
.cmd-designer-wrapper .cmd-btn:focus {
    background-color: #e5e7eb !important;
    background: #e5e7eb !important;
    color: #111 !important;
}

.cmd-designer-wrapper .cmd-lang-btn,
.cmd-designer-wrapper .cmd-lang-btn:hover,
.cmd-designer-wrapper .cmd-lang-btn:focus,
.cmd-designer-wrapper .cmd-lang-btn:active {
    background-color: #f1f3f5 !important;
    background: #f1f3f5 !important;
    color: #222 !important;
    text-decoration: none !important;
}

.cmd-designer-wrapper .cmd-lang-btn:hover,
.cmd-designer-wrapper .cmd-lang-btn:focus {
    background-color: #e5e7eb !important;
    background: #e5e7eb !important;
    color: #111 !important;
}

.cmd-designer-wrapper .cmd-lang-btn.cmd-active,
.cmd-designer-wrapper .cmd-lang-btn.cmd-active:hover,
.cmd-designer-wrapper .cmd-lang-btn.cmd-active:focus,
.cmd-designer-wrapper .cmd-lang-btn.cmd-active:active {
    background-color: #111 !important;
    background: #111 !important;
    color: #fff !important;
}

.cmd-designer-wrapper .cmd-canva-tab:hover,
.cmd-designer-wrapper .cmd-canva-tab:focus,
.cmd-designer-wrapper .cmd-canva-tab:active {
    background-color: #f6f7f9 !important;
    background: #f6f7f9 !important;
    color: #222 !important;
    border-color: #cfd6e0 !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai:not(.cmd-active),
.cmd-designer-wrapper .cmd-canva-tab-ai:not(.cmd-active):hover,
.cmd-designer-wrapper .cmd-canva-tab-ai:not(.cmd-active):focus,
.cmd-designer-wrapper .cmd-canva-tab-ai:not(.cmd-active):active {
    background-color: #fff !important;
    background: #fff !important;
    color: #7c3aed !important;
    border: 1px solid #9333ea !important;
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai:not(.cmd-active):hover,
.cmd-designer-wrapper .cmd-canva-tab-ai:not(.cmd-active):focus {
    background-color: #f3e8ff !important;
    background: #f3e8ff !important;
    color: #6d28d9 !important;
    box-shadow: 0 4px 12px rgba(168, 85, 247, 0.18) !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:hover,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:focus,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:active {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    color: #fff !important;
    border-color: #9333ea !important;
}

.cmd-designer-wrapper .cmd-canva-tab.cmd-active,
.cmd-designer-wrapper .cmd-canva-tab.cmd-active:hover,
.cmd-designer-wrapper .cmd-canva-tab.cmd-active:focus,
.cmd-designer-wrapper .cmd-canva-tab.cmd-active:active {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    background-color: #7c3aed !important;
    color: #fff !important;
    border-color: #9333ea !important;
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.38) !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:hover,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:focus {
    background: linear-gradient(135deg, #b46cff 0%, #8b5cf6 100%) !important;
    color: #fff !important;
    border-color: #9333ea !important;
    box-shadow: 0 6px 18px rgba(168, 85, 247, 0.45) !important;
}

/* Integración ficha producto — temas clásicos y de bloques (Twenty Twenty-Five, etc.) */
body.cmd-product-page-integration .woocommerce-product-gallery,
body.cmd-product-page-integration .wp-block-woocommerce-product-image-gallery,
body.cmd-product-page-integration .woocommerce-tabs,
body.cmd-product-page-integration .related.products,
body.cmd-product-page-integration .upsells,
body.cmd-product-page-integration .wp-block-post-title,
body.cmd-product-page-integration .wp-block-woocommerce-product-price,
body.cmd-product-page-integration .wp-block-add-to-cart-form,
body.cmd-product-page-integration .wc-block-add-to-cart-form,
body.cmd-product-page-integration .wp-block-post-excerpt,
body.cmd-product-page-integration .wp-block-woocommerce-product-meta,
body.cmd-product-page-integration .wp-block-woocommerce-product-details,
body.cmd-product-page-integration .wp-block-woocommerce-product-collection {
    display: none !important;
}

body.cmd-product-page-integration .cmd-product-page-designer-root {
    width: 100%;
    max-width: var(--wp--style--global--wide-size, 1280px);
    margin: 0 auto 2rem;
    padding: 0;
    box-sizing: border-box;
}

body.cmd-product-page-integration .cmd-designer-wrapper {
    width: 100%;
    max-width: 100%;
}

body.cmd-product-page-integration .cmd-designer-layout {
    min-width: 0;
}

body.cmd-product-page-integration .cmd-designer-left,
body.cmd-product-page-integration .cmd-designer-center,
body.cmd-product-page-integration .cmd-designer-right {
    min-width: 0;
}

body.cmd-product-page-integration .cmd-designer-wrapper .cmd-btn,
body.cmd-product-page-integration .cmd-designer-wrapper .cmd-side-btn,
body.cmd-product-page-integration .cmd-designer-wrapper .cmd-canva-tab,
body.cmd-product-page-integration .cmd-designer-wrapper .cmd-canva-tab-ai {
    writing-mode: horizontal-tb !important;
    text-orientation: mixed !important;
    word-break: normal !important;
    letter-spacing: normal !important;
}

body.cmd-product-page-integration .cmd-designer-wrapper .cmd-canva-tab,
body.cmd-product-page-integration .cmd-designer-wrapper .cmd-canva-tab-ai,
body.cmd-product-page-integration .cmd-designer-wrapper .cmd-side-btn {
    white-space: nowrap !important;
}

body.cmd-product-page-integration .cmd-designer-wrapper .cmd-field label,
body.cmd-product-page-integration .cmd-designer-wrapper .cmd-tool-card label,
body.cmd-product-page-integration .cmd-designer-wrapper .cmd-help-text {
    white-space: normal !important;
}

body.cmd-product-page-integration form.cart {
    display: none !important;
}

body.cmd-product-page-integration .cmd-designer-wrapper form.cart {
    display: flex !important;
    flex-direction: column;
}

body.cmd-product-page-integration .summary>*:not(.cmd-designer-wrapper) {
    display: none !important;
}

body.cmd-product-page-integration .summary.entry-summary,
body.cmd-product-page-integration div.product .summary {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
}

body.cmd-product-page-integration div.product {
    display: block;
}

/* Shortcode en descripción: ocultar carrito duplicado del resumen */
body.single-product:has(.cmd-designer-wrapper) .summary form.cart,
body.single-product:has(.cmd-designer-wrapper) .entry-summary form.cart {
    display: none !important;
}

/* Sin sombras en controles interactivos */
.cmd-designer-wrapper button,
.cmd-designer-wrapper .cmd-btn,
.cmd-designer-wrapper .cmd-btn-secondary,
.cmd-designer-wrapper .cmd-ai-choice,
.cmd-designer-wrapper .cmd-canva-tab,
.cmd-designer-wrapper input:not([type="color"]):not([type="range"]),
.cmd-designer-wrapper select,
.cmd-designer-wrapper textarea {
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai:not(.cmd-active) {
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active {
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.38) !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:hover,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:focus {
    box-shadow: 0 6px 18px rgba(168, 85, 247, 0.45) !important;
}

/* Sin borde negro ni outline en botones */
.cmd-designer-wrapper button,
.cmd-designer-wrapper button:hover,
.cmd-designer-wrapper button:focus,
.cmd-designer-wrapper button:active,
.cmd-designer-wrapper button:focus-visible,
.cmd-designer-wrapper .cmd-btn,
.cmd-designer-wrapper .cmd-btn:hover,
.cmd-designer-wrapper .cmd-btn:focus,
.cmd-designer-wrapper .cmd-btn:active,
.cmd-designer-wrapper .cmd-btn:focus-visible,
.cmd-designer-wrapper .cmd-btn-secondary,
.cmd-designer-wrapper .cmd-btn-secondary:hover,
.cmd-designer-wrapper .cmd-btn-secondary:focus,
.cmd-designer-wrapper .cmd-btn-secondary:active,
.cmd-designer-wrapper .cmd-ai-choice,
.cmd-designer-wrapper .cmd-ai-choice:hover,
.cmd-designer-wrapper .cmd-ai-choice:focus,
.cmd-designer-wrapper .cmd-ai-choice:active,
.cmd-designer-wrapper .cmd-canva-tab,
.cmd-designer-wrapper .cmd-canva-tab:hover,
.cmd-designer-wrapper .cmd-canva-tab:focus,
.cmd-designer-wrapper .cmd-canva-tab:active,
.cmd-designer-wrapper .cmd-canva-tab-ai,
.cmd-designer-wrapper .cmd-canva-tab-ai:hover,
.cmd-designer-wrapper .cmd-canva-tab-ai:focus,
.cmd-designer-wrapper .cmd-canva-tab-ai:active,
.cmd-designer-wrapper .cmd-side-btn,
.cmd-designer-wrapper .cmd-side-btn:hover,
.cmd-designer-wrapper .cmd-side-btn:focus,
.cmd-designer-wrapper .cmd-side-btn:active,
.cmd-designer-wrapper .cmd-ai-guided-modal__close,
.cmd-designer-wrapper .cmd-ai-guided-modal__close:hover,
.cmd-designer-wrapper .cmd-ai-guided-modal__close:focus,
.cmd-designer-wrapper .cmd-ai-guided-modal__close:active {
    outline: none !important;
    outline-offset: 0 !important;
}

.cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters,
.cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:hover,
.cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:focus,
.cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:active,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:hover,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:focus,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:active {
    appearance: none !important;
    -webkit-appearance: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #555 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important;
    cursor: pointer !important;
}

.cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:hover,
.cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:focus,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:hover,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__clear-filters:focus {
    color: #111 !important;
    background: transparent !important;
}

.cmd-designer-wrapper .cmd-ai-guided-modal__header,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__header {
    background: transparent !important;
    background-color: transparent !important;
}

.cmd-designer-wrapper .cmd-ai-guided-modal__close,
.cmd-designer-wrapper .cmd-ai-guided-modal__close:hover,
.cmd-designer-wrapper .cmd-ai-guided-modal__close:focus,
.cmd-designer-wrapper .cmd-ai-guided-modal__close:active,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__close,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__close:hover,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__close:focus,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__close:active {
    appearance: none !important;
    -webkit-appearance: none !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    color: #000 !important;
    font-size: 28px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    cursor: pointer !important;
}

.cmd-designer-wrapper .cmd-ai-guided-modal__close:hover,
.cmd-designer-wrapper .cmd-ai-guided-modal__close:focus,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__close:hover,
.woocommerce .cmd-designer-wrapper .cmd-ai-guided-modal__close:focus {
    color: #000 !important;
    background: transparent !important;
    background-color: transparent !important;
    opacity: 0.55 !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    background: #fff !important;
    color: #7c3aed !important;
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-canva-tab:disabled {
    opacity: 0.45 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    background: #fff !important;
    color: #888 !important;
}

.cmd-designer-wrapper .cmd-btn-secondary,
.cmd-designer-wrapper .cmd-btn-secondary:hover,
.cmd-designer-wrapper .cmd-btn-secondary:focus,
.cmd-designer-wrapper .cmd-btn-secondary:active,
.cmd-designer-wrapper .cmd-ai-choice,
.cmd-designer-wrapper .cmd-ai-choice:hover,
.cmd-designer-wrapper .cmd-ai-choice:focus,
.cmd-designer-wrapper .cmd-ai-choice:active,
.cmd-designer-wrapper .cmd-canva-tab,
.cmd-designer-wrapper .cmd-canva-tab:hover,
.cmd-designer-wrapper .cmd-canva-tab:focus,
.cmd-designer-wrapper .cmd-canva-tab:active {
    border: 1px solid #dfe3ea !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai,
.cmd-designer-wrapper .cmd-canva-tab-ai:hover,
.cmd-designer-wrapper .cmd-canva-tab-ai:focus,
.cmd-designer-wrapper .cmd-canva-tab-ai:active {
    border: 1px solid #9333ea !important;
}

.cmd-designer-wrapper .cmd-ai-choice.cmd-active,
.cmd-designer-wrapper .cmd-ai-choice.cmd-active:hover,
.cmd-designer-wrapper .cmd-ai-choice.cmd-active:focus,
.cmd-designer-wrapper .cmd-ai-choice.cmd-active:active {
    border: 1px solid #9333ea !important;
}

.cmd-designer-wrapper .cmd-canva-tab.cmd-active,
.cmd-designer-wrapper .cmd-canva-tab.cmd-active:hover,
.cmd-designer-wrapper .cmd-canva-tab.cmd-active:focus,
.cmd-designer-wrapper .cmd-canva-tab.cmd-active:active {
    border: 1px solid #9333ea !important;
}

.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:hover,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:focus,
.cmd-designer-wrapper .cmd-canva-tab-ai.cmd-active:active {
    border: 1px solid #9333ea !important;
}

/* Input focus — soft ring, no black border or outline gaps on rounded corners */
.cmd-designer-wrapper .cmd-field input[type="text"]:focus,
.cmd-designer-wrapper .cmd-field select:focus,
.cmd-designer-wrapper .cmd-field textarea:focus,
.cmd-designer-wrapper .cmd-tool-card input[type="text"]:focus,
.cmd-designer-wrapper .cmd-tool-card select:focus,
.cmd-designer-wrapper .cmd-tool-card textarea:focus,
.cmd-designer-wrapper .cmd-canva-panel input[type="text"]:focus,
.cmd-designer-wrapper .cmd-canva-panel input[type="number"]:focus,
.cmd-designer-wrapper .cmd-canva-panel select:focus,
.cmd-designer-wrapper .cmd-canva-panel textarea:focus {
    outline: none !important;
    outline-offset: 0 !important;
    border-width: 1px !important;
    border-color: #c4b5fd !important;
    box-shadow: 0 0 0 3px var(--cmd-brand-purple-ring, rgba(168, 85, 247, 0.24)) !important;
}

/* Color picker — anti-theme reset (Text + Paint); swatch must fill the control */
.cmd-designer-wrapper .cmd-field input[type="color"],
.cmd-designer-wrapper .cmd-tool-card input[type="color"],
.cmd-designer-wrapper .cmd-canva-panel input[type="color"],
.cmd-designer-wrapper #cmd_color,
.cmd-designer-wrapper #cmd_brush_color,
.cmd-designer-wrapper #cmd_paint_color {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 25px !important;
    min-height: 25px !important;
    padding: 4px !important;
    box-sizing: border-box !important;
    border: 1px solid #dfe3ea !important;
    border-radius: 14px !important;
    background: #fff !important;
    cursor: pointer !important;
    line-height: normal !important;
}

.cmd-designer-wrapper .cmd-field input[type="color"]::-webkit-color-swatch-wrapper,
.cmd-designer-wrapper .cmd-tool-card input[type="color"]::-webkit-color-swatch-wrapper,
.cmd-designer-wrapper .cmd-canva-panel input[type="color"]::-webkit-color-swatch-wrapper,
.cmd-designer-wrapper #cmd_color::-webkit-color-swatch-wrapper,
.cmd-designer-wrapper #cmd_brush_color::-webkit-color-swatch-wrapper,
.cmd-designer-wrapper #cmd_paint_color::-webkit-color-swatch-wrapper {
    padding: 0 !important;
    border: none !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 100% !important;
}

.cmd-designer-wrapper .cmd-field input[type="color"]::-webkit-color-swatch,
.cmd-designer-wrapper .cmd-tool-card input[type="color"]::-webkit-color-swatch,
.cmd-designer-wrapper .cmd-canva-panel input[type="color"]::-webkit-color-swatch,
.cmd-designer-wrapper #cmd_color::-webkit-color-swatch,
.cmd-designer-wrapper #cmd_brush_color::-webkit-color-swatch,
.cmd-designer-wrapper #cmd_paint_color::-webkit-color-swatch {
    border: none !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 100% !important;
}

.cmd-designer-wrapper .cmd-field input[type="color"]::-moz-color-swatch,
.cmd-designer-wrapper .cmd-tool-card input[type="color"]::-moz-color-swatch,
.cmd-designer-wrapper .cmd-canva-panel input[type="color"]::-moz-color-swatch,
.cmd-designer-wrapper #cmd_color::-moz-color-swatch,
.cmd-designer-wrapper #cmd_brush_color::-moz-color-swatch,
.cmd-designer-wrapper #cmd_paint_color::-moz-color-swatch {
    border: none !important;
    border-radius: 10px !important;
    width: 100% !important;
    height: 100% !important;
}

.cmd-designer-wrapper .cmd-field input[type="color"]:focus,
.cmd-designer-wrapper .cmd-tool-card input[type="color"]:focus,
.cmd-designer-wrapper .cmd-canva-panel input[type="color"]:focus,
.cmd-designer-wrapper #cmd_color:focus,
.cmd-designer-wrapper #cmd_brush_color:focus,
.cmd-designer-wrapper #cmd_paint_color:focus {
    outline: none !important;
    border-color: #c4b5fd !important;
    box-shadow: 0 0 0 3px var(--cmd-brand-purple-ring, rgba(168, 85, 247, 0.24)) !important;
}

/* Panel lateral: estirar controles al ancho completo */
.cmd-designer-wrapper .cmd-canva-panel.cmd-active,
.cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-options,
.cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-field,
.cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-fields-2 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.cmd-designer-wrapper .cmd-canva-panel.cmd-active input:not([type="checkbox"]):not([type="radio"]),
.cmd-designer-wrapper .cmd-canva-panel.cmd-active select,
.cmd-designer-wrapper .cmd-canva-panel.cmd-active textarea,
.cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-btn,
.cmd-designer-wrapper .cmd-canva-panel.cmd-active .cmd-btn-secondary {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Side buttons — neutros, sin sombra morada */
.cmd-designer-wrapper .cmd-designer-center .cmd-side-btn,
.woocommerce .cmd-designer-wrapper .cmd-designer-center .cmd-side-btn {
    border-radius: var(--cmd-btn-radius, 16px) !important;
    min-height: 48px !important;
}

.cmd-designer-wrapper .cmd-side-btn:hover,
.cmd-designer-wrapper .cmd-side-btn:focus,
.woocommerce .cmd-designer-wrapper .cmd-side-btn:hover,
.woocommerce .cmd-designer-wrapper .cmd-side-btn:focus {
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-side-btn.cmd-active,
.woocommerce .cmd-designer-wrapper .cmd-side-btn.cmd-active {
    box-shadow: none !important;
}

.cmd-designer-wrapper .cmd-side-btn.cmd-active:hover,
.cmd-designer-wrapper .cmd-side-btn.cmd-active:focus,
.woocommerce .cmd-designer-wrapper .cmd-side-btn.cmd-active:hover,
.woocommerce .cmd-designer-wrapper .cmd-side-btn.cmd-active:focus {
    box-shadow: none !important;
}

/* Guided AI — botón Create corporativo (después del reset .cmd-btn gris) */
.cmd-designer-wrapper #cmd_design_for_me,
.cmd-designer-wrapper #cmd_design_for_me:hover,
.cmd-designer-wrapper #cmd_design_for_me:focus,
.cmd-designer-wrapper #cmd_design_for_me:active,
.woocommerce .cmd-designer-wrapper #cmd_design_for_me,
.woocommerce .cmd-designer-wrapper #cmd_design_for_me:hover,
.woocommerce .cmd-designer-wrapper #cmd_design_for_me:focus,
.woocommerce .cmd-designer-wrapper #cmd_design_for_me:active {
    border: 0 !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    color: #fff !important;
    text-decoration: none !important;
}

.cmd-designer-wrapper #cmd_design_for_me,
.woocommerce .cmd-designer-wrapper #cmd_design_for_me {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    background-color: #7c3aed !important;
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.38) !important;
}

.cmd-designer-wrapper #cmd_design_for_me:hover,
.cmd-designer-wrapper #cmd_design_for_me:focus,
.woocommerce .cmd-designer-wrapper #cmd_design_for_me:hover,
.woocommerce .cmd-designer-wrapper #cmd_design_for_me:focus {
    background: linear-gradient(135deg, #b46cff 0%, #8b5cf6 100%) !important;
    background-color: #8b5cf6 !important;
    box-shadow: 0 6px 18px rgba(168, 85, 247, 0.45) !important;
}

.cmd-designer-wrapper #cmd_design_for_me:disabled,
.woocommerce .cmd-designer-wrapper #cmd_design_for_me:disabled {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    color: #fff !important;
    opacity: 0.45 !important;
    box-shadow: none !important;
}

/* Sliders — anti-reset tema / WooCommerce (track + thumb visibles y centrados) */
.cmd-designer-wrapper input[type="range"],
.woocommerce .cmd-designer-wrapper input[type="range"],
.woocommerce-page .cmd-designer-wrapper input[type="range"] {
    --cmd-range-track-h: 6px;
    --cmd-range-thumb-size: 20px;
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: var(--cmd-range-thumb-size) !important;
    min-height: var(--cmd-range-thumb-size) !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    cursor: pointer !important;
    accent-color: var(--cmd-brand-purple, #9333ea) !important;
}

.cmd-designer-wrapper input[type="range"]::-webkit-slider-runnable-track,
.woocommerce .cmd-designer-wrapper input[type="range"]::-webkit-slider-runnable-track,
.woocommerce-page .cmd-designer-wrapper input[type="range"]::-webkit-slider-runnable-track {
    -webkit-appearance: none !important;
    appearance: none !important;
    width: 100% !important;
    height: var(--cmd-range-track-h, 6px) !important;
    border: 0 !important;
    border-radius: 999px !important;
    background-color: #e5e7eb !important;
}

.cmd-designer-wrapper input[type="range"]::-webkit-slider-thumb,
.woocommerce .cmd-designer-wrapper input[type="range"]::-webkit-slider-thumb,
.woocommerce-page .cmd-designer-wrapper input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    appearance: none !important;
    box-sizing: border-box !important;
    width: var(--cmd-range-thumb-size, 20px) !important;
    height: var(--cmd-range-thumb-size, 20px) !important;
    margin-top: calc((var(--cmd-range-track-h, 6px) - var(--cmd-range-thumb-size, 20px)) / 2) !important;
    border-radius: 50% !important;
    background: var(--cmd-brand-purple, #9333ea) !important;
    border: 2px solid #fff !important;
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.35) !important;
    cursor: pointer !important;
}

.cmd-designer-wrapper input[type="range"]::-moz-range-track,
.woocommerce .cmd-designer-wrapper input[type="range"]::-moz-range-track,
.woocommerce-page .cmd-designer-wrapper input[type="range"]::-moz-range-track {
    width: 100% !important;
    height: var(--cmd-range-track-h, 6px) !important;
    border-radius: 999px !important;
    background: #e5e7eb !important;
    border: 0 !important;
}

.cmd-designer-wrapper input[type="range"]::-moz-range-progress,
.woocommerce .cmd-designer-wrapper input[type="range"]::-moz-range-progress,
.woocommerce-page .cmd-designer-wrapper input[type="range"]::-moz-range-progress {
    height: var(--cmd-range-track-h, 6px) !important;
    border-radius: 999px !important;
    background: var(--cmd-brand-purple, #9333ea) !important;
}

.cmd-designer-wrapper input[type="range"]::-moz-range-thumb,
.woocommerce .cmd-designer-wrapper input[type="range"]::-moz-range-thumb,
.woocommerce-page .cmd-designer-wrapper input[type="range"]::-moz-range-thumb {
    box-sizing: border-box !important;
    width: var(--cmd-range-thumb-size, 20px) !important;
    height: var(--cmd-range-thumb-size, 20px) !important;
    border: 2px solid #fff !important;
    border-radius: 50% !important;
    background: var(--cmd-brand-purple, #9333ea) !important;
    box-shadow: 0 2px 6px rgba(124, 58, 237, 0.35) !important;
    cursor: pointer !important;
}

/* CTAs primarios IA — alineados con web corporativa */
.cmd-designer-wrapper #cmd_generate_ai,
.cmd-designer-wrapper #cmd_open_guided_ai,
.woocommerce .cmd-designer-wrapper #cmd_generate_ai,
.woocommerce .cmd-designer-wrapper #cmd_open_guided_ai {
    border: 0 !important;
    border-radius: var(--cmd-btn-radius, 16px) !important;
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    background-color: #7c3aed !important;
    color: #fff !important;
    box-shadow: 0 4px 14px rgba(168, 85, 247, 0.38) !important;
    text-decoration: none !important;
}

.cmd-designer-wrapper #cmd_generate_ai:hover,
.cmd-designer-wrapper #cmd_generate_ai:focus,
.cmd-designer-wrapper #cmd_open_guided_ai:hover,
.cmd-designer-wrapper #cmd_open_guided_ai:focus,
.woocommerce .cmd-designer-wrapper #cmd_generate_ai:hover,
.woocommerce .cmd-designer-wrapper #cmd_generate_ai:focus,
.woocommerce .cmd-designer-wrapper #cmd_open_guided_ai:hover,
.woocommerce .cmd-designer-wrapper #cmd_open_guided_ai:focus {
    background: linear-gradient(135deg, #b46cff 0%, #8b5cf6 100%) !important;
    background-color: #8b5cf6 !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(168, 85, 247, 0.45) !important;
}

.cmd-designer-wrapper #cmd_generate_ai:disabled,
.cmd-designer-wrapper #cmd_open_guided_ai:disabled,
.woocommerce .cmd-designer-wrapper #cmd_generate_ai:disabled,
.woocommerce .cmd-designer-wrapper #cmd_open_guided_ai:disabled {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    color: #fff !important;
    opacity: 0.45 !important;
    box-shadow: none !important;
}

/* Opciones IA guiada — selección activa en lila */
.cmd-designer-wrapper .cmd-ai-choice.cmd-active,
.cmd-designer-wrapper .cmd-ai-choice.cmd-active:hover,
.cmd-designer-wrapper .cmd-ai-choice.cmd-active:focus,
.cmd-designer-wrapper .cmd-ai-choice.cmd-active:active,
.woocommerce .cmd-designer-wrapper .cmd-ai-choice.cmd-active,
.woocommerce .cmd-designer-wrapper .cmd-ai-choice.cmd-active:hover,
.woocommerce .cmd-designer-wrapper .cmd-ai-choice.cmd-active:focus,
.woocommerce .cmd-designer-wrapper .cmd-ai-choice.cmd-active:active {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%) !important;
    background-color: #7c3aed !important;
    color: #fff !important;
    border-color: #9333ea !important;
}

/* View cart — secundario outline neutro */
.cmd-designer-wrapper .cmd-view-cart,
.cmd-designer-wrapper .cmd-view-cart:hover,
.cmd-designer-wrapper .cmd-view-cart:focus,
.cmd-designer-wrapper .cmd-view-cart:active,
.woocommerce .cmd-designer-wrapper .cmd-view-cart,
.woocommerce .cmd-designer-wrapper .cmd-view-cart:hover,
.woocommerce .cmd-designer-wrapper .cmd-view-cart:focus,
.woocommerce .cmd-designer-wrapper .cmd-view-cart:active {
    background: #fff !important;
    background-color: #fff !important;
    border: 1px solid #d1d5db !important;
    color: #111 !important;
    text-decoration: none !important;
}

.cmd-designer-wrapper .cmd-view-cart:hover,
.cmd-designer-wrapper .cmd-view-cart:focus,
.woocommerce .cmd-designer-wrapper .cmd-view-cart:hover,
.woocommerce .cmd-designer-wrapper .cmd-view-cart:focus {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;
    color: #111 !important;
    border-color: #9ca3af !important;
}

/* MOBILE TOOLS: icon dock + almost-fullscreen modal (scroll inside) */
.cmd-canva-content-home {
    display: contents;
}

/* Desktop: header hidden; scroll wrapper is transparent to layout */
.cmd-mobile-modal-header {
    display: none !important;
}

.cmd-mobile-modal-scroll {
    display: contents;
}

html.cmd-mobile-tools-open,
body.cmd-mobile-tools-open {
    overflow: hidden !important;
    overscroll-behavior: none !important;
}

@media (max-width: 900px) {
    .cmd-designer-wrapper {
        /* Room for fixed dock so CLEAR TEXT / cart aren't covered */
        padding-bottom: calc(92px + env(safe-area-inset-bottom, 0px)) !important;
    }

    .cmd-designer-wrapper .cmd-designer-layout {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .cmd-designer-wrapper .cmd-designer-center {
        order: 1;
        padding: 0 !important;
    }

    .cmd-designer-wrapper .cmd-designer-right {
        order: 3;
        padding: 0 !important;
    }

    .cmd-designer-wrapper .cmd-designer-left {
        order: 2;
        padding: 0 !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
        display: block !important;
    }

    .cmd-designer-wrapper .cmd-canva-menu {
        position: fixed !important;
        left: max(8px, env(safe-area-inset-left, 0px));
        right: max(8px, env(safe-area-inset-right, 0px));
        bottom: calc(8px + env(safe-area-inset-bottom, 0px));
        z-index: 100070;
        display: grid !important;
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        align-items: center !important;
        justify-items: center !important;
        gap: 4px !important;
        width: auto !important;
        max-width: none !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 6px !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, 0.98) !important;
        border: 1px solid #e5e7eb !important;
        box-shadow: 0 8px 24px rgba(17, 24, 39, 0.14) !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab,
    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab-ai {
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 44px !important;
        height: 44px !important;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 0 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        border-radius: 12px !important;
        box-shadow: none !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab.cmd-active,
    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab-ai.cmd-active {
        box-shadow: none !important;
        filter: none !important;
    }

    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab::before,
    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab-ai::before {
        content: attr(data-icon);
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        font-size: 17px;
        line-height: 1;
        text-align: center;
        color: #111 !important;
        filter: none !important;
        opacity: 1;
    }

    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab-ai::before {
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0.02em;
        color: #111 !important;
    }

    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab.cmd-active::before,
    .cmd-designer-wrapper .cmd-canva-menu .cmd-canva-tab-ai.cmd-active::before {
        color: #fff !important;
    }

    /* Full modal above the dock — portaled to body + inner scroll body */
    body > .cmd-canva-content.cmd-mobile-portal {
        --cmd-mobile-modal-top: max(8px, env(safe-area-inset-top, 0px));
        --cmd-mobile-modal-side: max(8px, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
        --cmd-mobile-modal-bottom: calc(64px + env(safe-area-inset-bottom, 0px));
        position: fixed !important;
        top: var(--cmd-mobile-modal-top) !important;
        left: var(--cmd-mobile-modal-side) !important;
        right: var(--cmd-mobile-modal-side) !important;
        bottom: var(--cmd-mobile-modal-bottom) !important;
        width: auto !important;
        max-width: none !important;
        /* Explicit height so overflow can scroll (auto + top/bottom alone fails on some mobile browsers) */
        height: calc(100vh - var(--cmd-mobile-modal-top) - var(--cmd-mobile-modal-bottom)) !important;
        height: calc(100dvh - var(--cmd-mobile-modal-top) - var(--cmd-mobile-modal-bottom)) !important;
        max-height: calc(100vh - var(--cmd-mobile-modal-top) - var(--cmd-mobile-modal-bottom)) !important;
        max-height: calc(100dvh - var(--cmd-mobile-modal-top) - var(--cmd-mobile-modal-bottom)) !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 16px !important;
        background: #fff !important;
        border: 1px solid #e8ebf0 !important;
        box-shadow: 0 18px 48px rgba(17, 24, 39, 0.22) !important;
        z-index: 100030 !important;
        display: none !important;
        flex-direction: column !important;
        align-items: stretch !important;
        overflow: hidden !important;
        transform: none !important;
        transition: opacity 0.18s ease;
        pointer-events: none;
        visibility: hidden;
        opacity: 0;
        box-sizing: border-box !important;
    }

    body.cmd-mobile-tools-open > .cmd-canva-content.cmd-mobile-portal {
        display: flex !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* All mobile tool panels = low bottom sheet (canvas stays visible above) */
    body.cmd-mobile-tools-open > .cmd-canva-content.cmd-mobile-portal.cmd-mobile-sheet--compact {
        top: auto !important;
        left: max(8px, env(safe-area-inset-left, 0px)) !important;
        right: max(8px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
        height: min(44dvh, 400px) !important;
        max-height: min(44dvh, 400px) !important;
        min-height: 0 !important;
        border-radius: 18px 18px 14px 14px !important;
        box-shadow: 0 -12px 40px rgba(17, 24, 39, 0.22) !important;
    }

    body.cmd-mobile-tools-open.cmd-mobile-sheet--compact > .cmd-mobile-sheet-backdrop.cmd-mobile-portal {
        background: rgba(17, 24, 39, 0.28);
    }

    @supports not (height: 1dvh) {
        body.cmd-mobile-tools-open > .cmd-canva-content.cmd-mobile-portal.cmd-mobile-sheet--compact {
            height: min(44vh, 400px) !important;
            max-height: min(44vh, 400px) !important;
        }
    }

    /* Fallback when content is not yet portaled */
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-content {
        position: fixed !important;
        top: max(8px, env(safe-area-inset-top, 0px)) !important;
        left: max(8px, env(safe-area-inset-left, 0px)) !important;
        right: max(8px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
        height: calc(100dvh - max(8px, env(safe-area-inset-top, 0px)) - 64px - env(safe-area-inset-bottom, 0px)) !important;
        max-height: calc(100dvh - max(8px, env(safe-area-inset-top, 0px)) - 64px - env(safe-area-inset-bottom, 0px)) !important;
        z-index: 100030 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        pointer-events: auto !important;
        visibility: visible !important;
        opacity: 1 !important;
        background: #fff !important;
        border-radius: 16px !important;
        box-sizing: border-box !important;
    }

    body > .cmd-mobile-sheet-backdrop.cmd-mobile-portal,
    .cmd-mobile-sheet-backdrop {
        position: fixed;
        inset: 0;
        z-index: 100025;
        border: 0;
        padding: 0;
        margin: 0;
        background: rgba(17, 24, 39, 0.48);
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.18s ease;
        touch-action: none;
        overscroll-behavior: none;
    }

    body.cmd-mobile-tools-open > .cmd-mobile-sheet-backdrop.cmd-mobile-portal,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-mobile-sheet-backdrop {
        opacity: 1;
        pointer-events: auto;
    }

    .cmd-mobile-modal-header {
        position: relative !important;
        top: auto !important;
        flex: 0 0 auto !important;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        padding: 10px 8px 10px 12px !important;
        border-bottom: 1px solid #eef1f5;
        background: #fff !important;
        z-index: 3;
    }

    /* Override desktop `display: contents` so this box can actually scroll */
    body > .cmd-canva-content.cmd-mobile-portal > .cmd-mobile-modal-scroll,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-content > .cmd-mobile-modal-scroll {
        display: block !important;
    }

    .cmd-mobile-modal-title {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 15px !important;
        font-style: italic !important;
        font-weight: 500 !important;
        color: #4b5563 !important;
        line-height: 1.35 !important;
        text-align: left !important;
    }

    .cmd-mobile-modal-title[hidden] {
        display: none !important;
    }

    .cmd-mobile-sheet-close {
        position: static !important;
        flex: 0 0 auto !important;
        margin: 0 !important;
        width: 36px !important;
        height: 36px !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111 !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        z-index: 2;
        cursor: pointer;
    }

    .cmd-mobile-sheet-close:hover,
    .cmd-mobile-sheet-close:focus {
        background: #f3f4f6 !important;
        border: 0 !important;
        box-shadow: none !important;
        color: #111 !important;
    }

    /* THE scroll container */
    body > .cmd-canva-content.cmd-mobile-portal > .cmd-mobile-modal-scroll,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-content > .cmd-mobile-modal-scroll {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow-x: hidden !important;
        overflow-y: scroll !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch !important;
        touch-action: pan-y !important;
        box-sizing: border-box !important;
    }

    /* Intro moves to header on mobile modal — hide duplicate in body */
    body.cmd-mobile-tools-open > .cmd-canva-content.cmd-mobile-portal .cmd-panel-intro,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-panel-intro {
        display: none !important;
    }

    /* Panel grows with content; scroll lives on .cmd-mobile-modal-scroll */
    body > .cmd-canva-content.cmd-mobile-portal .cmd-canva-panel,
    body > .cmd-canva-content.cmd-mobile-portal .cmd-card.cmd-canva-panel,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-panel,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-content .cmd-card.cmd-canva-panel {
        display: none !important;
    }

    body > .cmd-canva-content.cmd-mobile-portal .cmd-canva-panel.cmd-active,
    body > .cmd-canva-content.cmd-mobile-portal .cmd-card.cmd-canva-panel.cmd-active,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-panel.cmd-active,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-content .cmd-card.cmd-canva-panel.cmd-active {
        display: block !important;
        flex: none !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 10px 12px 24px !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body > .cmd-canva-content.cmd-mobile-portal .cmd-canva-panel.cmd-active .cmd-options,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-panel.cmd-active .cmd-options {
        display: flex !important;
        flex-direction: column !important;
        flex: none !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin: 0 !important;
        gap: 12px !important;
        justify-content: flex-start !important;
        overflow: visible !important;
    }

    body > .cmd-canva-content.cmd-mobile-portal .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_text,
    body > .cmd-canva-content.cmd-mobile-portal .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_sticker,
    body > .cmd-canva-content.cmd-mobile-portal .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_graphic,
    body > .cmd-canva-content.cmd-mobile-portal .cmd-canva-panel.cmd-active .cmd-options > #cmd_undo_paint,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_text,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_sticker,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-panel.cmd-active .cmd-options > #cmd_add_graphic,
    .cmd-designer-wrapper.cmd-mobile-sheet-open .cmd-canva-panel.cmd-active .cmd-options > #cmd_undo_paint {
        margin-top: 8px !important;
    }

    /* Canvas: stop page scroll stealing paint/drag gestures */
    #cmd_canvas_wrap,
    #cmd_mug_canvas {
        touch-action: none !important;
        -webkit-user-select: none !important;
        user-select: none !important;
    }

    #cmd_canvas_wrap {
        position: relative;
    }

    .cmd-canvas-fs-toggle,
    .cmd-canvas-fs-exit {
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        position: absolute;
        z-index: 8;
        width: 30px !important;
        height: 30px !important;
        min-height: 30px;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 999px !important;
        background: rgba(17, 24, 39, 0.88) !important;
        color: #fff !important;
        font-size: 0 !important;
        box-shadow: 0 8px 20px rgba(17, 24, 39, 0.28) !important;
        cursor: pointer;
    }

    .cmd-canvas-fs-toggle {
        right: 10px;
        bottom: 10px;
    }

    .cmd-canvas-fs-toggle .cmd-canvas-fs-icon,
    .cmd-canvas-fs-exit .cmd-canvas-fs-icon {
        display: block;
        width: 15px;
        height: 15px;
        pointer-events: none;
    }

    .cmd-canvas-fs-toggle.cmd-hidden,
    .cmd-canvas-fs-exit.cmd-hidden {
        display: none !important;
    }

    html.cmd-canvas-fs-open,
    body.cmd-canvas-fs-open {
        overflow: hidden !important;
        overscroll-behavior: none !important;
        touch-action: none !important;
    }

    /* Canvas-only fullscreen: product on TOP of sheet/backdrop */
    body.cmd-canvas-fs-open #cmd_canvas_wrap.cmd-canvas-fs {
        position: fixed !important;
        top: max(8px, env(safe-area-inset-top, 0px)) !important;
        left: max(8px, env(safe-area-inset-left, 0px)) !important;
        right: max(8px, env(safe-area-inset-right, 0px)) !important;
        bottom: calc(64px + env(safe-area-inset-bottom, 0px)) !important;
        z-index: 100055 !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 10px !important;
        border-radius: 16px !important;
        background: #111 !important;
        border: 1px solid #1f2937 !important;
        box-shadow: 0 24px 60px rgba(0, 0, 0, 0.45) !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
        /* Stay below the tool sheet so controls remain clickable */
        pointer-events: auto !important;
    }

    /* Leave room for the bottom sheet under the canvas */
    body.cmd-canvas-fs-open.cmd-mobile-tools-open.cmd-mobile-sheet--compact #cmd_canvas_wrap.cmd-canvas-fs,
    body.cmd-canvas-fs-open.cmd-mobile-tools-open #cmd_canvas_wrap.cmd-canvas-fs {
        bottom: calc(64px + env(safe-area-inset-bottom, 0px) + min(44dvh, 400px) + 10px) !important;
    }

    @supports not (height: 1dvh) {
        body.cmd-canvas-fs-open.cmd-mobile-tools-open.cmd-mobile-sheet--compact #cmd_canvas_wrap.cmd-canvas-fs,
        body.cmd-canvas-fs-open.cmd-mobile-tools-open #cmd_canvas_wrap.cmd-canvas-fs {
            bottom: calc(64px + env(safe-area-inset-bottom, 0px) + min(44vh, 400px) + 10px) !important;
        }
    }

    body.cmd-canvas-fs-open #cmd_canvas_wrap.cmd-canvas-fs #cmd_mug_canvas {
        width: auto !important;
        max-width: 100% !important;
        max-height: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        align-self: center !important;
        object-fit: contain;
        object-position: top center;
        background: #fff;
        border-radius: 12px;
    }

    body.cmd-canvas-fs-open #cmd_canvas_wrap.cmd-canvas-fs .cmd-canvas-fs-toggle {
        display: none !important;
    }

    /* Only control in fullscreen: exit icon, top-right */
    body.cmd-canvas-fs-open #cmd_canvas_wrap.cmd-canvas-fs .cmd-canvas-fs-exit {
        display: inline-flex !important;
        top: 10px;
        right: 10px;
        bottom: auto;
        left: auto;
        z-index: 12;
        background: rgba(17, 24, 39, 0.72) !important;
    }

    @media (orientation: landscape) {
        body.cmd-canvas-fs-open #cmd_canvas_wrap.cmd-canvas-fs {
            padding: 10px !important;
        }

        body.cmd-canvas-fs-open #cmd_canvas_wrap.cmd-canvas-fs #cmd_mug_canvas {
            width: auto !important;
            max-width: min(100%, 92vw) !important;
            max-height: calc(100dvh - 64px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px) !important;
            max-height: calc(100vh - 64px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 20px) !important;
        }
    }

    /* Sheet above canvas (clicks); canvas stays visually in the top band via bottom inset */
    body.cmd-canvas-fs-open.cmd-mobile-tools-open > .cmd-canva-content.cmd-mobile-portal {
        z-index: 100080 !important;
    }

    body.cmd-canvas-fs-open.cmd-mobile-tools-open > .cmd-mobile-sheet-backdrop.cmd-mobile-portal {
        z-index: 100050 !important;
        pointer-events: none;
    }

    body.cmd-canvas-fs-open .cmd-designer-wrapper .cmd-canva-menu,
    body.cmd-canvas-fs-open.cmd-mobile-tools-mode .cmd-canva-menu {
        z-index: 100100 !important;
    }

    /* Guided AI must sit above mobile sheet + dock */
    body.cmd-mobile-tools-open .cmd-ai-guided-modal,
    body.cmd-canvas-fs-open .cmd-ai-guided-modal,
    body > .cmd-ai-guided-modal {
        z-index: 100150 !important;
    }
}