.ml-shop-overlay { position: fixed; inset: 0; z-index: 2147483600; background: rgba(27, 17, 30, .48); display: grid; place-items: center; padding: 8px; }
.ml-shop-overlay[hidden] { display: none !important; }
.ml-shop-dialog { display: flex; flex-direction: column; width: min(980px, calc(100vw - 16px)); height: min(760px, calc(100dvh - 16px)); max-width: calc(100vw - 16px); background: #fff; border: 1px solid #e1cdd7; border-radius: 8px; overflow: hidden; box-shadow: 0 14px 48px rgba(31, 12, 28, .24); box-sizing: border-box; }
.ml-shop-popup-header { display: flex; align-items: center; justify-content: space-between; min-height: 52px; padding: 8px 12px 8px 20px; border-bottom: 1px solid #e6e5e9; background: #fff; color: #d72e79; cursor: move; touch-action: none; flex-shrink: 0; box-sizing: border-box; font: 700 16px "Segoe UI", "Yu Gothic UI", sans-serif; }
.ml-shop-popup-title { display: flex; align-items: center; gap: 9px; }
.ml-shop-popup-title img { display: block; width: 25px; height: 25px; object-fit: contain; }
.ml-shop-popup-close { width: 32px; height: 32px; border: 0; border-radius: 4px; background: transparent; color: #75717a; font: 26px/1 sans-serif; cursor: pointer; }
.ml-shop-popup-close:hover { background: #f5f1f4; color: #29262d; }
.ml-shop-frame { border: 0; width: 100%; min-height: 0; flex: 1; background: #fff; }