*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Arial,Helvetica,sans-serif;background:#f3f5f7;color:#222;display:grid;place-items:center}.app{width:min(920px,94vw);text-align:center;padding:30px 0}h1{margin-bottom:22px}.gallery{background:#fff;padding:20px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.12)}.image-area{height:min(65vh,560px);display:flex;align-items:center;justify-content:center;background:#eee;border-radius:8px;overflow:hidden}.image-area img{width:100%;height:100%;object-fit:contain}.controls{display:flex;align-items:center;justify-content:center;gap:20px;padding-top:18px}button{border:0;padding:11px 18px;border-radius:7px;cursor:pointer;background:#1976d2;color:#fff;font-size:15px}button:disabled{background:#aaa;cursor:not-allowed}.caption{margin-top:14px;color:#555;word-break:break-word}.empty{color:#777;font-size:17px}@media(max-width:500px){.controls{gap:8px}button{padding:10px 12px}}