.bk-demo-map{border:1px solid var(--bk-line);border-radius:var(--bk-radius-md,12px);color:var(--bk-ink);background:var(--bk-card);grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);display:grid;overflow:hidden}.bk-demo-map-canvas{background:var(--bk-paper-2);min-height:380px;position:relative;overflow:hidden}.bk-demo-map-art{transition:transform .5s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.bk-demo-map-art svg{width:100%;height:100%}.bk-demo-map-label{z-index:2;background:var(--bk-paper);border:1px solid var(--bk-line);border-radius:24px;padding:8px 12px;font-size:12px;position:absolute;top:16px;left:16px}.bk-demo-map-pin{border:1px solid var(--bk-line);background:var(--bk-card);white-space:nowrap;border-radius:30px;align-items:center;gap:6px;padding:10px;font-size:12px;transition:transform .22s,background .22s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0002}.bk-demo-map-pin[aria-pressed=true]{background:var(--bk-accent);color:var(--bk-accent-ink);z-index:1;transform:translate(-50%,-50%)scale(1.06)}.bk-demo-map-zoom{gap:4px;display:flex;position:absolute;bottom:16px;right:16px}.bk-demo-map-zoom button{border:1px solid var(--bk-line);background:var(--bk-card);border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.bk-demo-map-zoom button:disabled{opacity:.4}.bk-demo-map-info{flex-direction:column;justify-content:center;gap:14px;padding:28px;display:flex}.bk-demo-map-info h3{font:600 28px/1.15 var(--bk-display);margin:0}.bk-demo-map-info p{margin:0}.bk-demo-map-info small,.bk-demo-map-info>span{color:var(--bk-ink-2);font-size:12px}.bk-demo-map-places{flex-wrap:wrap;gap:6px;display:flex}.bk-demo-map-places button{border:1px solid var(--bk-line);border-radius:24px;padding:8px 12px;font-size:12px}.bk-demo-map-places button[aria-pressed=true]{background:var(--bk-accent);color:var(--bk-accent-ink)}@media (max-width:760px){.bk-demo-map{grid-template-columns:1fr}.bk-demo-map-canvas{min-height:300px}.bk-demo-map-pin span{white-space:normal;max-width:90px}.bk-demo-map-info{padding:20px}}@media (prefers-reduced-motion:reduce){.bk-demo-map-art,.bk-demo-map-pin{transition:none}}