.mmpx-card{max-width:720px;margin:20px auto;padding:18px;border-radius:14px;box-shadow:0 8px 20px rgba(0,0,0,0.08);font-family:Arial,Helvetica,sans-serif;background:#fff}
.mmpx-header{background:linear-gradient(90deg,#0b74ff,#0066d6);color:#fff;padding:20px;text-align:center;border-radius:10px 10px 0 0}
.mmpx-header h2{margin:0;font-size:22px;color:#000} /* H2 black */ 
.mmpx-sub{font-size:13px;opacity:.9;margin-top:6px;color:#fff} /* descriptive white */
.mmpx-body{padding:16px}
.mmpx-body label{display:block;margin-top:10px;font-weight:600;color:#173a63}
.mmpx-body input[type='number']{width:100%;padding:10px;margin-top:6px;border:1px solid #dfebfb;border-radius:10px}
.mmpx-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.mmpx-btn-primary{background:#0b74ff;color:#fff;padding:10px 16px;border-radius:10px;border:none;cursor:pointer}
.mmpx-btn-outline{background:#fff;color:#0b74ff;border:1px solid #0b74ff;padding:10px 16px;border-radius:10px;cursor:pointer}
.mmpx-output{margin-top:14px;padding:12px;border-radius:10px;border:1px solid #eef6ff;background:#f7faff;min-height:50px}
.mmpx-placeholder{color:#6b7280}
@media(max-width:640px){.mmpx-card{padding:12px}.mmpx-actions{flex-direction:column}.mmpx-actions button{width:100%}}