#tab-pmd-ai .tab-main{padding:20px}
.pmd-ai-panel{max-width:580px}
.pmd-ai-heading,.pmd-ai-row,.pmd-ai-label,.pmd-ai-result,.pmd-ai-text-label,.pmd-ai-section-title{text-align:left}
.pmd-ai-heading{font-size:22px;font-weight:700;margin-bottom:16px}
.pmd-ai-row{margin-bottom:14px}
.pmd-ai-label{display:block;font-weight:600;margin-bottom:8px}
.pmd-ai-textarea{width:100%;min-height:140px;box-sizing:border-box;margin-bottom:14px;text-align:left}
#tab-pmd-ai #pmd-ai-style,#tab-pmd-ai #pmd-ai-output,#tab-pmd-ai #pmd-ai-text-type{width:100% !important}
#tab-pmd-ai .pmd-ai-section{margin-top:14px;padding-top:6px}
#tab-pmd-ai .pmd-ai-section-title{font-size:12px;font-weight:700;color:#374151;margin:0 0 8px 0;text-transform:uppercase;letter-spacing:.04em}

#tab-pmd-ai .pmd-ai-actions{display:flex !important;flex-direction:row !important;gap:8px !important;width:100%;box-sizing:border-box;padding-right:2px;flex-wrap:nowrap !important;margin-top:6px}
#tab-pmd-ai .pmd-ai-actions .nbd-button{flex:1 1 0%;max-width:50%;box-sizing:border-box;background:#2b2b2b !important;color:#fff !important;border:none !important;border-radius:8px !important;padding:6px 10px !important;text-align:center;display:inline-flex !important;align-items:center !important;justify-content:center !important;white-space:nowrap !important;height:32px !important;font-size:13px !important}
#tab-pmd-ai .pmd-ai-actions .nbd-button:hover{background:#1f1f1f !important}

.pmd-ai-result{margin-top:16px}
.pmd-ai-options-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px;align-items:start}
@media (max-width: 700px){.pmd-ai-options-grid{grid-template-columns:1fr}}
.pmd-ai-card img{max-width:100%;display:block;border-radius:8px}
.pmd-ai-click{cursor:pointer;transition:transform .18s ease, box-shadow .18s ease}
.pmd-ai-click:hover{transform:scale(1.02);box-shadow:0 8px 18px rgba(0,0,0,.16)}
.pmd-ai-status{padding:10px;background:#f5f5f5;border-radius:8px}

#nav-pmd-ai .pmd-ai-tab-icon{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;vertical-align:middle}
#nav-pmd-ai .pmd-ai-tab-icon svg{width:26px !important;height:26px !important;color:#ffffff !important;filter:drop-shadow(0 0 6px rgba(122,92,255,.8))}
#nav-pmd-ai.active .pmd-ai-tab-icon svg{filter:drop-shadow(0 0 10px rgba(122,92,255,1))}

/* progress */
#tab-pmd-ai .pmd-ai-progress-combo{display:flex;align-items:center;gap:12px;margin-top:10px;justify-content:flex-start}
#tab-pmd-ai .pmd-ai-creating-text{font-size:13px;color:#333;white-space:nowrap}
#tab-pmd-ai .pmd-ai-progress-wrap{width:140px !important;max-width:140px !important;height:8px !important;background:#2b2b2b;border-radius:999px !important;overflow:hidden;margin-top:0 !important}
#tab-pmd-ai .pmd-ai-progress-btn{width:40%;height:100%;border-radius:999px !important;background:linear-gradient(90deg,#ff4d4d,#ffb84d,#ffe14d,#4dff88,#4dd2ff,#7a5cff,#ff4da6) !important;background-size:300% 100% !important;animation:pmdThinProgressMove 1.5s linear infinite !important;box-shadow:none !important}
@keyframes pmdThinProgressMove{0%{transform:translateX(-100%)}100%{transform:translateX(250%)}}

/* text options */
#tab-pmd-ai .pmd-ai-text-options{display:flex;flex-direction:column;gap:12px}
#tab-pmd-ai .pmd-ai-text-option-wrap{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}
#tab-pmd-ai .pmd-ai-text-option-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:#6b7280}
#tab-pmd-ai .pmd-ai-text{font-size:14px;line-height:1.5;font-weight:400;padding:10px 12px;background:#ffffff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;white-space:pre-wrap}
#tab-pmd-ai .pmd-ai-text:hover{background:#ededed}
#tab-pmd-ai .pmd-ai-prompt-preview{margin-bottom:10px;padding:8px 10px;font-size:11px;line-height:1.35;color:#6b7280;background:#fafafa;border:1px dashed #d1d5db;border-radius:8px;white-space:pre-wrap}


/* 3 action buttons layout */
#tab-pmd-ai .pmd-ai-actions .nbd-button{
    max-width:33.333% !important;
}

