.cover-editor{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:16px;background:#f4f4e9}.cover-editor small,.cover-status{font-size:11px;line-height:1.7;color:var(--muted)}.cover-editor input[type=file]{max-width:100%;font-size:12px}.cover-previews{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin:16px 0}.cover-preview{position:relative;overflow:hidden;border-radius:12px;background:#e0e8d8;display:grid;place-items:center}.cover-preview-wide{aspect-ratio:16/10}.cover-preview-card{aspect-ratio:3/2}.cover-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-preview img[hidden],.cover-preview span[hidden]{display:none}.cover-preview span{font-size:12px;color:#154e43;padding:16px;text-align:center}.cover-editor input[type=range]{width:100%;padding:0;accent-color:#154e43}.route-hero-photo .route-cover-image{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.route-cover-placeholder{display:grid;place-items:center;width:100%;height:100%;min-height:150px;background:#e3e9dc;color:#154e43;text-align:center;padding:24px;font:22px 'DM Serif Display',Georgia,serif}.route-hero-photo>.route-cover-placeholder{aspect-ratio:16/10;border-radius:20px}.stop-image .establishment-image{width:100%;height:100%;object-fit:cover}.account-page .header nav{flex-wrap:wrap;justify-content:flex-end}.account-page .header nav>a:first-child{font-weight:700}@media(max-width:480px){.cover-editor{padding:12px}.cover-previews{grid-template-columns:1fr}.account-page .header{align-items:flex-start}.account-page .header nav{max-width:65%;gap:10px}}

.route-hero-photo.route-cover-frame{height:auto;aspect-ratio:16/10}.route-cover-frame .route-cover-image{width:100%;height:100%;aspect-ratio:auto;object-fit:cover}.route-card .card-photo{height:auto;aspect-ratio:3/2;overflow:hidden}.route-card .card-photo>a{display:block;height:100%}.route-card .card-photo img{width:100%;height:100%;object-fit:cover}.stop-list .stop-image{height:auto;aspect-ratio:16/9}.cover-editor:has(.cover-previews>div:only-child) .cover-previews{grid-template-columns:1fr}

.cover-card{max-width:760px}