.viewer{z-index:100;color:#fff;background:#030914f5;flex-direction:column;display:flex;position:fixed;inset:0}.viewer:focus{outline:none}.viewer-topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.viewer-title{font-family:var(--condensed);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:14px;font-weight:700}.viewer-count{color:var(--gold)}.viewer-zoom{font-family:var(--condensed);letter-spacing:1px;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.viewer-zoom button{color:#fff;cursor:pointer;min-width:34px;height:34px;font-family:inherit;font-size:18px;line-height:1;font-weight:inherit;letter-spacing:inherit;background:#ffffff1f;border:none;border-radius:17px;padding:0 10px}.viewer-zoom button:hover:not(:disabled){background:#ffffff38}.viewer-zoom button:disabled{opacity:.4;cursor:default}.viewer-zoom-level{text-align:center;color:#c9d3de;min-width:52px}.viewer-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;font-size:20px;line-height:1}.viewer-close:hover{background:#ffffff38}.viewer-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 70px;display:flex;position:relative;overflow:hidden}.viewer-image{object-fit:contain;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%}.viewer-arrow{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:26px;line-height:1;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.viewer-arrow:hover{background:#ffffff38}.viewer-arrow-prev{left:16px}.viewer-arrow-next{right:16px}.viewer-bottombar{background:#061224e6;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:12px 20px;display:flex}.viewer-thumbs{flex-wrap:wrap;gap:6px;display:flex}.viewer-thumb{opacity:.55;cursor:pointer;background-position:50%;background-size:cover;border:none;border-radius:3px;width:54px;height:54px;padding:0}.viewer-thumb:hover{opacity:.85}.viewer-thumb.sel{opacity:1;box-shadow:0 0 0 2px var(--gold)}.viewer-hint{color:#c9d3de;margin:0;font-size:13px}@media (max-width:640px){.viewer-stage{padding:0 12px}.viewer-zoom-level{display:none}}