.mpr-linkwrap{margin:0 0 14px}
.mpr-open{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid #1c1c1c;border-radius:999px;font-size:14px;line-height:1.3;color:#1c1c1c;text-decoration:none;background:transparent;cursor:pointer;transition:background .15s,color .15s}
.mpr-open:hover,.mpr-open:focus-visible{background:#1c1c1c;color:#fff}
.mpr-open svg{width:20px;height:20px;flex:none}

.mpr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:rgba(15,15,15,.55);padding:16px;direction:rtl}
.mpr-overlay[hidden]{display:none}
.mpr-dialog{position:relative;box-sizing:border-box;background:#fff;color:#1c1c1c;width:100%;max-width:520px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.35);padding:22px 20px 0;outline:none;font-size:15px;line-height:1.55;text-align:right}
.mpr-dialog *{box-sizing:border-box}
@media (max-width:600px){.mpr-overlay{align-items:flex-end;padding:0}.mpr-dialog{max-width:none;border-radius:16px 16px 0 0;max-height:94vh;max-height:94dvh}}

.mpr-close{position:absolute;top:8px;left:8px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;font-size:28px;line-height:1;color:#1c1c1c;cursor:pointer}
.mpr-close:hover,.mpr-close:focus-visible{background:#f0f0f0}
.mpr-title{margin:0 0 10px;font-size:22px;line-height:1.3;color:#1c1c1c}
.mpr-progress{list-style:none;display:flex;gap:6px;margin:0 0 14px;padding:0;font-size:12px;color:#8a8a8a}
.mpr-progress li{flex:1;padding-top:6px;border-top:3px solid #e6e6e6}
.mpr-progress li.on{border-top-color:#1c1c1c;color:#1c1c1c;font-weight:600}
.mpr-lead{margin:0 0 4px}
.mpr-hint{margin:4px 0 0;font-size:13px;color:#777}

.mpr-stage{position:relative;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px dashed #d4d4d4;border-radius:10px;margin:12px 0;overflow:hidden;min-height:220px}
.mpr-stage--measure{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}
.mpr-circle{border:2px solid #d6246e;border-radius:50%;background:rgba(214,36,110,.08);position:relative;flex:none}
.mpr-circle:before,.mpr-circle:after{content:'';position:absolute;background:rgba(214,36,110,.6)}
.mpr-circle:before{left:50%;top:calc(50% - 6px);width:1px;height:12px}
.mpr-circle:after{top:50%;left:calc(50% - 6px);height:1px;width:12px}
.mpr-readout{margin:0;text-align:center;font-size:18px;font-weight:600}

.mpr-controls{position:sticky;bottom:0;background:#fff;padding:12px 0 16px;margin-top:8px;border-top:1px solid #eee}
.mpr-slider{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.mpr-range{flex:1;min-width:0;height:32px;accent-color:#1c1c1c}
.mpr-nudge{flex:none;width:44px;height:44px;border:1px solid #cfcfcf;border-radius:50%;background:#fff;font-size:22px;line-height:1;color:#1c1c1c;cursor:pointer;touch-action:manipulation}
.mpr-nudge:active{background:#f0f0f0}
.mpr-actions{display:flex;gap:10px}
.mpr-actions--col{flex-direction:column}
.mpr-btn{flex:1;min-height:46px;padding:10px 16px;border-radius:8px;border:1px solid #1c1c1c;background:#fff;color:#1c1c1c;font-size:15px;font-weight:600;cursor:pointer}
.mpr-btn--primary{background:#1c1c1c;color:#fff}
.mpr-btn--primary:hover,.mpr-btn--primary:focus-visible{background:#000}
.mpr-btn--link{border-color:transparent;background:transparent;font-weight:400;text-decoration:underline;min-height:36px}
.mpr-btn[hidden]{display:none}

.mpr-result{text-align:center;padding:6px 0 0}
.mpr-result__label{font-size:14px;color:#666}
.mpr-result__size{font-size:64px;line-height:1.1;font-weight:700;margin:2px 0}
.mpr-result__sub{font-size:13px;color:#777}
.mpr-facts{list-style:none;margin:14px 0 8px;padding:12px 14px;background:#fafafa;border-radius:10px;text-align:right;font-size:14px}
.mpr-facts li{padding:3px 0}
.mpr-note{margin:8px 0 0;font-size:14px}
.mpr-note--warn{color:#b3261e}
.mpr-disclaimer{margin:0;padding:0 0 4px;font-size:12px;color:#8a8a8a}
.mpr-overlay.mpr-ltr{direction:ltr}.mpr-ltr .mpr-close{left:auto;right:8px}.mpr-ltr .mpr-facts{text-align:left}
