.mg-real-map-preview{--preview-bg:#071018;--preview-surface:#0a161f;--preview-border:rgba(215,166,65,.34);--preview-muted:#aab4b8;--preview-gold:#d7a641;--preview-text:#f1f0eb}
.mg-preview-layout{display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:12px;align-items:stretch}
.mg-preview-map-shell{position:relative;min-width:0;height:360px;overflow:hidden;border:1px solid var(--preview-border);border-radius:9px;background:linear-gradient(145deg,#0b1a23,#061017);box-shadow:0 14px 36px rgba(0,0,0,.25)}
.mg-preview-map-shell.is-exploration{height:400px}
.mg-preview-map{width:100%;height:100%;background:var(--preview-bg)}
.mg-preview-map-shell .leaflet-container{font-family:inherit;background:var(--preview-bg);color:var(--preview-text)}
.mg-preview-map-shell .mg-preview-basemap-pane{filter:grayscale(.54) invert(.9) hue-rotate(168deg) brightness(.9) contrast(1.08) saturate(.64)}
.mg-preview-map-shell .leaflet-control-attribution{max-width:calc(100% - 8px);padding:2px 5px!important;background:rgba(5,12,17,.9)!important;color:#c0c7ca!important;border:1px solid rgba(255,255,255,.08);border-radius:3px;font-size:9px!important;line-height:1.3!important;white-space:normal}
.mg-preview-map-shell .leaflet-control-attribution a{color:#efc45d!important;text-decoration:underline;text-underline-offset:2px}
.mg-preview-controls{position:absolute;z-index:900;top:9px;left:9px;display:grid;width:max-content;gap:5px;pointer-events:none}
.mg-preview-control{display:grid;place-items:center;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;border:1px solid var(--preview-border);border-radius:4px;background:rgba(7,17,24,.95);color:var(--preview-text);font:700 18px/1 inherit;cursor:pointer;pointer-events:auto;box-shadow:0 3px 10px rgba(0,0,0,.22)}
.mg-preview-control:hover,.mg-preview-control:focus-visible,.mg-preview-control[aria-pressed="true"]{border-color:#f0c361;background:var(--preview-gold);color:#151008;outline:0}
.mg-preview-control svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.mg-preview-status{position:absolute;z-index:870;top:10px;left:55px;max-width:calc(100% - 66px);padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:rgba(7,17,24,.92);color:var(--preview-muted);font-size:9px;line-height:1.35;pointer-events:none}
.mg-preview-status:empty{display:none}
.mg-preview-legend{position:absolute;z-index:880;left:9px;bottom:30px;max-width:min(450px,calc(100% - 18px));max-height:44%;overflow:auto;padding:6px 8px;border:1px solid var(--preview-border);border-radius:5px;background:rgba(7,17,24,.95);color:var(--preview-muted);font-size:9px}
.mg-preview-legend-toggle{display:flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#efc45d;font:800 9px/1.2 inherit;letter-spacing:.04em;cursor:pointer}
.mg-preview-legend-toggle svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8}
.mg-preview-legend:not(.is-expanded) [data-preview-legend-content]{display:none}
.mg-preview-legend-content{display:grid;gap:6px;margin-top:5px}
.mg-preview-legend-group{display:grid;gap:3px}
.mg-preview-legend-group[hidden]{display:none!important}
.mg-preview-legend-group>strong{color:var(--preview-gold);font-size:8px;letter-spacing:.05em}
.mg-preview-legend-group>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px}
.mg-preview-legend-item{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:5px;line-height:1.2}
.mg-preview-legend-item img{display:block;width:18px;height:18px;object-fit:contain}
.mg-preview-legend-message{color:var(--preview-muted);font-size:8px}
.mg-preview-panel{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(215,166,65,.26);border-radius:9px;background:linear-gradient(155deg,rgba(14,31,39,.96),rgba(7,17,23,.96));color:var(--preview-muted)}
.mg-preview-panel h3{margin:0;color:var(--preview-text);font-size:13px;letter-spacing:.045em}
.mg-preview-panel p{margin:0;font-size:10px;line-height:1.45}
.mg-preview-capabilities{display:grid;gap:6px;margin:0;padding:0;list-style:none;font-size:10px}
.mg-preview-capabilities li{display:flex;align-items:center;gap:7px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.07)}
.mg-preview-capabilities li::before{content:'✓';color:#8fc29e;font-weight:800}
.mg-preview-source{padding:8px;border-left:2px solid var(--preview-gold);background:rgba(215,166,65,.055);font-size:9px;line-height:1.4}
.mg-preview-cta{display:flex;align-items:center;justify-content:center;min-height:38px;margin-top:auto;padding:8px 10px;border:1px solid var(--preview-gold);border-radius:5px;background:var(--preview-gold);color:#151008!important;font-size:10px;font-weight:900;letter-spacing:.03em;text-align:center}
.mg-preview-layers{display:grid;gap:8px}
.mg-preview-layer{display:flex;align-items:flex-start;gap:7px;color:var(--preview-text);font-size:10px;line-height:1.35;cursor:pointer}
.mg-preview-layer input{width:15px;height:15px;margin:0;accent-color:var(--preview-gold);flex:0 0 auto}
.mg-preview-layer small{display:block;color:var(--preview-muted);font-size:8px}
.mg-preview-identify{position:absolute;z-index:910;right:9px;bottom:30px;width:280px;max-width:calc(100% - 70px);max-height:58%;overflow:auto;padding:10px;border:1px solid var(--preview-border);border-radius:6px;background:rgba(7,17,24,.98);color:var(--preview-text);box-shadow:0 12px 28px rgba(0,0,0,.38)}
.mg-preview-identify[hidden]{display:none!important}
.mg-preview-identify-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.1)}
.mg-preview-identify-head strong{font-size:11px}
.mg-preview-identify-head .mg-preview-control{width:34px;height:34px;min-width:34px;min-height:34px}
.mg-preview-identify-message{margin:0;color:var(--preview-muted);font-size:9px;line-height:1.4}
.mg-preview-identify-result{display:grid;gap:5px;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:4px;background:rgba(255,255,255,.025)}
.mg-preview-identify-result+ .mg-preview-identify-result{margin-top:5px}
.mg-preview-identify-result>strong{font-size:11px;line-height:1.3}
.mg-preview-identify-result>small{color:#96c3a4;font-size:8px}
.mg-preview-identify-result dl{display:grid;grid-template-columns:72px minmax(0,1fr);gap:2px 6px;margin:0}
.mg-preview-identify-result dt{color:#98a3a8;font-size:8px}.mg-preview-identify-result dd{min-width:0;margin:0;color:#d4d8d8;font-size:9px;overflow-wrap:anywhere}
@media(max-width:900px){.mg-preview-layout{grid-template-columns:1fr}.mg-preview-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start}.mg-preview-panel .mg-preview-capabilities,.mg-preview-panel .mg-preview-layers,.mg-preview-panel .mg-preview-source{grid-column:1}.mg-preview-panel .mg-preview-cta{grid-column:2;grid-row:1/4;align-self:stretch;margin:0}.mg-preview-map-shell,.mg-preview-map-shell.is-exploration{height:340px}}
@media(max-width:640px){.mg-preview-layout{gap:8px}.mg-preview-map-shell{height:285px;border-radius:7px}.mg-preview-map-shell.is-exploration{height:320px}.mg-preview-control{width:44px;height:44px;min-width:44px;min-height:44px}.mg-preview-status{left:59px}.mg-preview-legend{bottom:34px;max-width:calc(100% - 18px);max-height:48%}.mg-preview-legend-group>div{grid-template-columns:1fr}.mg-preview-panel{display:flex;padding:11px}.mg-preview-panel .mg-preview-cta{min-height:44px;margin-top:0}.mg-preview-identify{left:8px;right:8px;bottom:34px;width:auto;max-width:none;max-height:48%}.mg-preview-identify-head .mg-preview-control{width:44px;height:44px;min-width:44px;min-height:44px}}