.km-mug-preview{margin:16px 0;font-family:inherit}.km-mug-preview__trigger{color:#24536b;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#f6fafc;border:1.5px solid #7397aa;border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:13px 18px;font-weight:700;display:flex}.km-mug-preview__trigger:hover{background:#e8f2f7}.km-mug-preview__trigger svg{flex-shrink:0;width:22px;height:22px}.km-mug-preview__trigger:focus-visible,.km-mug-preview__dialog button:focus-visible{outline-offset:3px;outline:3px solid #24536b}.km-mug-preview__error{color:#b42318;font-size:14px}.km-mug-preview__dialog{box-sizing:border-box;color:#172b24;background:#fff;border:0;border-radius:16px;width:min(760px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;padding:0;font-family:inherit;overflow:auto;box-shadow:0 16px 60px #0004}.km-mug-preview__dialog::backdrop{background:#10231dcc}.km-mug-preview__dialog header{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 8px;display:flex}.km-mug-preview__dialog h2{margin:0;font-size:22px;line-height:1.2}.km-mug-preview__dialog header p{color:#52665d;margin:6px 0 0;font-size:14px}.km-mug-preview__dialog button{cursor:pointer;font-family:inherit}.km-mug-preview__close{width:44px;height:44px;color:inherit;background:#fff;border:1px solid #d7e1dc;border-radius:50%;flex-shrink:0;font-size:28px}.km-mug-preview__status{padding:0 20px;font-size:14px}.km-mug-preview__status:empty{display:none}.km-mug-preview__status button{color:#24536b;background:0 0;border:0;padding:8px;text-decoration:underline}.km-mug-preview__viewport{aspect-ratio:1;background:#f5f7f6;border-radius:10px;width:min(100% - 32px,800px,60dvh);margin:12px auto;overflow:auto}.km-mug-preview__viewport img{aspect-ratio:auto;object-fit:contain;max-width:none;height:auto;display:block}.km-mug-preview__dialog footer{text-align:center;padding:0 20px 16px}.km-mug-preview__dialog footer p{color:#52665d;font-size:13px;line-height:1.5}.km-mug-preview__zoom{justify-content:center;gap:6px;display:flex}.km-mug-preview__zoom button{color:#24536b;background:#f6fafc;border:1px solid #d7e1dc;border-radius:6px;min-width:44px;min-height:44px;font-size:16px}.km-mug-preview__zoom button:disabled{opacity:.4;cursor:default}