/* Four upload journeys share the exact mobile card geometry. */
.upload-sheet>.transport-panel{margin-bottom:2.1cqw}
.transport-choices{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1cqw}
.mode-choice{font-size:2.65cqw;min-height:7.3cqw;padding:0 .7cqw;gap:.6cqw}
.mode-choice>img:first-child{width:4.5cqw;height:4.5cqw}
.mode-choice.selected{padding:0 .65cqw}
.metro-lines{grid-template-columns:repeat(5,minmax(0,1fr));gap:1.1cqw}
.metro-lines .line-choice:last-child{justify-content:space-between}
.transport-panel:not(.has-lines){min-height:0}
.brt-route{display:flex;align-items:center;justify-content:space-between;gap:1cqw;color:#264242;font-size:2.65cqw;font-weight:700}
.brt-route input{width:48%;min-height:6.2cqw;border:1px solid #d7c9aa;border-radius:5cqw;background:#fffdf7;padding:0 2cqw;text-align:right;color:#16313b;outline-color:#008a80}
.transport-note{font-size:2.4cqw;line-height:1.4;margin:0;color:#687570}
.mode-hero-copy{position:absolute;inset:0;pointer-events:none;z-index:2;color:#0a222b;text-align:center}
.mode-brand{position:absolute;top:3.3cqw;left:36%;right:36%;font-size:7.4cqw;font-weight:950;line-height:1.12;color:#008d85;text-shadow:0 2px 1px #fff8;white-space:nowrap}
.mode-brand small{display:block;margin-top:.5cqw;color:#52605e;font-size:2.0cqw;font-weight:650;white-space:nowrap}
.mode-hero-text{position:absolute;top:25.3cqw;right:3.5cqw;width:43%;text-align:right}
.mode-hero-text h1{font-size:7.4cqw;line-height:1.1;white-space:nowrap;margin:0 0 2.1cqw;font-weight:950;color:#090e13;text-shadow:0 1px 1px #fff9}
.mode-hero-text p{font-size:3.15cqw;line-height:1.6;font-weight:600;color:#3c5058;margin:0;text-shadow:0 1px 1px #fff9}
body[data-page="upload"][data-mode]:not([data-mode="metro"]) .photo-dropzone>span:last-of-type{white-space:normal;max-width:93%;text-align:center;line-height:1.35}
body[data-page="upload"][data-mode]:not([data-mode="metro"]) .example-panel{height:auto;min-height:41.43cqw}
body[data-page="upload"][data-mode]:not([data-mode="metro"]) .example-panel p{white-space:normal;line-height:1.4;margin:.7cqw 1cqw .5cqw}
@media(max-width:370px){.mode-hero-text{right:3cqw;width:46%;top:25cqw}.mode-hero-text p{font-size:3cqw}.mode-choice{font-size:2.5cqw}.brt-route{font-size:2.4cqw}}
body[data-page="upload"][data-mode="bike"] .mode-hero-text h1,body[data-page="upload"][data-mode="scooter"] .mode-hero-text h1{font-size:6.2cqw;white-space:normal;line-height:1.12}

#camera-panel{margin:16px 0;padding:12px;border-radius:18px;background:#f3f7ee;text-align:center}#camera-panel[hidden]{display:none}#camera-preview{display:block;width:100%;max-width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#17251d;border-radius:12px}#camera-preview[hidden]{display:none}#camera-panel button{padding:10px 16px;margin:8px 4px;border:0;border-radius:12px;background:#206d48;color:white;font:inherit;cursor:pointer}#camera-panel button[hidden]{display:none}