/* Regenerate button style */
#tab-pmd-ai #pmd-ai-regenerate{
    background:#3a3a3a !important;
}
#tab-pmd-ai #pmd-ai-regenerate:hover{
    background:#2a2a2a !important;
}


/* Clean layout: 2 buttons + regenerate below */
#tab-pmd-ai .pmd-ai-actions{
    flex-wrap: wrap !important;
}

#tab-pmd-ai .pmd-ai-actions .nbd-button{
    flex: 1 1 calc(50% - 4px);
    max-width: calc(50% - 4px);
}

#tab-pmd-ai #pmd-ai-regenerate{
    flex: 1 1 100%;
    max-width: 100%;
    margin-top: 6px;
    background: transparent !important;
    color: #7a5cff !important; /* purple text */
    border: 1px solid #7a5cff !important;
}

#tab-pmd-ai #pmd-ai-regenerate:hover{
    background: rgba(122,92,255,0.1) !important;
    color: #6a4be6 !important;
    border-color: #6a4be6 !important;
}


/* FIX button width properly */
#tab-pmd-ai .pmd-ai-actions{
    flex-wrap: wrap !important;
    gap: 8px !important;
}

#tab-pmd-ai .pmd-ai-actions .nbd-button{
    flex: 1 1 48% !important;
    max-width: 48% !important;
}

/* Regenerate full width */
#tab-pmd-ai #pmd-ai-regenerate{
    flex: 1 1 100% !important;
    max-width: 100% !important;
    margin-top: 6px;

    /* FIX style */
    background: #2b2b2b !important;
    color: #7a5cff !important;
    border: none !important;
}

#tab-pmd-ai #pmd-ai-regenerate:hover{
    background: #1f1f1f !important;
    color: #a78bfa !important;
}


/* Animated regenerate button */
#tab-pmd-ai #pmd-ai-regenerate{
    position: relative;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    background:#2b2b2b !important;
    color:#7a5cff !important;
}

/* rotating icon */
#tab-pmd-ai #pmd-ai-regenerate::before{
    content:'⟳';
    font-size:14px;
    display:inline-block;
    animation:pmdSpin 1.5s linear infinite;
}

/* subtle animation */
@keyframes pmdSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}

/* hover enhancement */
#tab-pmd-ai #pmd-ai-regenerate:hover{
    background:#1f1f1f !important;
    color:#a78bfa !important;
}


/* SMART animation: only when generating */
#tab-pmd-ai #pmd-ai-regenerate{
    position: relative;
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:6px;
    background:#2b2b2b !important;
    color:#7a5cff !important;
}

/* default icon (no animation) */
#tab-pmd-ai #pmd-ai-regenerate::before{
    content:'⟳';
    font-size:14px;
    display:inline-block;
}

/* active animation */
#tab-pmd-ai #pmd-ai-regenerate.pmd-loading::before{
    animation:pmdSpin 1s linear infinite;
}

/* glow when active */
#tab-pmd-ai #pmd-ai-regenerate.pmd-loading{
    box-shadow:0 0 10px rgba(122,92,255,0.6);
}

/* spin keyframes */
@keyframes pmdSpin{
    from{transform:rotate(0deg);}
    to{transform:rotate(360deg);}
}


/* Reduce generated text size */
#tab-pmd-ai .pmd-ai-text{
    font-size:12px !important;
    line-height:1.4 !important;
}

/* Regenerate button green text */
#tab-pmd-ai #pmd-ai-regenerate{
    color:#0f0 !important;
}

