.car-image-container{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:8px;background-color:#f8f9fa}.car-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.car-image-thumbnail{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:4px;border:2px solid #e5e7eb;transition:border-color .2s ease}.car-image-thumbnail:hover{border-color:#f59e0b}.car-image-thumbnail.active{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b33}.car-thumbnail-container{aspect-ratio:4/3;min-height:60px;height:80px;margin:4px 8px 4px 4px}.car-thumbnail-grid,.grid.car-thumbnail-grid{gap:16px!important;row-gap:16px!important;-moz-column-gap:16px!important;column-gap:16px!important}.flex.car-thumbnail-grid{gap:12px!important;justify-content:center;align-items:flex-start}@media (max-width: 640px){.car-thumbnail-container{min-height:70px;height:70px;min-width:70px;flex-shrink:0;margin:0}.car-thumbnail-container{min-width:70px;min-height:70px}.flex.car-thumbnail-grid{gap:12px!important;justify-content:center;align-items:flex-start;flex-wrap:wrap}}@media (min-width: 641px) and (max-width: 768px){.car-thumbnail-container{min-height:80px;height:80px}.car-thumbnail-grid{gap:16px!important;row-gap:16px!important;-moz-column-gap:16px!important;column-gap:16px!important}}@media (min-width: 769px) and (max-width: 1024px){.car-thumbnail-container{min-height:90px;height:90px}.car-thumbnail-grid{gap:16px!important;row-gap:16px!important;-moz-column-gap:16px!important;column-gap:16px!important}}@media (min-width: 1025px){.car-thumbnail-container{min-height:100px;height:100px}.car-thumbnail-grid{gap:20px!important;row-gap:20px!important;-moz-column-gap:20px!important;column-gap:20px!important}}@media (hover: none) and (pointer: coarse){.car-thumbnail-container:hover{transform:none}.car-thumbnail-container:active{transform:scale(.95)}}.upload-preview-container{position:relative;width:120px;height:90px;border:2px dashed #d1d5db;border-radius:8px;overflow:hidden;background-color:#f9fafb;transition:border-color .2s ease}.upload-preview-container:hover{border-color:#f59e0b}.upload-preview-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.crop-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;text-align:center}.crop-overlay:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:60%;border:2px solid #00ff00;border-radius:4px}.image-loading{display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;color:#6b7280;font-size:12px}.image-loading:after{content:"";width:16px;height:16px;border:2px solid #e5e7eb;border-top:2px solid #f59e0b;border-radius:50%;animation:spin 1s linear infinite;margin-left:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.image-error{display:flex;align-items:center;justify-content:center;background-color:#fef2f2;color:#dc2626;font-size:12px;border:1px solid #fecaca}.image-success{border-color:#10b981;box-shadow:0 0 0 2px #10b9811a}.crop-info-badge{position:absolute;top:4px;right:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500}.aspect-ratio-warning{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:8px 12px;border-radius:6px;font-size:12px;margin-bottom:12px}.aspect-ratio-warning:before{content:"⚠️ ";margin-right:4px}