#svgImageViewer{padding:0;border:1px solid #dcdfe6;border-radius:18px;background:#f3f4f7;color:#243044;width:min(1280px,calc(100vw - 48px));height:calc(100dvh - 64px);max-width:none;max-height:none;overflow:hidden;margin:auto;box-shadow:0 20px 80px #0004}
#svgImageViewer::backdrop{background:#171d2de0}
#svgImageViewer[open]{display:flex;flex-direction:column}
#svgImageViewer .svg-viewer-shell{display:flex;flex-direction:column;flex:1;min-height:0;width:100%;height:100%;background:#f3f4f7}
#svgImageViewer .svg-viewer-shell:fullscreen{width:100vw;height:100dvh;border:0;border-radius:0}
#svgImageViewer .svg-viewer-shell>header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:14px 20px;border-bottom:1px solid #dce0e7;background:#fff;flex:none}
#svgImageViewer .svg-viewer-shell>header>div:first-child{display:flex;align-items:center;gap:16px}
#svgImageViewer strong{font-size:14px;font-weight:650}
#svgImageViewer .svg-viewer-shell>header span{font-size:11px;color:#738094}
#svgImageViewer .svg-viewer-tools{display:flex;align-items:center;gap:6px}
#svgImageViewer button{background:#eef1f5!important;color:#243044!important;border:0!important;border-radius:8px;font-size:12px;min-height:36px;padding:8px 12px}
#svgImageViewer button:hover{background:#e0e6ee!important}
#svgImageViewer button:focus-visible,#svgImageViewer .svg-viewer-stage:focus-visible{outline:2px solid #5d76ae;outline-offset:-2px}
#svgImageViewer output{font-size:12px;min-width:47px;text-align:center;font-variant-numeric:tabular-nums}
#svgImageViewer .svg-viewer-stage{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none;cursor:grab;background-image:radial-gradient(#c8ced8 1px,transparent 1px);background-size:16px 16px;isolation:isolate}
#svgImageViewer .svg-viewer-stage.dragging{cursor:grabbing}
#svgImageViewer .svg-viewer-stage img{position:absolute;top:0;left:0;max-width:none!important;max-height:none!important;transform-origin:0 0;background:white;user-select:none;pointer-events:none;box-shadow:0 2px 20px #19223612}
#svgImageViewer .svg-viewer-shell>footer{flex:none;padding:10px 20px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#6b7789;background:#fff}
.svg-can-enlarge{cursor:zoom-in}
html[data-ui-theme] #appPage .svg-enlarge-btn{margin-left:auto;background:transparent!important;color:var(--text-secondary)!important;padding:5px 10px;min-height:30px;font-size:11px;white-space:nowrap}
@media(max-width:600px){#svgImageViewer{width:100vw;height:100dvh;border:0;border-radius:0}#svgImageViewer .svg-viewer-shell>header{padding:12px;gap:10px}#svgImageViewer .svg-viewer-shell>header>div:first-child{width:100%}#svgImageViewer .svg-viewer-tools{width:100%;justify-content:space-between;gap:3px}#svgImageViewer button{padding:8px;min-height:40px;font-size:11px}#svgImageViewer .svg-viewer-shell>footer{padding:10px 12px;font-size:9px}}