.mo-pe{position:fixed;inset:0;z-index:2100;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.mo-pe[hidden]{display:none}.mo-pe-backdrop{position:absolute;inset:0;background:#0000008c}.mo-pe-panel{position:relative;box-sizing:border-box;width:100%;max-width:560px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;padding:20px 20px 0;border-radius:16px;background:#fff;color:#333;box-shadow:0 18px 48px #00000038}.mo-pe-title{margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.3;color:#1a1a1a}.mo-pe-stage{position:relative;display:flex;align-items:center;justify-content:center;height:min(44vh,400px);height:min(44dvh,400px);border-radius:12px;background:#f6f6f6;overflow:hidden;touch-action:none}.mo-pe-view{position:relative;flex:none}.mo-pe-canvas{display:block;width:100%;height:100%}.mo-pe-spinner{position:absolute;top:10px;right:10px;width:22px;height:22px;box-sizing:border-box;border:3px solid #f8bbd0;border-top-color:#e91e63;border-radius:50%;animation:moPeSpin .9s linear infinite}.mo-pe-spinner[hidden]{display:none}@keyframes moPeSpin{to{transform:rotate(360deg)}}.mo-pe-frame{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 9999px #00000073;cursor:move;touch-action:none}.mo-pe-frame[hidden]{display:none}.mo-pe-frame:focus-visible{outline:2px solid #e91e63;outline-offset:2px}.mo-pe-corner{position:absolute;width:44px;height:44px;margin:-22px;padding:0;border:0;background:none;cursor:nwse-resize;touch-action:none}.mo-pe-corner:after{content:"";position:absolute;inset:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 2px #e91e63}.mo-pe-corner[data-corner=tl]{left:0;top:0}.mo-pe-corner[data-corner=tr]{right:0;top:0;cursor:nesw-resize}.mo-pe-corner[data-corner=bl]{left:0;bottom:0;cursor:nesw-resize}.mo-pe-corner[data-corner=br]{right:0;bottom:0}.mo-pe-corner:focus-visible{outline:none}.mo-pe-corner:focus-visible:after{box-shadow:0 0 0 3px #e91e63,0 0 0 5px #fff}.mo-pe-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0}.mo-pe-tool{min-height:44px;box-sizing:border-box;padding:8px 14px;border:1.5px solid #e0e0e0;border-radius:10px;background:#fff;color:#333;font:inherit;font-size:14px;font-weight:600;line-height:1.25;cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:manipulation}.mo-pe-tool[hidden]{display:none}.mo-pe-tool:hover:not(:disabled){border-color:#f4a6c1;background:#fdf7f9}.mo-pe-tool[aria-pressed=true],.mo-pe-tool.is-holding{border-color:var(--mo-primary, #e91e63);background:#fdf2f6;color:#c2185b}.mo-pe-tool:disabled{opacity:.55;cursor:not-allowed}.mo-pe-sliders{display:grid;gap:4px 0;margin:12px 0 0}.mo-pe-sliders[hidden]{display:none}.mo-pe-slider{display:grid;grid-template-columns:110px 1fr 40px;align-items:center;gap:10px;min-height:40px}.mo-pe-slider[hidden]{display:none}.mo-pe-slider label{font-size:14px;font-weight:600;color:#333}.mo-pe-slider input{width:100%;min-height:32px;margin:0;accent-color:#e91e63}.mo-pe-slider input:disabled{opacity:.5}.mo-pe-slider output{font-size:14px;color:#555;text-align:right;font-variant-numeric:tabular-nums}.mo-pe-hint{margin:2px 0 0;font-size:13px;line-height:1.45;color:#666}.mo-pe-hint[hidden]{display:none}.mo-pe-status{margin:10px 0 0;font-size:14px;line-height:1.5;color:#555}.mo-pe-status:empty{display:none}.mo-pe-status.is-error{color:#b00020}.mo-pe-foot{position:sticky;bottom:0;display:flex;gap:10px;margin:14px -20px 0;padding:10px 20px 16px;background:#fff}.mo-pe-btn{flex:1 1 0;min-width:0;min-height:48px;box-sizing:border-box;margin:0;padding:10px 14px;border-radius:10px;font:inherit;font-size:15px;font-weight:600;line-height:1.25;cursor:pointer}.mo-pe-primary{border:0;background:#e91e63;color:#fff}.mo-pe-primary:hover:not(:disabled){background:#c2185b}.mo-pe-secondary{border:1.5px solid #e91e63;background:#fff;color:#c2185b}.mo-pe-secondary:hover:not(:disabled){background:#fdf2f6}.mo-pe-btn:disabled{opacity:.55;cursor:not-allowed}.mo-pe-tool:focus-visible,.mo-pe-btn:focus-visible,.mo-pe-slider input:focus-visible{outline:2px solid #e91e63;outline-offset:2px}@media(max-width:599.98px){.mo-pe{align-items:flex-end;padding:0}.mo-pe-panel{max-width:none;max-height:94vh;max-height:94dvh;padding:16px 16px 0;border-radius:16px 16px 0 0}.mo-pe-title{font-size:18px;margin-bottom:10px}.mo-pe-stage{height:min(36vh,340px);height:min(36dvh,340px)}.mo-pe-tools{gap:6px}.mo-pe-tool{flex:1 1 auto;padding:8px 10px}.mo-pe-slider{grid-template-columns:96px 1fr 36px;gap:8px}.mo-pe-foot{margin:12px -16px 0;padding:8px 16px calc(12px + env(safe-area-inset-bottom,0px))}}@media(prefers-reduced-motion:reduce){.mo-pe-spinner{animation:none}}