.btn-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-close:hover{background:var(--color-background-light);color:var(--color-text-primary)}.btn-close:active{background:var(--color-border)}.btn-close svg{display:block}.btn-delete{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);background:transparent;border:none;cursor:pointer;transition:all .2s ease;color:inherit}.btn-delete:active{transform:scale(.95)}.btn-delete--icon{width:20px;height:20px;padding:0;color:red}.btn-delete--text{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.btn-delete--text .btn-delete-icon{display:none}.btn-delete--text:hover{background:#dc26261a}.btn-delete--full{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.btn-delete--full:hover{border-color:var(--color-accent);background:#dc26260d}.btn-delete-icon{flex-shrink:0;width:16px;height:16px}.btn-delete-text{white-space:nowrap}.pricing-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:999}.responsive-image{max-width:100%;height:auto;display:block;transition:opacity .3s ease}.responsive-image.loading{opacity:.6}.responsive-image.loaded{opacity:1}.car-thumbnail{width:100%;height:200px;object-fit:cover;border-radius:var(--border-radius-md);transition:transform .3s ease,box-shadow .3s ease}.car-card-image{width:100%;height:250px;object-fit:cover;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0}.fullscreen-image{width:100%;height:100%;object-fit:contain;max-height:80vh}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.gallery-main-image{grid-column:1 / -1;width:100%;height:400px;object-fit:cover;border-radius:var(--border-radius-lg);cursor:pointer;transition:transform .3s ease}.gallery-main-image:hover{transform:scale(1.02)}.gallery-thumbnails{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-2)}.gallery-thumbnail{width:100%;height:80px;object-fit:cover;border-radius:var(--border-radius-sm);cursor:pointer;opacity:.7;transition:opacity .3s ease,transform .3s ease}.gallery-thumbnail:hover,.gallery-thumbnail.active{opacity:1}.image-placeholder{background:var(--color-background-light);border:2px dashed var(--color-border);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.placeholder-content{text-align:center;color:var(--color-text-tertiary)}.placeholder-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-2)}.placeholder-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lazy{opacity:0;transition:opacity .3s ease}.lazy.loaded{opacity:1}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.image-modal.active{opacity:1;visibility:visible}.image-modal-content{position:relative;max-width:90%;max-height:90%}.image-modal img{width:100%;height:100%;object-fit:contain}.image-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:var(--space-2)}.image-modal-close:hover{opacity:.7}@media (max-width: 768px){.btn-close{width:28px;height:28px}.btn-delete--icon svg{width:20px;height:20px}.btn-delete--text,.btn-delete--full{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}}.form-file-hidden{position:absolute;opacity:0;pointer-events:none}.image-upload-area,.gallery-upload-area{border:2px dashed #e0e0e0;border-radius:8px;padding:2rem;text-align:center;background:#fafafa;cursor:pointer;transition:all .2s ease;margin-bottom:1.5rem}.image-upload-area:hover,.gallery-upload-area:hover{border-color:#333;background:#f5f5f5}.upload-icon{font-size:2rem;margin-bottom:.5rem;opacity:.7}.upload-text{font-weight:500;color:#333;margin-bottom:.25rem}.upload-hint{font-size:.875rem;color:#666}.image-thumbnail-container,.current-image-thumbnail{display:flex;align-items:center;gap:var(--space-3);margin-bottom:1rem;padding:1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px}.thumbnail-wrapper{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;background:#f8f8f8}.thumbnail-image{width:100%;height:100%;object-fit:cover;display:block}.thumbnail-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.thumbnail-wrapper:hover .thumbnail-overlay{opacity:1}.thumbnail-action{background:#ff4757;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background .2s ease}.thumbnail-action:hover{background:#ff3742}.current-badge{background:#2ed573;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.thumbnail-info{flex:1}.thumbnail-label{font-weight:500;color:#333;margin-bottom:.25rem}.thumbnail-status{font-size:.875rem;color:#666}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e0e0}.preview-title{font-weight:600;color:#333}.preview-count{font-size:.875rem;color:#666;background:#f0f0f0;padding:.25rem .5rem;border-radius:4px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);margin-bottom:1.5rem}.gallery-thumbnail{display:flex;flex-direction:column;gap:.5rem}.gallery-thumbnail .thumbnail-wrapper{width:100%;height:120px}.gallery-thumbnail .thumbnail-info{text-align:center}.gallery-thumbnail .thumbnail-label{font-size:.875rem}.gallery-thumbnail .thumbnail-status{font-size:.75rem}.existing-gallery-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.existing-gallery-grid{margin-bottom:0}.gallery-thumbnail.existing{opacity:1;transition:opacity .2s ease}.gallery-thumbnail.existing.marked-for-deletion{opacity:.5;pointer-events:none}@media (max-width: 768px){.image-thumbnail-container,.current-image-thumbnail{flex-direction:column;text-align:center}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.gallery-thumbnail .thumbnail-wrapper{height:100px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-thumbnail-container,.gallery-thumbnail{animation:fadeIn .3s ease}.thumbnail-action:focus{outline:2px solid #333;outline-offset:2px}.image-upload-area.loading{pointer-events:none;opacity:.6}.image-upload-area.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #e0e0e0;border-top:2px solid #333;border-radius:50%;animation:spin 1s linear infinite}
