.viewer-shell{color:#565650;width:100%;min-width:0;font-family:inherit}.viewer-stage{aspect-ratio:15/13;background:radial-gradient(at 48% 43%,#fff 0%,#f6f6f4 57%,#ebece9 100%);border-radius:24px;width:100%;min-height:320px;max-height:560px;position:relative;overflow:hidden}.viewer-stage .viewer-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.viewer-stage .viewer-canvas:focus-visible{outline-offset:-5px;border-radius:24px;outline:3px solid #706cff}.viewer-message,.viewer-fallback{text-align:center;pointer-events:none;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.viewer-message{color:#777}.viewer-fallback{pointer-events:auto;background:#f6f6f4;flex-direction:column;gap:12px;padding:28px}.viewer-fallback img{object-fit:contain;opacity:.8;width:80px;height:80px}.viewer-fallback p{max-width:280px;margin:0}.viewer-fallback button{cursor:pointer;background:#fff;border:1px solid #b7b7b1;border-radius:999px;padding:7px 15px}.viewer-toolbar{justify-content:space-between;align-items:center;gap:12px;padding:12px 3px 0;font-size:12px;display:flex}.viewer-actions{white-space:nowrap;gap:6px;display:flex}.viewer-actions button{color:#3b3b36;cursor:pointer;background:#fff;border:1px solid #d4d4cf;border-radius:9px;min-width:32px;height:31px;padding:0 9px}.viewer-actions button:disabled{opacity:.4;cursor:default}.viewer-actions button:focus-visible,.viewer-fallback button:focus-visible{outline-offset:2px;outline:2px solid #706cff}@media (max-width:520px){.viewer-stage{aspect-ratio:1;min-height:0}.viewer-toolbar{align-items:flex-start}.viewer-toolbar span{max-width:150px}}@media (prefers-reduced-motion:reduce){.viewer-shell *{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}}