.mp{--mp-bg: var(--sh-surface-2, #f9fafb);--mp-border: var(--sh-border-strong, #d1d5db);--mp-text: var(--sh-text, #1f2937);--mp-muted: var(--sh-muted, #6b7280);--mp-accent: var(--sh-accent, #ff98a2);--mp-accent-ink: var(--sh-accent-ink, #09090b);position:relative}.mp-input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.mp .mp-drop{position:relative;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;cursor:pointer;text-align:center;color:var(--mp-text);background:var(--mp-bg);border:2px dashed var(--mp-border);border-radius:14px;transition:border-color .15s ease,background-color .15s ease}.mp--wide .mp-drop{min-height:168px;padding:20px 16px}.mp--circle .mp-drop{width:96px;height:96px;padding:0;border-radius:50%}.mp-drop:hover,.mp.is-drag .mp-drop{border-color:var(--mp-accent)}.mp.is-drag .mp-drop{background:color-mix(in srgb,var(--mp-accent) 12%,var(--mp-bg))}.mp-input:focus-visible+.mp-drop{outline:2px solid var(--mp-accent);outline-offset:2px}.mp-prompt{display:flex;flex-direction:column;align-items:center;gap:4px}.mp-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--mp-accent);color:var(--mp-accent-ink);font-size:22px;font-weight:600;line-height:1}.mp-title{font-size:14px;font-weight:600}.mp-hint{font-size:12px;color:var(--mp-muted)}.mp--circle .mp-icon{display:none}.mp--circle .mp-title{font-size:13px}.mp-preview{display:block;width:100%;max-height:320px;object-fit:contain}.mp-preview.sp-hidden,.mp-preview.d-none{display:none}.mp--circle .mp-preview{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;max-height:none;object-fit:cover}.mp.has-preview .mp-drop{border-style:solid;padding:0}.mp.has-preview .mp-prompt{display:none}.mp-change{display:none;position:absolute;right:8px;bottom:8px;padding:6px 12px;border-radius:999px;background:#000000b3;color:#fff;font-size:12px;font-weight:600}.mp.has-preview .mp-change{display:block}.mp--circle.has-preview .mp-change{right:0;bottom:0;left:0;padding:4px 0;border-radius:0;text-align:center}.mp-remove{margin-top:8px;padding:6px 12px;border:1px solid var(--mp-border);border-radius:999px;background:transparent;color:var(--mp-text);font:inherit;font-size:12px;font-weight:600;cursor:pointer}.mp-remove:hover{border-color:var(--mp-accent)}.mp-remove:focus-visible{outline:2px solid var(--mp-accent);outline-offset:2px}.mp.is-busy{opacity:.6;pointer-events:none}@media (prefers-reduced-motion: reduce){.mp-drop{transition:none}}