/* glow updated to green */
#tab-pmd-ai #pmd-ai-regenerate.pmd-loading{
    box-shadow:0 0 10px rgba(0,255,0,0.6);
}


/* Different colors for main actions */
#tab-pmd-ai #pmd-ai-generate-bg{
    background:#1f3b63 !important;
    color:#fff !important;
}
#tab-pmd-ai #pmd-ai-generate-bg:hover{
    background:#17314f !important;
}

#tab-pmd-ai #pmd-ai-generate-text{
    background:#4b5563 !important;
    color:#fff !important;
}
#tab-pmd-ai #pmd-ai-generate-text:hover{
    background:#374151 !important;
}

/* Keep regenerate distinct */
#tab-pmd-ai #pmd-ai-regenerate{
    background:#2b2b2b !important;
    color:#0f0 !important;
}


/* AI Enhance + AI Replace aligned left with 2cm gap */
.toolbar-image ul.nbd-main-menu{
    justify-content:flex-start !important;
    align-items:center !important;
}
.toolbar-image .pmd-ai-enhance-btn,
.toolbar-image .pmd-ai-smart-btn{
    margin-right:2cm !important;
}
.toolbar-image .pmd-ai-smart-btn{
    margin-right:0 !important;
}

/* Smart processing animation for enhance/replace */
.pmd-ai-processing{
    position:relative;
    overflow:hidden;
    animation:pmdPulse 1s ease-in-out infinite;
}
.pmd-ai-processing::after{
    content:"";
    position:absolute;
    top:0;
    left:-120%;
    width:80%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.35), transparent);
    animation:pmdShine 1.2s linear infinite;
}
@keyframes pmdPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.03)}
}
@keyframes pmdShine{
    0%{left:-120%}
    100%{left:140%}
}

/* Remove bullet points from generated text display */
#tab-pmd-ai .pmd-ai-text,
#tab-pmd-ai .pmd-ai-text *{
    list-style:none !important;
}
#tab-pmd-ai .pmd-ai-text ul,
#tab-pmd-ai .pmd-ai-text ol{
    margin:0 !important;
    padding-left:0 !important;
}


/* Remove bullets / separators between AI buttons */
.toolbar-image ul.nbd-main-menu{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
}
.toolbar-image ul.nbd-main-menu li{
    list-style:none !important;
    margin:0 !important;
    padding:0 !important;
}
.toolbar-image ul.nbd-main-menu li::before,
.toolbar-image ul.nbd-main-menu li::marker{
    display:none !important;
    content:none !important;
}

/* Better spacing instead of 2cm */
.toolbar-image .pmd-ai-enhance-btn,
.toolbar-image .pmd-ai-smart-btn{
    margin-right:24px !important;
}


/* Remove separator / bullet between AI Enhance and AI Replace */
.toolbar-image ul.nbd-main-menu li + li::before,
.toolbar-image ul.nbd-main-menu li::before{
    content:none !important;
    display:none !important;
}

/* Force proper top button alignment */
.toolbar-image ul.nbd-main-menu{
    display:flex !important;
    align-items:center !important;
}

.toolbar-image ul.nbd-main-menu li{
    display:flex !important;
    align-items:center !important;
}

/* Normalize same height and alignment */
.toolbar-image .pmd-ai-enhance-btn,
.toolbar-image .pmd-ai-smart-btn{
    height:36px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    background:#2b2b2b !important;
    color:#fff !important;
    border:none !important;
    border-radius:8px !important;
    padding:6px 14px !important;
}

/* Generate Image button black */
#tab-pmd-ai #pmd-ai-generate-bg{
    background:#000 !important;
    color:#fff !important;
}
#tab-pmd-ai #pmd-ai-generate-bg:hover{
    background:#111 !important;
}


/* FINAL FIX: Perfect alignment for AI Enhance & AI Replace */
.toolbar-image ul.nbd-main-menu{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
}

/* Target exact menu items */
.toolbar-image ul.nbd-main-menu > li.menu-pmd-ai-enhance,
.toolbar-image ul.nbd-main-menu > li.menu-pmd-ai-smart{
    display:flex !important;
    align-items:center !important;
    float:none !important;
    vertical-align:top !important;
    line-height:normal !important;
    margin:0 !important;
    padding:0 !important;
}

