*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:#fff;font-family:system-ui,-apple-system,sans-serif}.viewer{position:relative;width:100%;height:100%;background:#fff}.viewer canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.viewer canvas:active{cursor:grabbing}.annotations{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.annotations line{stroke:#111;stroke-width:1.2}.annotation{position:absolute;z-index:1;padding:6px 16px;color:#111;background:#fff;border:1.5px solid #c8c8c8;border-radius:8px;box-shadow:0 2px 8px #0000001f;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:0;line-height:normal;white-space:nowrap;pointer-events:none}.annotation:nth-of-type(1){left:2%;top:8%}.annotation:nth-of-type(2){left:68%;top:46%}.annotation:nth-of-type(3){left:2%;top:82%}.fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:16px;color:#555;background:#fff;font-family:system-ui,sans-serif}.fallback strong{font-size:16px;font-weight:600}.fallback p{max-width:300px;color:#888;font-size:13px;text-align:center}@media(max-width:620px){.annotation{max-width:45vw;padding:5px 9px;font-size:11px;white-space:normal}}