.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.document-viewer{inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#141a1e;color:#e5e8eb;overflow:hidden;border-radius:0}
.document-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:84px 60px minmax(0,1fr) 35px;animation:viewer-in .28s ease-out}.document-viewer::backdrop{background:#111820e6;backdrop-filter:blur(8px)}
.dv-header{display:flex;align-items:center;gap:25px;padding:18px 32px;border-bottom:1px solid #fbfcfd12;background:#111820}.dv-heading{min-width:0;flex:1}.dv-heading>span{display:block;font-size:8px;letter-spacing:2px;color:#9ca6ae;margin-bottom:8px}.dv-heading h2{font-size:15px;line-height:1.3;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.dv-header a{font-size:11px;color:#ff8b78;border:1px solid #545e66;padding:10px 15px;border-radius:3px;white-space:nowrap}.dv-header>button{font-size:30px;width:40px;height:40px;color:#d3d8dd}
.dv-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 32px;background:#192026;border-bottom:1px solid #fbfcfd0d}.dv-toolbar button{border:1px solid #5d69724d;background:#fbfcfd05;color:#dce0e4;min-height:34px;min-width:36px;border-radius:3px}.dv-toolbar button:disabled{opacity:.22;cursor:default}.dv-pagination{display:flex;align-items:center;gap:10px;font-size:12px}.dv-pagination input{border:1px solid #636f7950;border-radius:3px;width:48px;height:32px;background:#111519;color:#efb4a5;text-align:center;font:inherit;-moz-appearance:textfield}.dv-pagination input::-webkit-inner-spin-button{display:none}.dv-scale{display:flex;gap:10px}.dv-scale select{background:#192026;border:1px solid #636f7950;color:#d4d9dd;border-radius:3px;font-size:11px;padding:6px;max-width:150px}.dv-scale select option{background:#192026}.dv-toolbar #dvThumbToggle{padding:7px 12px;font-size:11px}
.dv-workspace{display:flex;min-height:0;overflow:hidden}.dv-stage{position:relative;flex:1;min-width:0;min-height:0;display:flex;align-items:safe center;justify-content:safe center;overflow:auto;padding:28px;overscroll-behavior:contain;background:radial-gradient(ellipse at center,#293640,#141a1f 75%)}.dv-sheet{position:relative;flex-shrink:0;isolation:isolate;perspective:1600px;box-shadow:0 20px 70px #080d1388;background:white;line-height:0}.dv-sheet canvas{display:block}.dv-sheet .dv-turning{position:absolute;left:0;top:0;z-index:2;backface-visibility:hidden;box-shadow:10px 0 20px #080d1322}.dv-sheet canvas:not(.dv-turning){position:relative}.dv-certificate{display:block;max-height:calc(100dvh - 240px);width:auto;max-width:calc(100vw - 100px);object-fit:contain}.dv-footer{display:flex;justify-content:space-between;align-items:center;padding:0 32px;font-size:9px;letter-spacing:.3px;color:#89959f;background:#11161a;border-top:1px solid #fbfcfd0a}#dvStatus{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 22px;background:#1a2127eb;backdrop-filter:blur(8px);border:1px solid #8f9ba433;font-size:12px;border-radius:4px;line-height:1.6;max-width:80%}#dvStatus[hidden]{display:none}
#dvThumbs{display:none;width:150px;flex-shrink:0;overflow:auto;padding:20px 16px;background:#0f1317;scrollbar-width:thin}.thumbnails-open #dvThumbs{display:block}#dvThumbs button{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;padding:8px;margin-bottom:12px;color:#97a1aa;border:1px solid transparent;border-radius:3px;font-size:10px}#dvThumbs button.selected{background:#ff8b7812;border-color:#ff8b78;color:#efb4a5}#dvThumbs canvas{max-width:100%;height:auto;background:white}.dv-mini-placeholder{display:block;width:80px;height:110px;background:#28343d}.document-viewer button:focus-visible,.document-viewer a:focus-visible{outline:2px solid #ff8b78;outline-offset:3px}
@keyframes viewer-in{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.document-viewer[open]{animation:none}}
@media(max-width:700px){.document-viewer[open]{grid-template-rows:70px 56px minmax(0,1fr) 30px}.dv-header{padding:12px 14px;gap:12px}.dv-heading h2{font-size:12px}.dv-heading>span{font-size:6px}.dv-header a{font-size:9px;padding:8px}.dv-header>button{width:25px;font-size:25px}.dv-toolbar{padding:8px 12px;gap:8px}.dv-toolbar #dvThumbToggle{padding:6px;min-width:32px}.dv-toolbar #dvThumbToggle span{display:none}.dv-scale{gap:4px}.dv-scale select{font-size:9px;max-width:98px}.dv-pagination{gap:5px;font-size:10px}.dv-pagination input{width:32px}.dv-pagination button{min-width:30px}.dv-stage{padding:20px}.dv-footer{padding:0 14px;font-size:8px}.dv-footer>span:last-child{display:none}#dvThumbs{width:100px;padding:12px 8px}.dv-certificate{max-width:calc(100vw - 40px);max-height:calc(100dvh - 210px)}}