:root{color-scheme:dark;--bronze:#ae8761}*{box-sizing:border-box}body{margin:0;background:#191b1a;color:#f2ede5;font:14px/1.6 Arial,sans-serif}a{color:inherit;text-decoration:none}a,button,select{touch-action:manipulation}button,a,select{outline-offset:4px}a:focus-visible,button:focus-visible,select:focus-visible,#catalog-stage:focus-visible{outline:2px solid #d3b28d}.viewer-header{display:flex;align-items:center;gap:30px;max-width:1800px;margin:auto;padding:14px 30px;border-bottom:1px solid #ffffff20;min-height:86px}.viewer-brand{width:160px;flex-shrink:0}.viewer-brand img{width:100%;height:50px;object-fit:contain;filter:brightness(0) invert(1)}.viewer-header>div{border-left:1px solid #ffffff30;padding-left:25px}.viewer-header span{font-size:9px;letter-spacing:.17em;color:#b99b7c}.viewer-header h1{font:400 25px/1.1 Georgia,serif;margin:6px 0}.viewer-header nav{margin-left:auto;display:flex;gap:20px;align-items:center;font-size:12px}.viewer-header nav a{min-height:44px;display:flex;align-items:center}.viewer-header .download{background:var(--bronze);padding:12px 20px;color:#fff}main{max-width:1800px;margin:auto}.viewer-toolbar{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px 20px;flex-wrap:wrap}.viewer-toolbar>a,.viewer-toolbar>button{min-height:44px;min-width:44px;border:1px solid #ffffff30;background:transparent;color:#fff;padding:10px 15px;display:flex;align-items:center;justify-content:center;font-size:12px;cursor:pointer}.viewer-toolbar>a[aria-disabled=true]{opacity:.3;pointer-events:none}.viewer-toolbar select{height:44px;min-width:160px;padding:10px;background:#292b29;color:#fff;border:1px solid #ffffff30;font-size:12px}.viewer-toolbar #page-count{font-size:11px;color:#b5a48e;margin-inline:10px}.viewer-toolbar>button:hover,.viewer-toolbar>a:hover{border-color:var(--bronze);background:#ae876130}#catalog-stage{height:calc(100svh - 300px);min-height:370px;position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;background:#111312;margin:0 20px;border:1px solid #ffffff13;overscroll-behavior:contain}#catalog-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 5px 25px #0009}#catalog-stage.zoomed{align-items:flex-start;justify-content:flex-start;cursor:grab;touch-action:pan-x pan-y}#catalog-stage.zoomed #catalog-image{width:2200px;max-width:none;max-height:none;flex:0 0 auto}#catalog-stage[aria-busy=true]{opacity:.65}#catalog-error{position:absolute;inset:30% 10%;text-align:center;background:#191b1af0;padding:30px}#catalog-error a{color:#d3b28d;text-decoration:underline}.viewer-hint{text-align:center;color:#8d8e87;font-size:10px;margin:12px 20px}.viewer-thumbnails{display:flex;overflow:auto;gap:10px;padding:10px 20px 16px;scrollbar-width:thin;scroll-snap-type:x proximity}.viewer-thumbnails>a{flex:0 0 130px;border:1px solid #ffffff20;padding:5px;scroll-snap-align:center;background:#292b29;min-height:95px}.viewer-thumbnails>a[aria-current]{border-color:#ae8761;background:#ae876125}.viewer-thumbnails img{width:118px;height:65px;object-fit:contain;display:block}.viewer-thumbnails span{display:block;font-size:9px;color:#b6ad9e;text-align:center;margin-top:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#catalog-stage:fullscreen{height:100svh;margin:0;border:0;background:#111}.viewer-thumbnails a:hover{border-color:#ae8761}@media(max-width:700px){.viewer-header{padding:10px 15px;gap:15px;min-height:75px}.viewer-brand{width:105px}.viewer-brand img{height:42px}.viewer-header>div{padding-left:15px}.viewer-header h1{font-size:20px}.viewer-header span{font-size:10px;letter-spacing:.09em}.viewer-header nav{gap:0}.viewer-header nav>a:first-child{display:none}.viewer-header .download{font-size:10px;padding:10px 12px;min-height:44px}.viewer-toolbar{padding:12px 10px;gap:7px}.viewer-toolbar select{min-width:120px;max-width:155px;font-size:10px;padding:8px}.viewer-toolbar>a,.viewer-toolbar>button{padding:10px;font-size:10px}.viewer-toolbar #page-count{font-size:9px;margin-inline:2px}#catalog-fullscreen{display:none}#catalog-stage{margin:0 10px;height:calc(100svh - 295px);min-height:340px}.viewer-thumbnails{padding-inline:10px}.viewer-thumbnails>a{flex-basis:105px;min-height:85px}.viewer-thumbnails img{width:93px;height:55px}.viewer-hint{font-size:9px;margin:10px 15px}}@media(max-width:374px){.viewer-header{gap:10px}.viewer-brand{width:90px}.viewer-header>div{padding-left:10px}.viewer-header h1{font-size:17px}.viewer-toolbar select{min-width:115px;max-width:130px}.viewer-toolbar{gap:5px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){#catalog-stage{height:clamp(340px,57svh,520px);min-height:340px}}