.mk-paint-cloud{position:fixed;right:24px;top:38%;z-index:80;width:218px;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:28px 15px 18px;text-align:center;text-decoration:none!important;color:#542580!important;background:#fff;border:5px solid #efd9ff;border-radius:48% 46% 35% 38%;box-shadow:0 12px 0 #eadbfc,0 20px 38px #783b9930;isolation:isolate;transition:transform .2s}
.mk-paint-cloud:before{content:'';position:absolute;z-index:-1;width:144px;height:76px;top:-42px;left:31px;border-radius:100px 100px 0 0;background:radial-gradient(ellipse at bottom,transparent 34%,#b99bea 35% 44%,#6bcbea 45% 54%,#8ad88c 55% 64%,#ffe16a 65% 74%,#ffa675 75% 84%,#ff80bb 85%);transform:rotate(-7deg)}
.mk-paint-cloud:after{content:'✦';position:absolute;right:-6px;top:4px;color:#f6b522;font-size:38px;transform:rotate(12deg)}
.mk-paint-cloud .mk-paint-icon{font-size:48px;line-height:1.1;display:block;transform:rotate(-12deg)}
.mk-paint-cloud strong{display:block;font:900 29px/1.15 system-ui,sans-serif;letter-spacing:-1px;color:#8b2db2}
.mk-paint-cloud .mk-paint-hint{font:600 13px/1.4 system-ui,sans-serif;color:#77528c}
.mk-paint-cloud .mk-paint-go{display:block;margin-top:5px;padding:9px 21px;border-radius:24px;background:linear-gradient(110deg,#ed409c,#923dea);color:#fff;font:800 16px/1.2 system-ui,sans-serif;box-shadow:0 4px 0 #70299b}
.mk-paint-cloud:hover{transform:translateY(-5px) rotate(-2deg)}.mk-paint-cloud:focus-visible{outline:4px solid #279ec6;outline-offset:7px}
@media(max-width:1250px){.mk-paint-cloud{position:relative;top:auto;right:auto;margin:62px auto 27px;width:260px;min-height:172px;padding:20px 15px 16px}.mk-paint-cloud:before{left:54px}.mk-paint-cloud .mk-paint-icon{font-size:38px}.mk-paint-cloud strong{font-size:29px}}
@media(prefers-reduced-motion:reduce){.mk-paint-cloud{transition:none}.mk-paint-cloud:hover{transform:none}}
@media print{.mk-paint-cloud{display:none!important}}
/* Keep the invitation beside the picture, never at the viewport edge. */
.mk-detail-v3 .mk-paint-stage{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:28px;align-items:center;margin:28px 0;width:100%}
.mk-detail-v3 .mk-paint-stage .boyama-preview-wrap{grid-column:1;grid-row:1;width:100%;max-width:none;margin:0;padding:12px;min-width:0}
.mk-detail-v3 .mk-paint-stage .boyama-preview-img{width:100%;height:auto;max-width:100%;max-height:none;object-fit:contain;border-radius:10px}
.mk-detail-v3 .mk-paint-stage .mk-paint-cloud{grid-column:2;grid-row:1;position:relative;top:auto;right:auto;left:auto;bottom:auto;margin:42px 0 18px;width:218px;min-height:200px;z-index:1;padding:28px 15px 18px}
.mk-detail-v3 .mk-paint-stage .mk-paint-cloud:before{left:31px}
@media(max-width:700px){.mk-detail-v3 .mk-paint-stage{grid-template-columns:minmax(0,1fr);gap:12px;margin:20px 0}.mk-detail-v3 .mk-paint-stage .mk-paint-cloud{grid-column:1;grid-row:1;justify-self:center;width:260px;min-height:160px;margin:42px 0 16px;padding:15px}.mk-detail-v3 .mk-paint-stage .mk-paint-cloud:before{left:54px}.mk-detail-v3 .mk-paint-stage .boyama-preview-wrap{grid-column:1;grid-row:2;padding:8px}}
@media print{.mk-detail-v3 .mk-paint-stage{display:block}.mk-detail-v3 .mk-paint-stage .boyama-preview-img{max-height:260mm}}

@font-face{font-family:MK-Nunito;src:url('/css/fonts/nunito-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:MK-Nunito;src:url('/css/fonts/nunito-bold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
.mk-detail-v3,.mk-detail-v3 h1,.mk-detail-v3 h2,.mk-detail-v3 h3,.mk-detail-v3 p,.mk-detail-v3 a,.mk-detail-v3 span,.mk-detail-v3 strong,.mk-detail-v3 button{font-family:MK-Nunito,sans-serif!important}
