.mppe-root{--mppe-bg:#f6faf8;--mppe-card:#fff;--mppe-border:#dce8e4;--mppe-muted:#5c6b75;--mppe-ink:#0f1f2a;--mppe-primary:#0f8f7e;--mppe-primary-strong:#00645f;--mppe-primary-soft:#e7f7f3;--mppe-warning:#f6a609;--mppe-danger:#df2f2f;--mppe-radius:16px;color:var(--mppe-ink);flex-direction:column;gap:18px;width:100%;max-width:1280px;margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.mppe-root *,.mppe-root :before,.mppe-root :after{box-sizing:border-box}.mppe-workspace{background:var(--mppe-card);border:1px solid var(--mppe-border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:10px;display:flex;box-shadow:0 14px 30px -24px #0f1f2a73}.mppe-workspace__primary{background:#eef5f2;border-radius:10px;align-items:center;gap:4px;padding:4px;display:inline-flex}.mppe-workspace__secondary{justify-content:flex-end;align-items:center;display:flex}.mppe-workspace-tab{color:var(--mppe-muted);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;flex-direction:column;min-width:128px;min-height:45px;padding:8px 12px;transition:background .15s,box-shadow .15s,color .15s;display:flex}.mppe-workspace-tab span{color:inherit;font-size:14px;font-weight:800;line-height:1.1;display:block}.mppe-workspace-tab small{color:inherit;opacity:.75;margin-top:3px;font-size:11px;font-weight:600;line-height:1.2;display:block}.mppe-workspace-tab.is-active{color:var(--mppe-ink);background:#fff;box-shadow:0 8px 18px -14px #0f1f2a66}.mppe-workspace__secondary .mppe-workspace-tab{border:1px solid var(--mppe-border);white-space:nowrap;justify-content:center;align-items:center;min-width:0}.mppe-workspace__secondary .mppe-workspace-tab.is-active{border-color:var(--mppe-primary);color:var(--mppe-primary-strong)}.mppe-header{background:var(--mppe-card);border:1px solid var(--mppe-border);border-radius:var(--mppe-radius);justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex;box-shadow:0 14px 30px -24px #0f1f2a73}.mppe-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mppe-title-row h1{margin:0;font-size:24px;line-height:1.1}.mppe-header p,.mppe-header small,.mppe-section__head p,.mppe-hint{color:var(--mppe-muted)}.mppe-header p{margin:7px 0 2px}.mppe-header small{font-size:13px;display:block}.mppe-actions,.mppe-section__actions,.mppe-footer-actions{flex-wrap:wrap;gap:8px;display:flex}.mppe-button{border:1px solid var(--mppe-border);cursor:pointer;font:inherit;border-radius:10px;justify-content:center;align-items:center;height:40px;padding:0 16px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mppe-button:disabled{cursor:not-allowed;opacity:.55}.mppe-button--primary{background:var(--mppe-primary);border-color:var(--mppe-primary);color:#fff}.mppe-button--secondary{color:var(--mppe-ink);background:#fff}.mppe-button--ghost{color:var(--mppe-muted);background:0 0;border-color:#0000}.mppe-button--danger{color:var(--mppe-danger);background:#fff;border-color:#f6c9c9}.mppe-status,.mppe-pill{border:1px solid var(--mppe-border);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.mppe-status--published{color:#057a55;background:#dcfaec;border-color:#7be2b6}.mppe-status--draft,.mppe-status--review{color:#05649b;background:#eff8ff;border-color:#9dd7ff}.mppe-status--blocked{color:#a52424;background:#fff1f1;border-color:#ffc4c4}.mppe-summary-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:14px;display:grid}.mppe-card{background:var(--mppe-card);border:1px solid var(--mppe-border);border-radius:var(--mppe-radius);padding:18px;box-shadow:0 14px 30px -24px #0f1f2a73}.mppe-eyebrow{color:var(--mppe-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.mppe-url{border:1px solid var(--mppe-border);text-overflow:ellipsis;white-space:nowrap;background:#f8fbfa;border-radius:11px;align-items:center;min-height:42px;padding:0 13px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:13px;display:flex;overflow:hidden}.mppe-completion-head{justify-content:space-between;align-items:baseline;display:flex}.mppe-completion-head strong{color:var(--mppe-primary-strong);font-size:25px}.mppe-progress{background:#e7efed;border-radius:999px;height:8px;overflow:hidden}.mppe-progress span{background:var(--mppe-primary);border-radius:inherit;height:100%;display:block}.mppe-area-tabs{background:#eef5f2;border-radius:12px;align-items:center;gap:4px;width:fit-content;padding:5px;display:inline-flex}.mppe-area-tab{color:var(--mppe-muted);cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;padding:10px 14px;font-size:14px;font-weight:800}.mppe-area-tab.is-active{color:var(--mppe-ink);background:#fff;box-shadow:0 8px 18px -14px #0f1f2a66}.mppe-stepper{align-items:center;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.mppe-support-tabs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mppe-support-tabs>span{color:var(--mppe-muted);letter-spacing:.06em;text-transform:uppercase;margin-right:4px;font-size:12px;font-weight:800}.mppe-support-tab{border:1px solid var(--mppe-border);color:var(--mppe-ink);cursor:pointer;font:inherit;background:#fff;border-radius:999px;min-height:34px;padding:0 13px;font-size:13px;font-weight:800}.mppe-support-tab.is-active{background:var(--mppe-primary-strong);border-color:var(--mppe-primary-strong);color:#fff}.mppe-step{color:var(--mppe-ink);cursor:pointer;font:inherit;background:0 0;border:0;flex:none;align-items:center;gap:8px;padding:0;display:inline-flex}.mppe-step span{border:1px solid var(--mppe-border);background:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:inline-flex}.mppe-step strong{white-space:nowrap;font-size:13px}.mppe-step--complete span,.mppe-step.is-current span{background:var(--mppe-primary-strong);border-color:var(--mppe-primary-strong);color:#fff}.mppe-step--blocked{opacity:.45}.mppe-editor-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:22px;display:grid}.mppe-main{flex-direction:column;gap:14px;min-width:0;display:flex}.mppe-section{min-height:320px}.mppe-section__head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.mppe-section__head h2{margin:0 0 5px;font-size:19px}.mppe-section__head p{margin:0}.mppe-section__content{margin-top:18px}.mppe-section__actions,.mppe-footer-actions{border-top:1px solid var(--mppe-border);justify-content:flex-end;margin-top:18px;padding-top:16px}.mppe-preview{position:sticky;top:18px}.mppe-preview__label{color:var(--mppe-muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 10px;font-size:12px;font-weight:900;display:flex}.mppe-preview__label span{background:var(--mppe-primary);border-radius:999px;width:7px;height:7px;display:inline-block}.mppe-phone{background:#0e1512;border-radius:32px;width:260px;padding:8px;box-shadow:0 22px 48px -28px #0f1f2acc}.mppe-phone__screen{background:#fff;border-radius:26px;min-height:430px;overflow:hidden}.mppe-phone__cover{background:repeating-linear-gradient(115deg,#0f766e,#0f766e 9px,#0d6b64 9px 18px);min-height:94px}.mppe-phone__body{padding:0 16px 16px}.mppe-phone__avatar{background:#eef5f2;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:66px;height:66px;margin-top:-33px;display:flex;overflow:hidden}.mppe-phone__status{background:var(--mppe-primary-soft);color:var(--mppe-primary-strong);float:right;border-radius:999px;margin-top:-20px;padding:5px 8px;font-size:10px;font-weight:800}.mppe-phone h3{clear:both;margin:14px 0 3px;font-size:18px;line-height:1.15}.mppe-phone__specialty,.mppe-phone__location,.mppe-phone__bio{color:var(--mppe-muted);margin:5px 0;font-size:12px}.mppe-phone__specialty{color:var(--mppe-primary-strong);font-weight:800}.mppe-phone__chips{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.mppe-phone__chips span{background:var(--mppe-primary-soft);color:var(--mppe-primary-strong);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:700}.mppe-phone__actions{gap:7px;margin-top:14px;display:flex}.mppe-phone__actions button{border:1px solid var(--mppe-border);color:var(--mppe-muted);font:inherit;background:#fff;border-radius:9px;flex:1;height:34px;font-size:11px;font-weight:800}.mppe-phone__actions button:first-child{background:var(--mppe-primary-strong);border-color:var(--mppe-primary-strong);color:#fff}.mppe-reports{flex-direction:column;gap:16px;display:flex}.mppe-custom-panel{display:block}.mppe-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.mppe-metric{background:var(--mppe-card);border:1px solid var(--mppe-border);border-radius:14px;padding:16px}.mppe-metric span,.mppe-metric small{color:var(--mppe-muted);font-size:12px;display:block}.mppe-metric strong{margin:6px 0;font-size:26px;display:block}.mppe-metric--positive strong{color:var(--mppe-primary-strong)}.mppe-metric--warning strong{color:var(--mppe-warning)}.mppe-empty{color:var(--mppe-muted);margin:0}@media (width<=980px){.mppe-summary-grid,.mppe-editor-grid,.mppe-metrics{grid-template-columns:1fr}.mppe-workspace{flex-direction:column;align-items:stretch}.mppe-workspace__primary,.mppe-workspace__secondary,.mppe-workspace__secondary .mppe-workspace-tab{width:100%}.mppe-preview{position:static}.mppe-phone{width:100%}}@media (width<=640px){.mppe-header{flex-direction:column}.mppe-area-tabs,.mppe-workspace__primary{width:100%}.mppe-area-tab,.mppe-workspace-tab{flex:1}.mppe-workspace__primary{flex-direction:column;align-items:stretch}.mppe-workspace-tab{width:100%}}
