#editor{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;padding:0;background:#f5f6f8}
#editor::backdrop{background:#f5f6f8}
.editor-shell{width:min(980px,100%);margin:0 auto;padding:36px max(24px,5vw) 64px}
#editor .close{position:fixed;z-index:2;right:24px;top:20px;background:transparent}
.editor-heading{padding-right:50px;margin-bottom:28px}
.editor-heading h2{font-size:clamp(28px,4vw,42px);margin:8px 0}
#editor .fields{background:#fff;border:1px solid #e0e4ec;border-radius:16px;padding:clamp(22px,4vw,42px);gap:22px}
.form-section{margin:12px 0 0;padding-top:22px;border-top:1px solid #e6e9ef;font-size:18px}
.form-section:first-child{border-top:0;padding-top:0;margin-top:0}
.preview-submit{font-size:16px;padding:16px;margin-top:8px}
.photo-manager{display:grid;gap:14px;margin-top:8px}
.photo-manager-empty{display:grid;place-items:center;min-height:110px;padding:18px;border:2px dashed #d7dce4;border-radius:12px;background:#f8f9fb;color:#7b8493;font-size:13px;font-weight:500;text-align:center}
.main-photo-slot{position:relative;min-height:230px;overflow:hidden;border:3px solid #e12636;border-radius:14px;background:#151c27;box-shadow:0 8px 24px #e1263620}
.main-photo-slot img{display:block;width:100%;height:260px;object-fit:contain}
.main-photo-label{position:absolute;z-index:1;left:12px;top:12px;padding:7px 10px;border-radius:7px;background:#e12636;color:#fff;font-size:12px;font-weight:800;letter-spacing:.4px}
.editor-photo-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.editor-thumb{position:relative;min-width:0;overflow:hidden;border:2px solid transparent;border-radius:10px;background:#e8ebef;cursor:grab;transition:border-color .16s,transform .16s}
.editor-thumb:active{cursor:grabbing}
.editor-thumb.drag-over,.main-photo-slot.drag-over{border-color:#ff7580;transform:scale(.985)}
.editor-thumb img{display:block;width:100%;height:105px;object-fit:cover}
.make-main{width:100%;padding:8px 5px;border:0;border-radius:0;background:#fff;color:#293344;font-size:11px}
.make-main:hover{color:#e12636;transform:none}
.photo-remove{position:absolute;z-index:2;right:7px;top:7px;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#111722dd;color:#fff;font-size:20px;line-height:1}
.photo-remove:hover{background:#e12636;transform:none}
#listingPreview{width:min(820px,calc(100% - 28px));max-height:92vh}
#listingPreview h2{margin:4px 0 22px}
.preview-card{border:1px solid #e1e5ec;border-radius:14px;overflow:hidden;background:#fff}
.preview-card .detail-photo,.preview-card .no-photo{margin:0;border-radius:0;max-height:420px;width:100%}
.preview-gallery{position:relative;background:#e9edf2}
.preview-gallery .detail-photo{height:min(48vh,420px);object-fit:contain;background:#101828}
.preview-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:1;border:0;background:transparent;color:#fff;font-size:64px;line-height:1;padding:10px 18px;text-shadow:0 2px 8px #000}
.preview-arrow:hover{filter:none;color:#dbe4ff}
.preview-prev{left:4px}.preview-next{right:4px}
.preview-photo-count{position:absolute;right:14px;bottom:12px;background:#101828c9;color:#fff;border-radius:6px;padding:6px 10px;font-size:13px}
.preview-info{padding:24px}
.preview-info h3{font-size:27px;margin:0 0 8px}
.preview-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:20px 0;padding:18px 0;border-block:1px solid #e7eaf0;color:#475467}
.preview-specs span{overflow-wrap:anywhere}
.preview-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}
.vehicle-data{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;background:#f6f7fa;border-radius:9px;padding:16px;margin:18px 0}
.vehicle-data span{font-size:14px;color:#475467;overflow-wrap:anywhere}
#galleryMain{position:relative}
.detail-gallery-arrow{position:absolute;z-index:1;top:50%;transform:translateY(-50%);width:52px;height:76px;padding:0;border:0;border-radius:0;background:transparent;color:#fff;font-size:66px;font-weight:200;line-height:1;text-shadow:0 2px 10px #000,0 0 3px #000}
.detail-gallery-arrow.prev{left:8px}.detail-gallery-arrow.next{right:8px}
.detail-gallery-arrow:hover{filter:none;color:#dbe4ff}
@media(max-width:600px){.editor-shell{padding:24px 14px 44px}#editor .close{right:12px;top:10px}#editor .fields{padding:18px}.editor-photo-list{grid-template-columns:repeat(2,minmax(0,1fr))}.main-photo-slot img{height:210px}.preview-specs,.vehicle-data{grid-template-columns:1fr}.preview-actions{flex-direction:column-reverse}.preview-actions button{width:100%}}
@media(max-width:600px){.detail-gallery-arrow{width:42px;height:64px;font-size:56px}.detail-gallery-arrow.prev{left:0}.detail-gallery-arrow.next{right:0}}