/* Normalize button inside */
.toolbar-image ul.nbd-main-menu > li.menu-pmd-ai-enhance .pmd-ai-enhance-btn,
.toolbar-image ul.nbd-main-menu > li.menu-pmd-ai-smart .pmd-ai-smart-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:36px !important;
    min-height:36px !important;
    line-height:36px !important;
    box-sizing:border-box !important;
    margin:0 !important;
    vertical-align:middle !important;
}

/* spacing */
.toolbar-image ul.nbd-main-menu > li.menu-pmd-ai-enhance{
    margin-right:24px !important;
}


/* CENTER ALIGN FIX */
.toolbar-image ul.nbd-main-menu{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* normalize all li */
.toolbar-image ul.nbd-main-menu li{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 12px !important;
}

/* same button height */
.toolbar-image .pmd-ai-enhance-btn,
.toolbar-image .pmd-ai-smart-btn{
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}


/* Compact animated "AI is creating..." button */
#tab-pmd-ai .pmd-ai-progress-combo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin-top:8px !important;
    gap:0 !important;
}

#tab-pmd-ai .pmd-ai-creating-text{
    display:none !important;
}

#tab-pmd-ai .pmd-ai-progress-wrap{
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    background:transparent !important;
    border-radius:999px !important;
    overflow:visible !important;
    margin-top:0 !important;
}

#tab-pmd-ai .pmd-ai-progress-btn{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:170px !important;
    height:28px !important;
    padding:0 14px !important;
    border-radius:999px !important;
    background:linear-gradient(270deg,#00c2ff,#7a5cff,#ff4da6,#00c2ff) !important;
    background-size:300% 300% !important;
    animation:pmdProgressGradient 3s linear infinite, pmdProgressPulse 1.6s ease-in-out infinite !important;
    box-shadow:0 0 0 1px rgba(255,255,255,.08) inset, 0 8px 18px rgba(122,92,255,.22) !important;
    width:auto !important;
}

#tab-pmd-ai .pmd-ai-progress-btn::before{
    content:"AI is creating..." !important;
    position:relative !important;
    z-index:2 !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:700 !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

#tab-pmd-ai .pmd-ai-progress-btn::after{
    content:'' !important;
    position:absolute !important;
    inset:0 !important;
    border-radius:999px !important;
    background:linear-gradient(120deg,transparent 0%, rgba(255,255,255,.28) 45%, transparent 80%) !important;
    transform:translateX(-120%) !important;
    animation:pmdProgressShine 1.8s linear infinite !important;
}

@keyframes pmdProgressGradient{
    0%{background-position:0% 50%}
    100%{background-position:100% 50%}
}
@keyframes pmdProgressPulse{
    0%,100%{transform:scale(1)}
    50%{transform:scale(1.015)}
}
@keyframes pmdProgressShine{
    0%{transform:translateX(-120%)}
    100%{transform:translateX(120%)}
}


