*{box-sizing:border-box}body{margin:0;background:#e8ebf1;font-family:Arial,sans-serif;color:#1c2940}.viewer-bar{height:72px;display:flex;align-items:center;gap:25px;padding:0 28px;background:#fff;border-bottom:1px solid #dfe4ed}.viewer-back{text-decoration:none;font-size:13px;color:#617089;white-space:nowrap}.viewer-title{margin-right:auto;display:flex;align-items:baseline;gap:14px}.viewer-title strong{font-size:18px;letter-spacing:-.7px}.viewer-title span{font-size:11px;color:#758099}.viewer-devices{display:flex;gap:4px;background:#f0f2f8;padding:4px;border-radius:8px}.viewer-devices button{border:0;background:transparent;color:#667187;border-radius:5px;padding:9px 14px;font-size:12px;cursor:pointer}.viewer-devices button[aria-pressed=true]{background:#fff;color:#273a60;box-shadow:0 2px 7px #162d4b12}.viewer-choose{display:flex;gap:20px;align-items:center;text-decoration:none;background:#6555df;color:#fff;padding:13px 19px;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}.viewer-hint{text-align:center;padding:10px 15px;background:#f7f8fb;font-size:11px;color:#7a8596;border-bottom:1px solid #e0e5ef}.viewer-stage{height:calc(100dvh - 107px);display:flex;justify-content:center;padding:0;transition:padding .25s}.viewer-stage iframe{width:100%;height:100%;border:0;background:white;display:block;transition:max-width .25s}.viewer-stage.mobile{padding:20px 0}.viewer-stage.mobile iframe{width:390px;max-width:100%;border-radius:18px;border:6px solid #29364c;box-shadow:0 15px 50px #1a2c4225}a:focus-visible,button:focus-visible{outline:3px solid #6555df;outline-offset:4px}@media(max-width:700px){.viewer-bar{height:65px;padding:0 14px;gap:14px}.viewer-back span,.viewer-title span,.viewer-devices{display:none}.viewer-title strong{font-size:16px}.viewer-choose{font-size:11px;gap:10px;padding:11px 13px}.viewer-hint{font-size:10px;line-height:1.5;padding:9px 12px}.viewer-stage{height:calc(100dvh - 99px)}}