/**!
 * doyo design preview v0.1.0 (build 466454a)
 * Built: 2026-09-25 16:41:16
 * (c) 2026 doyobest.com
 */
:root{box-sizing:border-box}*,*:before,*:after{box-sizing:border-box}body{margin:0}.doyo-design-preview[data-v-1e339b56]{--close-btn-offset: 15px;--close-btn-size: 30px;--close-btn-bg-color: #e5e5e5}.doyo-preview-image[data-v-1e339b56]{position:fixed;z-index:1210;inset:0;background-color:#000000de;width:auto;height:100%;text-align:center}.main-preview-image-container[data-v-1e339b56]{position:absolute;top:50%;right:0;left:0;transform:translateY(-50%);margin:0 auto;text-align:center;width:min(95vw,85vh,calc(100vh - 150px))}.main-preview-image[data-v-1e339b56]{display:inline-flex;position:relative;flex-direction:column;vertical-align:top;border-radius:10px;background-color:#fff;width:100%}@media screen and (max-height: 372px){.main-preview-image[data-v-1e339b56]{padding-top:10px}.main-preview-image>.preview-image-frame[data-v-1e339b56]{border-radius:10px}}.preview-close-btn[data-v-1e339b56]{display:inline-flex;position:absolute;top:var(--close-btn-offset);right:var(--close-btn-offset);justify-content:center;align-items:center;z-index:100;cursor:pointer;margin:auto;border-radius:4px;background-color:var(--close-btn-bg-color, #e5e5e5);width:var(--close-btn-size);height:var(--close-btn-size);color:#000}.preview-image-frame[data-v-1e339b56]{position:relative;margin:0 auto;border-top-right-radius:10px;border-top-left-radius:10px;background:#fff;aspect-ratio:1;width:100%;overflow:hidden}.preview-image-frame img[data-v-1e339b56]{display:block;width:100%;height:100%;object-fit:contain}.preview-image-skeleton[data-v-1e339b56]{display:flex;position:absolute;z-index:1;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-name:ani-preview-skeleton-1e339b56;inset:0;background:linear-gradient(90deg,#f1f2f4 25%,#e6e6e6 37%,#f1f2f4 50%);background-size:400% 100%}.note[data-v-1e339b56]{margin:0 auto;border-bottom-right-radius:10px;border-bottom-left-radius:10px;background-color:#fff;padding:10px 0;width:100%;max-width:none;color:#777;font-weight:500;font-size:18px;line-height:24px;text-align:center}@keyframes ani-preview-skeleton-1e339b56{0%{background-position:100% 50%}to{background-position:0 50%}}