.mipl-image-outer {position: relative;}
.mipl-3d-icon {position: absolute;width: 2em;height: 2em;border-radius: 50%;background-color: #fff;display: flex;align-items: center;justify-content: center;font-weight: bold;cursor: pointer;right:14px;
bottom: 10px;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); z-index: 9999;  font-size: 18px; color: black;
pointer-events: auto !important;
}
.mipl-3d-icon::before,
.mipl-3d-icon::after {content: '';position: absolute;inset: 0;border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 50%;pointer-events: none;will-change: transform, opacity;backface-visibility: hidden;-webkit-backface-visibility: hidden;animation: ripple 2.8s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.mipl-3d-icon::after {animation-delay: 1.4s;}
#mipl-3d-popup { position: fixed; inset: 0; display: none; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.7); z-index: 9999999999; padding: 20px; box-sizing: border-box;}
#mipl-3d-popup.active { display: flex;}
.mipl-3d-popup-content {position: relative;width: 100%;max-width: 1000px;max-height: 90vh;padding: 20px;border-radius: 12px;overflow: hidden;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;}
#mipl-3d-popup .mipl-close {position: absolute;top: 10px;right: 15px;font-size: 24px;font-weight: bold;cursor: pointer;z-index: 10;line-height: 1;color: white;background: #dc3232;width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;padding: 0;box-sizing: border-box;}
#mipl-3d-popup .mipl-toolbar,
.mipl-shortcode-model .mipl-toolbar{ display: flex; justify-content: center; align-items: center; gap: 10px; padding: 2px 16px;  background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(12px); border: 1px solid rgba(0, 0, 0, 0.08); border-radius: 50px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); width: fit-content; margin-left: auto; margin-right: auto;}
#mipl-3d-popup .tool-btn,
.mipl-shortcode-model .tool-btn {width: 44px;height: 44px;border: none;border-radius: 50%;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: 0.3s ease; background-color: #fff;}
#mipl-3d-popup .tool-btn img,
.mipl-shortcode-model .tool-btn img { width: 22px; height: 22px; display: block; position: absolute;}
#mipl-3d-model { width: 100%; height: 70vh; display: block; border-radius: 10px;}
#mipl-3d-popup .tool-btn:focus,
#mipl-3d-popup .tool-btn:focus-visible,
.mipl-shortcode-model .tool-btn:focus,
.mipl-shortcode-model .tool-btn:focus-visible {outline: none !important; box-shadow: none !important;}
.mipl-preview-loading {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;overflow: hidden;background: rgba(255, 255, 255, 0.88);z-index: 4;}
.mipl-preview-loading[hidden] {display: none;}
.mipl-preview-poster {position: absolute;inset: 0;width: 100%;height: 100%;object-fit: contain;opacity: 0.7;}
.mipl-preview-loader {position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;width: 84px;height: 84px;border-radius: 50%;background: rgba(255, 255, 255, 0.9);box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);}
.mipl-preview-loader .dot-spinner {--uib-size: 2.8rem;--uib-speed: 0.9s;--uib-color: #183153;position: relative;display: flex;align-items: center;justify-content: flex-start;height: var(--uib-size);width: var(--uib-size);}
.mipl-preview-loader .dot-spinner__dot {position: absolute;top: 0;left: 0;display: flex;align-items: center;justify-content: flex-start;height: 100%;width: 100%;}
.mipl-preview-loader .dot-spinner__dot::before {content: "";height: 20%;width: 20%;border-radius: 50%;background-color: black;transform: scale(0);opacity: 0.5;animation: pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;box-shadow: 0 0 20px rgba(18, 31, 53, 0.3);}
.mipl-preview-loader .dot-spinner__dot:nth-child(2) {transform: rotate(45deg);}
.mipl-preview-loader .dot-spinner__dot:nth-child(2)::before {animation-delay: calc(var(--uib-speed) * -0.875);}
.mipl-preview-loader .dot-spinner__dot:nth-child(3) {transform: rotate(90deg);}
.mipl-preview-loader .dot-spinner__dot:nth-child(3)::before {animation-delay: calc(var(--uib-speed) * -0.75);}
.mipl-preview-loader .dot-spinner__dot:nth-child(4) {transform: rotate(135deg);}
.mipl-preview-loader .dot-spinner__dot:nth-child(4)::before {animation-delay: calc(var(--uib-speed) * -0.625);}
.mipl-preview-loader .dot-spinner__dot:nth-child(5) {transform: rotate(180deg);}
.mipl-preview-loader .dot-spinner__dot:nth-child(5)::before {animation-delay: calc(var(--uib-speed) * -0.5);}
.mipl-preview-loader .dot-spinner__dot:nth-child(6) {transform: rotate(225deg);}
.mipl-preview-loader .dot-spinner__dot:nth-child(6)::before {animation-delay: calc(var(--uib-speed) * -0.375);}
.mipl-preview-loader .dot-spinner__dot:nth-child(7) {transform: rotate(270deg);}
.mipl-preview-loader .dot-spinner__dot:nth-child(7)::before {animation-delay: calc(var(--uib-speed) * -0.25);}
.mipl-preview-loader .dot-spinner__dot:nth-child(8) {transform: rotate(315deg);}
.mipl-preview-loader .dot-spinner__dot:nth-child(8)::before {animation-delay: calc(var(--uib-speed) * -0.125);}
.mipl-shortcode-model { max-width: 100vw !important; border: 1px solid black; padding-bottom:10px;background: #cdcdcd; position: relative;}
@keyframes pulse0112 {
0%,
100% {
transform: scale(0);
opacity: 0.5;
}
50% {
transform: scale(1);
opacity: 1;
}
}
@keyframes ripple {
0% {
transform: scale(1);
opacity: 0.8;
}
60% {
opacity: 0.3;
}
100% {
transform: scale(1.45);
opacity: 0;
}
}
.mipl-3d-icon.disabled {pointer-events: none;opacity: 0.5;}
.mipl-toolbar .tool-btn img {filter: brightness(0) !important;}
.mipl-toolbar button.ar-btn {display: none !important;}
.mipl-toolbar button.ar-btn.mipl-ar-hidden {display: none !important;}
.mipl-shortcode-3d:focus,
.mipl-shortcode-3d:focus-visible {outline: none !important;}
#mipl-3d-model::part(default-ar-button),
.mipl-shortcode-3d::part(default-ar-button) {
display: none !important;
}
.mipl-ar-notice {position: absolute;left: 50%;bottom: 30px;transform: translateX(-50%);background: rgba(0, 0, 0, 0.85);color: #fff;padding: 12px 20px;border-radius: 6px;font-size: 14px;z-index: 99999;white-space: nowrap;}
@media (max-width: 768px) {
#mipl-3d-popup {position: fixed;inset: 0;width: 100vw;height: 100vh;padding: 0;}
#mipl-3d-popup .mipl-3d-popup-content {position: relative;width: 100vw;height: 100vh;max-width: none;max-height: none;padding: 0;margin: 0;border-radius: 0;display: flex;justify-content: center;align-items: center; }
#mipl-3d-model {width: 100%;border-radius: 0;display: block;}
#mipl-3d-popup .mipl-toolbar {position: absolute;left: 50%;bottom: 80px;transform: translateX(-50%);margin: 0;z-index: 20;}
#mipl-3d-popup .tool-btn {width: 40px;height: 40px;border: none;}
#mipl-3d-popup .tool-btn img {width: 20px;height: 20px;}
#mipl-3d-poster {position: absolute;}
#mipl-3d-popup .mipl-close {position: absolute;top: 15px;right: 15px;font-size: 28px;z-index: 30; }
.mipl-preview-loader{width: 60px;height: 60px;}
.mipl-preview-loader .dot-spinner__dot::before{height: 15%; width: 15%;}
.mipl-toolbar button.ar-btn {display:flex !important;}
body.mipl-3d-popup-open {overflow: hidden !important;}
}