.map-preview-container{position:relative;width:100%;aspect-ratio:16/10;background:linear-gradient(135deg,#faf8f5,#f3f0ea);border-radius:4px 4px 0 0;border-bottom:1px solid #e6e1da;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,#faf8f5,#f3f0ea)}.map-preview-spinner{width:24px;height:24px;border:2px solid #e6e1da;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,#faf8f5,#f3f0ea)}.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{position:absolute;bottom:8px;right:8px;padding:3px 8px;background:#faf8f5;border:1px solid #cfc8bf;border-radius:3px;font-family:ui-monospace,SF Mono,Cascadia Mono,Menlo,Consolas,monospace;font-size:8.5px;font-weight:600;letter-spacing:.12em;color:#524c56}.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)}