/* v11.4.6 scroll fix */
#tab-pmd-ai{height:100% !important;min-height:0 !important;}
#tab-pmd-ai .tab-main{height:calc(100vh - 150px) !important;min-height:420px !important;overflow-y:auto !important;overflow-x:hidden !important;-webkit-overflow-scrolling:touch !important;padding:20px 20px 40px !important;box-sizing:border-box !important;}
#tab-pmd-ai .pmd-ai-panel{max-width:580px;width:100%;padding-bottom:24px !important;}
#tab-pmd-ai .pmd-ai-result{display:block !important;width:100%;overflow:visible !important;}
#tab-pmd-ai .pmd-ai-image-result, #tab-pmd-ai .pmd-ai-text-result{padding-bottom:18px !important;}
#tab-pmd-ai .pmd-ai-options-grid{margin-bottom:16px !important;}
#tab-pmd-ai .pmd-ai-text-options{padding-bottom:10px !important;}
@media (max-width: 1024px){#tab-pmd-ai .tab-main{height:calc(100vh - 120px) !important;}}
@media (max-width: 767px){#tab-pmd-ai .tab-main{height:auto !important;max-height:none !important;overflow:visible !important;padding-bottom:30px !important;}}


/* v11.4.7 wording + spacing refinement */
#tab-pmd-ai .pmd-ai-section{margin-top:8px !important;padding-top:0 !important;}
#tab-pmd-ai .pmd-ai-row{margin-bottom:8px !important;}
#tab-pmd-ai .pmd-ai-label{margin-bottom:4px !important;}
#tab-pmd-ai #pmd-ai-style,
#tab-pmd-ai #pmd-ai-output,
#tab-pmd-ai #pmd-ai-text-type{margin-bottom:0 !important;}
#tab-pmd-ai .pmd-ai-textarea{margin-bottom:10px !important;}
#tab-pmd-ai .pmd-ai-section-title{display:none !important;}


/* v11.4.7 UI polish */
.toolbar-image .pmd-ai-enhance-btn,
.toolbar-image .pmd-ai-smart-btn,
#tab-pmd-ai .pmd-ai-actions .nbd-button{
    background:#d2d7e980 !important;
    color:#000 !important;
    text-transform:none !important;
    letter-spacing:normal !important;
    font-weight:500 !important;
}

.toolbar-image .pmd-ai-enhance-btn:hover,
.toolbar-image .pmd-ai-smart-btn:hover,
#tab-pmd-ai .pmd-ai-actions .nbd-button:hover{
    background:#c7cddd !important;
    color:#000 !important;
}


/* v11.4.7 targeted toolbar AI button override */
li.menu-pmd-ai-enhance > button.nbd-button.pmd-ai-enhance-btn,
li.menu-pmd-ai-smart > button.nbd-button.pmd-ai-smart-btn,
.menu-pmd-ai-enhance .pmd-ai-enhance-btn,
.menu-pmd-ai-smart .pmd-ai-smart-btn {
    background: #d2d7e980 !important;
    color: #000 !important;
    text-transform: none !important;
    -webkit-text-fill-color: #000 !important;
    letter-spacing: normal !important;
}

li.menu-pmd-ai-enhance > button.nbd-button.pmd-ai-enhance-btn:hover,
li.menu-pmd-ai-smart > button.nbd-button.pmd-ai-smart-btn:hover,
.menu-pmd-ai-enhance .pmd-ai-enhance-btn:hover,
.menu-pmd-ai-smart .pmd-ai-smart-btn:hover {
    background: #c5cadf !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}


/* Align AI Enhance & Smart Replace to right */
.menu-pmd-ai-enhance,
.menu-pmd-ai-smart {
    margin-left: auto !important;
}

.menu-pmd-ai-smart {
    margin-left: 5px !important;
}


/* v11.4.9 clean prompt */
#tab-pmd-ai .pmd-ai-clean-note{display:inline-block;margin:0 0 12px 0;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.35);font-size:11px;font-weight:600;color:#374151;}
#tab-pmd-ai .pmd-ai-prompt-preview{font-size:12px !important;line-height:1.45 !important;color:#374151 !important;background:#ffffff !important;border:1px solid #d1d5db !important;border-radius:10px !important;padding:10px 12px !important;white-space:normal !important;}


/* v11.5.1 centered action casing */
#tab-pmd-ai .pmd-ai-actions{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin-top:10px !important;
    padding-right:0 !important;
}
#tab-pmd-ai .pmd-ai-action-casing{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;
    gap:8px !important;
    width:auto !important;
    margin:0 auto !important;
    padding:10px !important;
    background:rgba(0,0,0,.04) !important;
    border:1px solid rgba(0,0,0,.08) !important;
    border-radius:14px !important;
    box-sizing:border-box !important;
}
#tab-pmd-ai .pmd-ai-action-casing .nbd-button{
    flex:0 0 auto !important;
    width:180px !important;
    max-width:100% !important;
    min-width:180px !important;
    height:40px !important;
    margin:0 !important;
    padding:0 16px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
    white-space:nowrap !important;
}
#tab-pmd-ai .pmd-ai-action-casing #pmd-ai-regenerate{
    margin-top:0 !important;
}
@media (max-width:700px){
    #tab-pmd-ai .pmd-ai-action-casing{
        width:100% !important;
    }
    #tab-pmd-ai .pmd-ai-action-casing .nbd-button{
        width:100% !important;
        min-width:0 !important;
    }
}


