.image-study{border:1px solid var(--line);background:var(--surface);border-radius:12px;max-width:1240px;margin:48px auto;padding:28px}.image-study h2{font:400 clamp(32px,5vw,52px)/1.2 var(--font-display);margin:12px 0}.image-study h3{font:400 30px/1.2 var(--font-display);margin-top:32px}.image-study p{color:var(--ink-2);margin-bottom:18px;line-height:1.7}.image-study button{border:1px solid var(--line);min-height:44px;color:var(--ink);background:var(--bg);border-radius:6px;padding:10px 16px}.image-study button:disabled{opacity:.4}.study-controls{flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.study-viewport{overscroll-behavior:contain;background:#020408;width:100%;max-height:65vh;overflow:auto}.study-viewport img{max-width:none}.study-caption{margin-top:12px;font-size:13px}.study-comparison{background:#020408;position:relative;overflow:hidden}.study-comparison img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.study-divider{background:#fff;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #000}.study-range{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.study-range input{min-width:160px;min-height:44px;accent-color:var(--accent);flex:1}.image-study :focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media (max-width:600px){.image-study{margin:28px 16px;padding:16px}.study-controls{gap:8px}}