.studio-map-preview-card{min-width:0}
.studio-map-preview-frame{position:relative;height:235px;margin-top:8px;border:1px solid var(--st-edge);border-radius:12px;overflow:hidden;background:var(--st-panel)}
.studio-map-preview-canvas{position:absolute;inset:0;width:100%;height:100%}
.studio-map-preview-link{position:absolute;z-index:2;inset:0 0 42px;display:flex;align-items:flex-end;justify-content:center;padding:12px;text-decoration:none;color:var(--st-ink);-webkit-tap-highlight-color:transparent;touch-action:pan-y}
.studio-map-preview-link>span{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--st-edge);border-radius:20px;background:var(--st-panel);color:var(--st-ink);font-size:11px;box-shadow:0 2px 8px #0002}
.studio-map-preview-link:hover>span{color:var(--st-accent);border-color:var(--st-accent)}
.studio-map-preview-link:focus-visible{outline:2px solid var(--st-accent);outline-offset:-4px}
.studio-map-preview-status{position:absolute;z-index:1;left:8px;top:8px;padding:4px 8px;border-radius:6px;background:var(--st-panel);color:var(--st-muted);font-size:11px}
.studio-map-preview-status[hidden]{display:none}
.studio-preview-marker{width:12px;height:12px;border-radius:50%;border:2px solid var(--map-bg);background:var(--map-muted);box-shadow:0 1px 4px #0005}
.studio-preview-marker.is-featured{width:28px;height:28px;border:3px solid var(--map-text);background:var(--map-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--map-accent) 18%,transparent)}
.studio-preview-marker.is-featured>span{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);max-width:170px;padding:4px 8px;border:1px solid var(--map-line);border-radius:8px;background:var(--map-surface);color:var(--map-text);font:600 11px/1.4 system-ui;text-align:center;white-space:normal;width:max-content}
.studio-map-preview-canvas .maplibregl-ctrl-attrib{background:var(--map-surface);color:var(--map-muted);font-size:9px;padding:1px 5px;border-radius:6px;max-width:100%;line-height:18px}
.studio-map-preview-canvas .maplibregl-ctrl-bottom-right{bottom:0;right:0}
@media(max-width:600px){.studio-map-preview-frame{height:215px}}

.studio-map-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.studio-map-preview-heading h2{margin-bottom:0}
.studio-map-preview-count{display:inline-flex;align-items:center;gap:7px;margin-left:auto;color:var(--st-muted);font-size:10px;line-height:1.5;white-space:nowrap}
.studio-map-preview-count i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--st-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--st-accent) 9%,transparent),0 0 7px color-mix(in srgb,var(--st-accent) 45%,transparent)}
.studio-map-preview-card .studio-map-preview-canvas .maplibregl-ctrl-bottom-right{bottom:6px;right:6px}