.photo-slider,.photo-checker{background-color:var(--surface);background-image:linear-gradient(45deg, var(--line) 25%, transparent 25%, transparent 75%, var(--line) 75%), linear-gradient(45deg, var(--line) 25%, transparent 25%, transparent 75%, var(--line) 75%);background-position:0 0,9px 9px;background-size:18px 18px}.photo-slider{border:1px solid var(--line);cursor:ew-resize;touch-action:pan-y;user-select:none;border-radius:14px;width:fit-content;max-width:100%;margin:0 auto;line-height:0;position:relative;overflow:hidden}.photo-slider.dragging{touch-action:none}.photo-layer{max-width:100%;max-height:min(60vh,640px);display:block}.photo-layer.sizing{object-fit:contain;width:auto;min-width:min(560px,100%);height:auto}.photo-layer.before{object-fit:fill;width:100%;height:100%;max-height:none;position:absolute;inset:0}.photo-tag{background:var(--surface);color:var(--ink-2);pointer-events:none;border-radius:999px;padding:3px 9px;font-size:12px;line-height:1.5;position:absolute;top:10px}.photo-tag.left{left:10px}.photo-tag.right{right:10px}.photo-divider{background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.photo-grip{background:var(--accent);width:34px;height:34px;color:var(--surface);border-radius:50%;place-items:center;line-height:1;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photo-range{opacity:0;pointer-events:none;width:100%;height:1px;margin:0;position:absolute;inset:auto 0 0}.photo-slider:has(.photo-range:focus-visible) .photo-grip{outline:2px solid var(--ink);outline-offset:2px}.photo-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.photo-pair figure{justify-items:center;gap:6px;margin:0;display:grid}.photo-pair img{border:1px solid var(--line);border-radius:10px;max-width:100%;max-height:60vh;display:block}.photo-strip{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.photo-strip button{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;flex:none;padding:2px}.photo-strip button.selected{border-color:var(--accent)}.photo-strip img{object-fit:cover;border-radius:7px;width:64px;height:64px;display:block}.photo-start,.photo-source{border:1px solid var(--line);border-radius:12px;max-width:100%;max-height:60vh;margin:0 auto;display:block}.photo-audio{width:100%}.photo-stats{border-top:0;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));padding-top:0}.photo-heading{font-size:20px}.photo-reader{align-items:start;gap:14px;display:grid}.photo-reader.beside{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.photo-reader .photo-source{max-height:420px}.photo-text{resize:vertical;width:100%;min-height:320px;font-family:inherit,Nirmala UI,Noto Sans Devanagari,sans-serif;font-size:16px;line-height:1.7}.photo-facts{flex-wrap:wrap;gap:4px 16px;display:flex}@media (width<=760px){.photo-reader.beside{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.photo-pair{grid-template-columns:minmax(0,1fr)}.photo-text{min-height:240px}}