html,body{height:100%;margin:0}body{background-color:#ccc;color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;overflow:hidden}.viewer-panel{display:flex;flex-direction:column;height:100%}.viewer-tabs{display:flex;gap:2px;padding:0 0 2px}.viewer-tabs a{padding:2px 8px;background-color:#ddd;border:2px solid;border-color:#EEEEEE #333333 #333333 #EEEEEE;color:#00f}.viewer-tabs a:hover{background-color:#aaa}.viewer-tabs a[aria-current]{background-color:#005;border-color:#CCCCCC #333333 #333333 #CCCCCC;color:#fd0;font-weight:700;text-decoration:none}.viewer-stage{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;background-color:#ccc}.viewer-canvas{position:relative;flex:1 1 auto;min-height:0;background:#d4d4d4 radial-gradient(ellipse at 50% 46%,#e6e6e6 30%,#b8b8b8);border:2px solid;border-color:#333333 #EEEEEE #EEEEEE #333333;overflow:hidden}.viewer-gl{position:absolute;inset:0}.viewer-gl canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.viewer-gl canvas:active{cursor:grabbing}.viewer-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;text-align:center}.viewer-msg{max-width:34em;margin:0;font-size:13px;line-height:1.4}.viewer-panel[data-state=loading] .viewer-msg{color:#555}.viewer-panel[data-state=error] .viewer-msg{font-weight:700}.viewer-bar{display:flex;flex-wrap:wrap;align-items:center;gap:3px 10px;padding:3px 0 0}.viewer-bar[hidden],.viewer-info[hidden]{display:none}.viewer-group{display:flex;flex-wrap:wrap;align-items:center;gap:3px}.viewer-group-end{margin-left:auto}.viewer-btn,.viewer-select{font-family:inherit;font-size:12px;min-height:22px;color:#000}.viewer-btn{padding:1px 7px;background-color:#ddd;border:2px solid;border-color:#EEEEEE #333333 #333333 #EEEEEE;cursor:pointer}.viewer-btn:hover{background-color:#eee}.viewer-btn:active,.viewer-btn[aria-pressed=true]{border-color:#333333 #EEEEEE #EEEEEE #333333;background-color:#aaa}.viewer-select{max-width:11em;background-color:#fff;border:1px solid #333333}.viewer-btn:focus-visible,.viewer-select:focus-visible,.viewer-tabs a:focus-visible{outline:2px solid #000055;outline-offset:1px}.viewer-info{margin:2px 0 0;font-size:10px;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-stage[data-fullscreen]{padding:4px}@media(pointer:coarse){.viewer-btn,.viewer-select{min-height:32px;font-size:14px}.viewer-btn{padding:2px 10px}}