:root{font:14px/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;color:#283547;background:#eef1f5;color-scheme:light}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden}
[hidden]{display:none!important}
#viewer{position:fixed;inset:0;display:grid;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;background:#eef1f5}
.stage{position:relative;min-width:0;min-height:0;overflow:hidden}
canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}
canvas.dragging{cursor:grabbing}
.toolbar{display:flex;align-items:center;justify-content:center;justify-self:center;gap:3px;max-width:calc(100% - 16px);margin:0 0 12px;padding:4px;min-width:0;border:1px solid #dce2e9;border-radius:12px;background:rgba(255,255,255,.97);box-shadow:0 3px 14px #263b5014}
button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px;padding:0 10px;border:0;border-radius:7px;color:inherit;background:transparent;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
#zoomIn,#zoomOut{padding:0;font-size:22px}
button:hover:not(:disabled),button[aria-pressed=true]{background:#e9eff5}
button:disabled{opacity:.4;cursor:default}
button:focus-visible,canvas:focus-visible{outline:3px solid #3b7fc3;outline-offset:-2px}
button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.loading{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);width:min(300px,calc(100% - 32px));padding:20px;border:1px solid #dce2e9;border-radius:12px;background:rgba(255,255,255,.97);text-align:center}
.loading p{margin:0}
#loadingTitle{font-size:14px;font-weight:600}
#loadingDetail{margin-top:10px;color:#627182;font-size:12px}
#retry{margin:12px auto 0;border:1px solid #c8d4df;background:white}
progress{appearance:none;display:block;width:100%;height:5px;margin-top:14px;overflow:hidden;border:0;border-radius:4px;background:#e2e8ee}
progress::-webkit-progress-bar{background:#e2e8ee}
progress::-webkit-progress-value{background:#557b9e}
progress::-moz-progress-bar{background:#557b9e}
.loading.error{border-color:#c9a3a9}
.loading.error #loadingTitle{color:#964957}
@media(max-height:240px){.toolbar{margin-bottom:6px;padding:3px}.loading{padding:12px}#loadingDetail{display:none}}