.map-preview-container{position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:8px 8px 0 0;border-bottom:1px solid #e5e7eb;overflow:hidden;display:flex;align-items:center;justify-content:center}.map-preview-composable,.map-preview-composable svg{width:100%;height:100%}.map-preview-container svg path{pointer-events:none}.map-preview-map{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;padding:8px}.map-preview-map svg{width:100%;height:100%}.map-preview-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.map-preview-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:#fc5736;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.map-preview-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.topic-preview-image{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.map-preview-icon{font-size:48px;opacity:.6}.map-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.map-preview-placeholder-svg{width:60%;height:60%;opacity:.5}.map-preview-svg-static{width:100%;height:100%}.map-preview-overlay{position:absolute;bottom:8px;right:8px;opacity:0;transition:opacity .2s}.topic-card-enhanced:hover .map-preview-overlay{opacity:1}.map-preview-label{background:rgba(252,87,54,.9);color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.map-data-label{font-size:8px;fill:#ffffff;font-weight:600;text-anchor:middle;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.5)}