/* ===== v11.5.3 matched layout UI overrides ===== */
#tab-pmd-ai .pmd-ai-actions,
#tab-pmd-ai .pmd-ai-progress-combo{
    width:100%;
    max-width:280px;
    margin:12px auto;
    box-sizing:border-box;
    background:rgba(0,0,0,0.03);
    border:1px solid rgba(0,0,0,0.06);
    border-radius:14px;
    padding:10px;
}

#tab-pmd-ai .pmd-ai-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
}

#tab-pmd-ai .pmd-ai-actions .nbd-button{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 auto !important;
    height:40px !important;
    margin:0 !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border-radius:10px !important;
}

#tab-pmd-ai .pmd-ai-progress-combo{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
}

#tab-pmd-ai .pmd-ai-creating-text{
    width:100%;
    text-align:center;
    font-size:13px;
    font-weight:400;
    color:#222;
}

#tab-pmd-ai .pmd-ai-progress-wrap{
    width:100% !important;
    max-width:100% !important;
    height:14px !important;
    margin:0 auto !important;
    background:#ececec !important;
    border-radius:999px !important;
    overflow:hidden;
    box-sizing:border-box;
}

#tab-pmd-ai .pmd-ai-progress-btn{
    width:35%;
    height:100%;
    border-radius:999px !important;
    background:linear-gradient(270deg,#6a11cb,#2575fc,#00c6ff,#ff4ecd) !important;
    background-size:300% 300% !important;
    animation:pmdMatchedGradient 4s ease infinite, pmdMatchedTravel 1.8s ease-in-out infinite !important;
    box-shadow:0 0 6px rgba(37,117,252,0.22) !important;
}

#tab-pmd-ai .pmd-ai-progress-btn::before,
#tab-pmd-ai .pmd-ai-progress-btn::after{
    content:none !important;
    display:none !important;
}

@keyframes pmdMatchedGradient{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}

@keyframes pmdMatchedTravel{
    0%{transform:translateX(0%);}
    50%{transform:translateX(185%);}
    100%{transform:translateX(0%);}
}


/* ===== v11.5.4 typography polish ===== */
#tab-pmd-ai .pmd-ai-inline-toggle{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    color:#333 !important;
}
#tab-pmd-ai .pmd-ai-inline-toggle,
#tab-pmd-ai .pmd-ai-inline-toggle *{
    font-weight:400 !important;
}
#tab-pmd-ai .pmd-ai-inline-toggle input[type="checkbox"]{
    margin:0;
    flex:0 0 auto;
}
#tab-pmd-ai .pmd-ai-heading{
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.3 !important;
    color:#222 !important;
}
#tab-pmd-ai .pmd-ai-label{
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
    color:#333 !important;
}
#tab-pmd-ai .pmd-ai-creating-text{
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.3 !important;
}
#tab-pmd-ai .pmd-ai-actions .nbd-button{
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
}
#tab-pmd-ai .pmd-ai-prompt-preview{
    font-size:12px !important;
    font-weight:400 !important;
    line-height:1.4 !important;
}

