html,body{margin:0;height:100%;background:#15151B;overflow:hidden}
body{font-family:"Spoqa Han Sans","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif}
.viewer{position:relative;width:100%;height:100%;background:#15151B}
.viewer canvas{display:block;width:100%;height:100%;touch-action:none}
.vbar{position:absolute;left:12px;top:12px;display:flex;gap:6px;flex-wrap:wrap;z-index:2}
.vbar button{font:400 15px/1.4 "Spoqa Han Sans",sans-serif;background:rgba(255,255,255,.92);color:#221F1F;border:0;border-radius:999px;padding:8px 13px;cursor:pointer}
.vbar button.on{background:#E2543A;color:#fff}
.vbar button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.vhint{position:absolute;right:12px;bottom:10px;font-size:14px;color:#B8B8C6;z-index:2}
.vfail{position:absolute;inset:0;display:grid;place-items:center;color:#ccc;padding:20px;text-align:center}
@media (max-width:520px){.vbar button{font-size:13px;padding:8px 11px}.vhint{display:none}}

.viewer svg text[font-family*="Sans"] { font-family: "Spoqa Han Sans", sans-serif; }