.rendor-viewer{box-sizing:border-box;border:1px solid #749b86;border-radius:12px;padding:16px;width: min(1200px,96vw);max-width:96vw;max-height:94dvh;background:#f7faf8;color:#10392c;box-shadow:0 20px 100px #0008}.rendor-viewer::backdrop{background:rgb(4 20 12 / 88%)}.rendor-viewer .rv-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.rv-bar button{background:#10392c;color:white;border:1px solid #10392c;border-radius:6px;min-height:44px;padding:9px 14px;cursor:pointer;font:inherit;font-size:14px}.rv-bar button:focus-visible{outline:3px solid #dcab31;outline-offset:3px}.rv-bar [hidden]{display:none}.rv-bar span{min-width:65px;text-align:center;font-variant-numeric:tabular-nums}.rendor-viewer figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}.rendor-viewer figure>img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(94dvh - 155px);object-fit:contain;min-height:0}.rendor-viewer figcaption{max-width:100%;max-height:60px;overflow:auto;text-align:center;font-size:14px;overflow-wrap:anywhere}.rendor-viewer a{color:inherit}@media(max-width:600px){.rendor-viewer{padding:10px;border-radius:8px}.rendor-viewer .rv-bar{gap:6px;flex-wrap:wrap}.rv-bar button{font-size:12px;padding:8px}.rv-bar span{min-width:40px}.rendor-viewer figure>img{max-height:calc(94dvh - 170px)}}@media(prefers-reduced-motion:reduce){.rendor-viewer,.rendor-viewer *{animation:none!important;transition:none!important}}