.range-navigation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid var(--line,#dce0d9);padding-bottom:18px;margin-bottom:24px}.range-navigation button{background:transparent;border:1px solid #aab7aa;padding:9px 10px;color:var(--green,#273e33);font-size:11px;line-height:1.4;cursor:pointer;min-height:42px;white-space:normal}.range-navigation button:disabled{opacity:.4;cursor:default}.range-navigation #range-position{font-size:11px;line-height:1.5;text-align:center;max-width:130px;color:var(--muted,#5d665f)}
.range-photo-viewer{padding:0;border:1px solid #536258;margin:auto;width:calc(100vw - 20px);height:calc(100dvh - 20px);max-width:none;max-height:calc(100dvh - 20px);background:#14231c;color:#fff;overflow:hidden;box-shadow:0 20px 90px #0008}.range-photo-viewer::backdrop{background:#07100cf0}.range-photo-viewer .rg-shell{display:flex;flex-direction:column;min-height:0;height:100%}.range-photo-viewer .rg-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #ffffff26;flex:0 0 auto}.range-photo-viewer .rg-header h2{margin:0;font-size:20px;line-height:1.3;letter-spacing:-.02em;color:#fff}.range-photo-viewer button{font:inherit;color:#fff;background:transparent;border:1px solid #87988b;cursor:pointer}.range-photo-viewer .rg-close{display:inline-flex;align-items:center;justify-content:center;gap:15px;flex:0 0 auto;font-size:13px;padding:10px 14px;min-height:42px}.range-photo-viewer .rg-close span{font-size:25px;line-height:1}.range-photo-viewer .rg-stage{flex:1 1 auto;min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;background:#0c1711;padding:16px}.range-photo-viewer .rg-image{display:block;position:static;object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%;margin:0}.range-photo-viewer .rg-image[hidden],.range-photo-viewer .rg-status[hidden]{display:none}.range-photo-viewer .rg-status{max-width:520px;line-height:1.7;margin:20px;text-align:center;font-size:15px;color:#e1e8df}.range-photo-viewer .rg-caption{display:grid;gap:4px;padding:12px 20px;border-top:1px solid #ffffff26;flex:0 0 auto}.range-photo-viewer .rg-photo-title{display:block;font-size:15px;font-weight:600;line-height:1.4}.range-photo-viewer .rg-photo-detail{display:block;font-size:12px;color:#d0dbd0;line-height:1.5}.range-photo-viewer .rg-original{justify-self:start;color:#fff;text-decoration:underline;text-underline-offset:3px;font-size:11px;margin-top:3px}.range-photo-viewer .rg-navigation{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:12px 20px max(14px,env(safe-area-inset-bottom));border-top:1px solid #ffffff26;flex:0 0 auto}.range-photo-viewer .rg-navigation button{padding:12px 16px;min-height:45px;font-size:13px;line-height:1.35}.range-photo-viewer .rg-navigation button:disabled{opacity:.4;cursor:default}.range-photo-viewer .rg-position{text-align:center;font-size:12px;line-height:1.5;min-width:100px;color:#e4ebe2}.range-photo-viewer :focus-visible{outline:3px solid #dcc180;outline-offset:3px}
@media(max-width:720px){.range-photo-viewer{width:100vw;height:100dvh;max-height:100dvh;border:0}.range-photo-viewer .rg-header{padding:12px 14px;gap:12px;align-items:start}.range-photo-viewer .rg-header h2{font-size:17px;max-width:230px}.range-photo-viewer .rg-close{gap:8px;font-size:11px;padding:8px 10px;min-height:39px}.range-photo-viewer .rg-stage{padding:16px}.range-photo-viewer .rg-caption{padding:10px 14px}.range-photo-viewer .rg-photo-title{font-size:14px}.range-photo-viewer .rg-photo-detail{font-size:11px}.range-photo-viewer .rg-navigation{padding:10px 12px max(12px,env(safe-area-inset-bottom));gap:10px;grid-template-columns:1fr 78px 1fr}.range-photo-viewer .rg-navigation button{padding:11px 8px;font-size:11px}.range-photo-viewer .rg-position{font-size:11px;min-width:0}.range-photo-viewer .rg-status{font-size:14px}}
@media(max-width:560px){.range-navigation{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.range-navigation #range-position{grid-column:1/-1;grid-row:1;max-width:none}.range-navigation #previous-range{grid-column:1;grid-row:2}.range-navigation #next-range{grid-column:2;grid-row:2}}