/* v11.5.5 progress fix overrides */
#tab-pmd-ai .pmd-ai-progress-combo{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    width:100% !important;
    max-width:280px !important;
    margin:12px auto 0 !important;
}
#tab-pmd-ai .pmd-ai-creating-text{
    display:block !important;
    width:100% !important;
    text-align:center !important;
    font-size:13px !important;
    font-weight:400 !important;
    line-height:1.3 !important;
    color:#222 !important;
    margin:0 0 8px 0 !important;
}
#tab-pmd-ai .pmd-ai-progress-wrap{
    position:relative !important;
    width:100% !important;
    max-width:280px !important;
    height:14px !important;
    margin:0 auto !important;
    padding:0 !important;
    border:none !important;
    background:linear-gradient(270deg,#6a11cb,#2575fc,#00c6ff,#ff4ecd) !important;
    background-size:300% 300% !important;
    border-radius:999px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    animation:pmdBgMove 6s ease infinite, pmdGlowPulse 2.5s ease-in-out infinite !important;
    box-shadow:0 0 6px rgba(37,117,252,.20),0 0 10px rgba(255,78,205,.16) !important;
}
#tab-pmd-ai .pmd-ai-progress-btn{
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:35% !important;
    height:100% !important;
    min-width:0 !important;
    padding:0 !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.82) !important;
    animation:none !important;
    box-shadow:none !important;
}
#tab-pmd-ai .pmd-ai-progress-btn::before,
#tab-pmd-ai .pmd-ai-progress-btn::after{
    content:none !important;
    display:none !important;
}
@keyframes pmdBgMove{
    0%{background-position:0% 50%;}
    50%{background-position:100% 50%;}
    100%{background-position:0% 50%;}
}
@keyframes pmdGlowPulse{
    0%,100%{box-shadow:0 0 6px rgba(37,117,252,.20),0 0 10px rgba(255,78,205,.16);}
    50%{box-shadow:0 0 12px rgba(37,117,252,.32),0 0 18px rgba(255,78,205,.24);}
}
#tab-pmd-ai .pmd-ai-progress-wrap.pmd-complete{
    animation:pmdBgMove 6s ease infinite, pmdCompleteGlow .8s ease-out !important;
}
@keyframes pmdCompleteGlow{
    0%{box-shadow:0 0 10px rgba(37,117,252,.30),0 0 16px rgba(255,78,205,.25);transform:scale(1);}
    50%{box-shadow:0 0 20px rgba(37,117,252,.55),0 0 28px rgba(255,78,205,.40);transform:scale(1.01);}
    100%{box-shadow:0 0 6px rgba(37,117,252,.20),0 0 10px rgba(255,78,205,.16);transform:scale(1);}
}


/* v11.5.6 progress inside gradient overrides */
#tab-pmd-ai .pmd-ai-progress-combo{
    display:flex !important;
    justify-content:center !important;
    width:100% !important;
    max-width:280px !important;
    margin:12px auto 0 !important;
}
#tab-pmd-ai .pmd-ai-progress-wrap{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    max-width:280px !important;
    height:40px !important;
    margin:0 auto !important;
    padding:0 !important;
    border:none !important;
    border-radius:999px !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
    background:linear-gradient(270deg,#6a11cb,#2575fc,#00c6ff,#ff4ecd,#6a11cb) !important;
    background-size:300% 300% !important;
    animation:pmdBgMove 3.2s ease infinite, pmdGlowPulse 2.5s ease-in-out infinite !important;
    box-shadow:0 0 8px rgba(37,117,252,.22),0 0 14px rgba(255,78,205,.18) !important;
}
#tab-pmd-ai .pmd-ai-progress-btn{
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    height:100% !important;
    width:42% !important;
    min-width:42% !important;
    padding:0 !important;
    border:none !important;
    border-radius:999px !important;
    background:rgba(255,255,255,.14) !important;
    animation:pmdProgressSweep 1.8s ease-in-out infinite !important;
    box-shadow:none !important;
}
#tab-pmd-ai .pmd-ai-progress-btn::before,
#tab-pmd-ai .pmd-ai-progress-btn::after{
    content:none !important;
    display:none !important;
}
#tab-pmd-ai .pmd-ai-creating-text{
    position:relative !important;
    z-index:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 14px !important;
    text-align:center !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:600 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    text-shadow:0 1px 2px rgba(0,0,0,.18) !important;
}
@keyframes pmdProgressSweep{
    0%{width:18%;opacity:.35;}
    50%{width:68%;opacity:.22;}
    100%{width:18%;opacity:.35;}
}
#tab-pmd-ai .pmd-ai-progress-wrap.pmd-complete{
    animation:pmdBgMove 3.2s ease infinite, pmdCompleteGlow .9s ease-out !important;
}


/* v11.5.7 final progress sizing */
#tab-pmd-ai .pmd-ai-progress-wrap{height:34px !important;}
#tab-pmd-ai .pmd-ai-creating-text{font-size:12px !important;font-weight:500 !important;padding:0 12px !important;}
#tab-pmd-ai .pmd-ai-progress-btn{width:38% !important;min-width:38% !important;}
#tab-pmd-ai .pmd-ai-progress-wrap.pmd-complete{animation:pmdBgMove 3.2s ease infinite, pmdCompleteGlow .9s ease-out !important;}
