:root{--maroon:#7b0000;--ink:#222;--muted:#666;--line:#ddd;--paper:#fff;--soft:#f5f5f5}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#7b0000;color:var(--ink)}
a{color:#7b0000}.wrap{max-width:1050px;margin:0 auto;background:#fff;min-height:100vh}.top{padding:0 20px;border-bottom:1px solid #ddd;background:#fff}.top img{display:block;max-width:100%;height:auto;margin-left:auto}.nav{background:#eee;padding:10px 20px;border-bottom:1px solid #ccc}.nav a{font-weight:bold;text-decoration:none;margin-right:20px}.content{padding:24px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}.hero h1{margin:0;color:#7b0000}.muted{color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px}.card{border:1px solid var(--line);background:#fff;box-shadow:0 1px 4px #0001}.card img{width:100%;height:190px;object-fit:cover;background:#eee}.card-body{padding:14px}.card h2{font-size:20px;margin:0 0 8px}.price{font-size:24px;font-weight:bold;color:#7b0000;margin:8px 0}.meta{color:#555;margin:6px 0}.btn{display:inline-block;background:#7b0000;color:#fff!important;text-decoration:none;border:0;padding:10px 14px;border-radius:4px;cursor:pointer;font-weight:bold}.btn.secondary{background:#555}.btn.danger{background:#a40000}.empty{padding:40px;border:1px dashed #bbb;text-align:center;background:#fafafa}
.vehicle-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px}.main-photo{width:100%;max-height:560px;object-fit:contain;background:#111}.thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.thumbs img{width:100%;height:90px;object-fit:cover;cursor:pointer}.details dt{font-weight:bold}.details dd{margin:0 0 10px}.description{white-space:pre-wrap;line-height:1.5}
.adminbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:10px;border-bottom:1px solid #ddd;text-align:left;vertical-align:top}.table img{width:80px;height:55px;object-fit:cover}label{display:block;font-weight:bold;margin:12px 0 5px}input[type=text],input[type=password],input[type=number],textarea,select{width:100%;padding:10px;border:1px solid #bbb;border-radius:3px;font:inherit}textarea{min-height:150px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.notice{background:#eef7ee;border:1px solid #aacbaa;padding:12px;margin:12px 0}.warning{background:#fff4df;border:1px solid #e0b85c;padding:12px;margin:12px 0}.image-row{display:flex;gap:10px;flex-wrap:wrap}.image-item{width:140px}.image-item img{width:140px;height:95px;object-fit:cover;display:block}.image-item label{font-weight:normal;font-size:13px;margin-top:4px}
@media(max-width:700px){body{background:#fff}.content{padding:16px}.vehicle-layout,.form-grid{grid-template-columns:1fr}.thumbs{grid-template-columns:repeat(3,1fr)}.table thead{display:none}.table tr{display:block;border:1px solid #ddd;margin-bottom:12px}.table td{display:block}.top{padding:0}.hero{display:block}}

.video-wrap{position:relative;width:100%;max-width:800px;aspect-ratio:16/9;margin:18px 0;background:#000;overflow:hidden}.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.description a{overflow-wrap:anywhere}

.photo-picker{border:2px dashed #bbb;border-radius:6px;padding:14px;background:#fafafa}.photo-picker.dragover{border-color:#7b0000;background:#fff6f6}.photo-picker input[type=file]{max-width:100%}.photo-picker p{margin:8px 0}.photo-count{font-weight:bold;margin:10px 0}.photo-preview{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.preview-item{width:120px}.preview-item img{display:block;width:120px;height:82px;object-fit:cover;border:1px solid #ddd}.preview-item button{width:100%;border:0;padding:5px;cursor:pointer}

.sortable-photo{position:relative;cursor:grab}.sortable-photo.dragging{opacity:.45}.cover-badge{display:block;font-size:11px;font-weight:bold;text-align:center;background:#eee;padding:4px;margin-bottom:3px}.sortable-photo:first-child .cover-badge{background:#7b0000;color:#fff}.main-new-option{font-weight:normal;margin-top:12px!important}.main-new-option input{margin-right:6px}

/* Touch-friendly photo ordering controls */
.photo-controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:8px}
.photo-controls button{border:1px solid #bbb;background:#fff;border-radius:5px;padding:7px 9px;font-size:14px;cursor:pointer;touch-action:manipulation}
.photo-controls button:disabled{opacity:.35;cursor:default}
.photo-controls .make-main{font-weight:600}
@media (max-width:900px){.sortable-photo{cursor:default}.photo-controls button{min-height:38px}}