body:has(#viewer[open]){overflow:hidden}#viewer{border:0;padding:0;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;background:#191917;color:#eeeae2;overflow:auto}#viewer::backdrop{background:#191917}#viewer:fullscreen{width:100%;height:100%}.viewer-shell{height:100%;display:flex;flex-direction:column;min-height:0}.viewer-toolbar{height:60px;min-height:60px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;gap:15px}#viewerCount{font-size:12px;letter-spacing:1.5px;color:#b8b4aa}.viewer-tools{display:flex;align-items:center;gap:10px}.viewer-tools button{width:40px;height:40px;color:#ede9e0;font-size:23px;display:grid;place-items:center;border-radius:50%}.viewer-tools button:hover{background:#ffffff14}.viewer-tools button svg{width:19px;height:19px}.viewer-tools #closeViewer{margin-left:10px}.viewer-body{position:relative;flex:1;min-height:180px;display:flex;overflow:hidden;align-items:stretch;justify-content:center;padding:14px 75px 26px}.image-stage{width:100%;height:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none}.image-stage>img{width:100%;height:100%;object-fit:contain;max-width:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:68px;font-family:Georgia,serif;font-size:50px;font-weight:300;line-height:1;color:#c9c4ba;border:1px solid #ffffff17;background:#22221ee6}.viewer-arrow:hover{background:#3b3932}.viewer-arrow.prev{left:22px}.viewer-arrow.next{right:22px}.viewer-gesture{position:absolute;bottom:6px;font-size:9px;letter-spacing:1px;color:#7e7c75;pointer-events:none}.viewer-footer{padding:15px 30px 12px;border-top:1px solid #ffffff12;display:grid;grid-template-columns:1fr auto;column-gap:24px;row-gap:8px}.viewer-title-group{display:flex;gap:18px;align-items:center;min-width:0}.viewer-code{font-family:Georgia,serif;font-size:29px;letter-spacing:1px;color:#d6c9b1;border-right:1px solid #ffffff20;padding-right:18px}.viewer-title-group h2{font-size:15px;line-height:1.5;font-weight:400;margin:0 0 4px}.viewer-title-group p{font-size:10px;color:#aaa49b;margin:0;line-height:1.5}.image-switch{display:flex;align-items:center;gap:3px;align-self:center;background:#2c2b27;padding:3px}.image-switch button{font-size:11px;padding:10px 17px;min-height:36px;color:#b2aca1}.image-switch button.active{background:#e3dbcc;color:#2b2923}#viewerNote{font-size:9px;color:#979185;margin:0;line-height:1.7;grid-column:1/-1}.viewer-details{border-top:1px solid #ffffff12;padding:10px 30px 14px;flex-shrink:0}.viewer-details summary{font-size:11px;color:#b7b0a3;cursor:pointer}.viewer-details p{font-size:12px;line-height:1.8;max-width:900px;color:#d3cdc2;margin:12px 0 0}.viewer-details[open]{max-height:28vh;overflow:auto}
.viewer-shell:fullscreen{width:100vw;height:100dvh;background:#191917;color:#eeeae2}.image-stage{min-height:0}body.viewer-open{overflow:hidden}
@media(max-width:700px){.viewer-toolbar{height:54px;min-height:54px;padding:0 14px}.viewer-tools{gap:3px}.viewer-tools button{width:35px;height:38px}.viewer-tools #closeViewer{margin-left:4px}#viewerCount{font-size:10px;letter-spacing:1px}.viewer-body{padding:6px 0 22px;min-height:180px}.viewer-arrow{width:30px;height:48px;font-size:34px;background:#24221a70;border-color:#ffffff18}.viewer-arrow.prev{left:5px}.viewer-arrow.next{right:5px}.viewer-gesture{font-size:8px;bottom:6px}.viewer-footer{padding:13px 16px 10px;gap:12px;grid-template-columns:1fr}.viewer-title-group{gap:13px}.viewer-code{font-size:26px;padding-right:13px}.viewer-title-group h2{font-size:13px;margin-bottom:3px}.viewer-title-group p{font-size:9px}.image-switch{justify-self:start}.image-switch button{font-size:10px;min-height:31px;padding:7px 14px}#viewerNote{font-size:8px;line-height:1.6}.viewer-details{padding:10px 16px 13px}.viewer-details summary{font-size:10px}.viewer-details p{font-size:11px}}

.viewer-title-group h2{font-size:16px}.viewer-title-group p{font-size:12px}.image-switch button{font-size:13px;min-height:40px}#viewerNote{font-size:11px}.viewer-details summary{font-size:13px}.viewer-gesture{font-size:11px}#viewerCount{font-size:13px}
@media(max-width:700px){.viewer-title-group h2{font-size:15px}.viewer-title-group p{font-size:11px}.image-switch button{font-size:12px;min-height:36px}#viewerNote{font-size:10px}.viewer-details summary{font-size:12px}.viewer-gesture{font-size:10px}.viewer-toolbar{padding-inline:12px}.viewer-tools button{width:40px;height:42px}.viewer-footer{gap:9px}.viewer-body{min-height:160px}#viewerCount{font-size:12px}}