#resume{width:850px;height: min(800px,calc(100dvh - 75px));max-width:calc(100vw - 16px);min-width:280px;display:flex;flex-direction:column}#resume.hidden{display:none}#resume .titlebar,#resume .status{flex-shrink:0}.resume-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;padding:6px;background:#ece9d8;border-bottom:1px solid #aaa;font:11px Tahoma}.resume-toolbar button,.resume-toolbar a{font:11px Tahoma;color:#172e50;padding:5px 8px;background:linear-gradient(white,#e3e0ce);border:1px solid #9a998e;border-radius:3px;text-decoration:none;cursor:pointer}.resume-toolbar button:hover,.resume-toolbar a:hover{border-color:#316ac5;background:#fff8dd}.resume-toolbar output{width:42px;text-align:center}.resume-viewport{flex:1;min-height:0;overflow:auto;background:#808080;padding:16px;touch-action:pan-x pan-y;overscroll-behavior:contain}.resume-viewport img{display:block;width:794px;max-width:none!important;height:auto;margin:0 auto;box-shadow:2px 3px 7px #0007;user-select:none}.resume-toolbar button:disabled{opacity:.45;cursor:default}#resume .status{font-size:10px;padding:4px 7px}@media(max-width:600px){.resume-toolbar{gap:3px;padding:4px}.resume-toolbar button,.resume-toolbar a{padding:5px}.resume-viewport{padding:8px}}

#resume.maximized{width:100%!important;max-width:100%!important;height:calc(100dvh - 30px)!important;min-width:0;left:0!important;top:0!important}

.resume-viewport{touch-action:pan-x pan-y}