.mpro-planner-preview-wrap{max-width:1500px;margin:30px auto 60px;padding:0 16px}
.mpro-planner-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#0d151b;color:#fff;padding:16px 18px;border-radius:12px 12px 0 0}
.mpro-planner-preview-toolbar strong{display:block;font-size:18px}
.mpro-planner-preview-toolbar small{display:block;margin-top:4px;color:#b8c3c9}
.mpro-planner-preview-devices{display:flex;flex-wrap:wrap;gap:8px}
.mpro-planner-preview-devices button,.mpro-planner-preview-devices a{border:1px solid rgba(255,255,255,.28);background:transparent;color:#fff;border-radius:8px;padding:9px 12px;text-decoration:none;font-weight:700;cursor:pointer}
.mpro-planner-preview-devices button.is-active{background:#e21f2b;border-color:#e21f2b}
.mpro-planner-preview-frame{margin:0 auto;background:#dfe5e8;padding:18px;transition:max-width .2s ease}
.mpro-planner-preview-frame.desktop{max-width:100%}
.mpro-planner-preview-frame.tablet{max-width:850px}
.mpro-planner-preview-frame.mobile{max-width:430px}
.mpro-planner-preview-frame iframe{display:block;width:100%;min-height:700px;background:#fff;border-radius:8px}
.mpro-planner-preview-note{background:#fff7da;border:1px solid #ebd17a;border-radius:0 0 12px 12px;padding:13px 16px;color:#3d3a2d}
.mpro-planner-denied{max-width:640px;margin:80px auto;padding:28px;background:#fff;border:1px solid #dfe5e8;border-radius:12px;text-align:center}
@media(max-width:850px){.mpro-planner-preview-toolbar{align-items:flex-start;flex-direction:column}}