.mp-vis{display:grid;grid-gap:22px;gap:22px;margin-top:22px}@media (min-width:960px){.mp-vis{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start}}.mp-vis-stage{min-width:0}.mp-vis-fig{position:relative;margin:0;border-radius:var(--r);overflow:hidden;background:var(--sand)}.mp-vis-fig img{width:100%;height:auto;display:block}.mp-vis-label{position:absolute;left:10px;bottom:10px;background:rgba(16,36,27,.82);color:#fff;font-size:12px;padding:5px 9px;border-radius:999px}.mp-vis-busy{position:absolute;inset:0;display:grid;place-content:center;grid-gap:6px;gap:6px;text-align:center;background:hsla(40,36%,95%,.78);font-weight:600;color:var(--g)}.mp-vis-busy small{font-weight:400;color:var(--muted)}.mp-vis-spin{width:34px;height:34px;margin:0 auto 6px;border-radius:50%;border:3px solid rgba(23,54,41,.2);border-top:3px solid var(--g);animation:mpvis .9s linear infinite}@keyframes mpvis{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mp-vis-spin{animation:none}}.mp-vis-drop{width:100%;min-height:260px;display:grid;place-content:center;grid-gap:8px;gap:8px;text-align:center;padding:24px;border-radius:var(--r);border:2px dashed rgba(23,54,41,.3);background:var(--white);color:var(--ink);cursor:pointer}.mp-vis-drop strong{font-size:19px;color:var(--g)}.mp-vis-drop span{color:var(--muted);font-size:14.5px;max-width:360px}.mp-vis-controls{min-width:0}.mp-vis-step{font-weight:700;margin:4px 0 8px}.mp-vis-link{background:none;border:0;padding:0 0 0 6px;color:var(--g);text-decoration:underline;cursor:pointer;font-weight:600}.mp-vis-styles{display:flex;flex-wrap:wrap;gap:8px}.mp-vis-style{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:999px;border:1.5px solid var(--line);background:var(--white);color:var(--ink);cursor:pointer;font-weight:600;font-size:14.5px}.mp-vis-style i{width:18px;height:18px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.mp-vis-style.is-on{border-color:var(--g);box-shadow:0 0 0 2px var(--g) inset}.mp-vis-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.mp-vis-cta{margin-top:12px}.mp-vis-msg{margin-top:10px;color:#6b4e12;background:#fff7e6;border:1px solid #f0d9a6;border-radius:12px;padding:9px 12px}.mp-vis-note{margin-top:14px;font-size:13.5px;color:var(--muted)}