.ride-moments{margin-top:22px;padding:22px}.photo-action{display:inline-flex;align-items:center;background:var(--forest);color:white;border-radius:9px;padding:10px 13px;font-size:.72rem;font-weight:700;cursor:pointer}.photo-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.photo-empty{grid-column:1/-1;min-height:150px;border:1.5px dashed #b9c9bf;background:#f7faf7;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;cursor:pointer}.photo-empty>span{font-size:1.5rem;color:var(--green)}.photo-empty strong{font-size:.8rem}.photo-empty small{font-size:.66rem;color:var(--muted)}.photo-tile{position:relative;min-height:150px;border-radius:13px;overflow:hidden;background:#e6ece7}.photo-tile img{width:100%;height:100%;min-height:150px;object-fit:cover;display:block}.photo-tile button,.training-photo-item button{position:absolute;right:8px;top:8px;width:27px;height:27px;border:0;border-radius:50%;background:#10211bcc;color:white;cursor:pointer}.photo-tile .photo-caption{position:absolute;inset:auto 0 0;padding:28px 10px 9px;color:white;font-size:.65rem;background:linear-gradient(transparent,#07140dcc)}.training-photos{margin-top:20px;padding:24px;display:grid;grid-template-columns:1fr 220px 1.2fr;gap:22px;align-items:center}.training-photos h3{font:600 1.1rem "Space Grotesk";margin:6px 0}.training-photos>div:first-child>p:last-child{font-size:.75rem;color:var(--muted);line-height:1.5}.training-photo-drop{min-height:120px;border:1.5px dashed #b9c9bf;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:#f7faf7;cursor:pointer;text-align:center}.training-photo-drop.dragging{background:#edf8f2;border-color:var(--green)}.training-photo-drop>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e5f2e9;color:var(--green)}.training-photo-drop strong{font-size:.72rem}.training-photo-drop small{font-size:.62rem;color:var(--muted)}.training-photo-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:120px}.preview-placeholder{grid-column:1/-1;background:#eef2ef;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#829087}.preview-placeholder small{font-size:.65rem}.training-photo-item{position:relative;border-radius:10px;overflow:hidden}.training-photo-item img{width:100%;height:120px;object-fit:cover;display:block}.modal-photo-field{border:1px dashed #b8c7be;border-radius:11px;padding:12px!important;display:grid!important;grid-template-columns:36px 1fr auto;align-items:center;cursor:pointer}.modal-photo-icon{width:34px;height:34px;border-radius:9px;background:#eaf4ed;color:var(--green);display:grid;place-items:center}.modal-photo-field strong,.modal-photo-field small{display:block}.modal-photo-field strong{font-size:.74rem;color:var(--ink)}.modal-photo-field small{font-size:.62rem;color:var(--muted);margin-top:3px}.modal-photo-field b{font-size:.68rem;color:var(--green)}
@media(max-width:1100px){.photo-gallery{grid-template-columns:repeat(3,1fr)}.training-photos{grid-template-columns:1fr 180px}.training-photo-preview{grid-column:1/-1}}
@media(max-width:760px){.ride-moments{padding:17px}.photo-gallery{grid-template-columns:1fr 1fr}.photo-empty{min-height:130px}.photo-tile,.photo-tile img{min-height:130px}.training-photos{grid-template-columns:1fr;padding:18px}.training-photo-drop{min-height:110px}.training-photo-preview{grid-column:auto}.training-photo-item img{height:105px}}