.map-box{border-radius:var(--r-md,8px);background:var(--c-fill,#edeceb);height:480px;min-height:280px;position:relative;overflow:hidden}.map-canvas{position:absolute;inset:0}.map-status{text-align:center;color:var(--c-text-2,#6b6664);pointer-events:none;place-items:center;margin:0;padding:16px;display:grid;position:absolute;inset:0}.map-card{z-index:2;border-radius:var(--r-md,8px);background:var(--c-surface,#fff);width:min(320px,100% - 24px);max-height:calc(100% - 24px);color:var(--c-text,#21201f);box-shadow:var(--shadow-overlay,0 4px 16px #0003);flex-direction:column;gap:8px;padding:12px;display:flex;position:absolute;top:12px;left:12px;overflow:auto}.map-card .map-card-close{z-index:1;background:var(--c-surface,#fff);position:absolute;top:6px;right:6px}.map-card-photo{object-fit:cover;border-radius:var(--r-sm,4px);background:var(--c-fill,#edeceb);flex:none;width:100%;height:160px}.map-card-header{padding-right:32px;font-weight:600}.map-card-lines{flex-direction:column;gap:2px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.map-card>.btn{align-self:flex-start}.grid-map{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.grid-map .map-box{flex:1;height:auto;min-height:360px}.grid-map-foot{color:var(--c-text-2,#6b6664);margin:0}