.map-styler-panel { position:absolute; z-index:61; right:16px; top:80px; width:min(350px,calc(100% - 32px)); overflow:hidden; border:1px solid #c4d2c4; border-radius:10px; background:var(--panel); box-shadow:0 5px 24px #092b2230; }
.map-styler-head { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:12px; border-bottom:1px solid #d5ddd2; }.map-styler-head strong { font-family:Georgia,serif; font-size:19px; }.map-styler-head>div { display:flex; gap:6px; }
.map-styler-panel button { min-height:44px; padding:9px 12px; border:1px solid #bacab8; border-radius:5px; color:var(--forest); background:#f2f6ec; font-size:12px; font-weight:800; cursor:pointer; }.map-styler-panel button:disabled { opacity:.45; cursor:default; }
.map-styler-body { max-height:min(58vh,540px); overflow-y:auto; overscroll-behavior:contain; padding:12px; }.styler-presets { display:grid; grid-template-columns:1fr 1fr; gap:6px; margin-bottom:14px; }.styler-row { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; border-bottom:1px solid #dbe2d8; }
.styler-row>label:first-child { display:flex; flex:1; align-items:center; justify-content:space-between; gap:10px; color:#385244; font-size:12px; font-weight:700; }.styler-row input[type=color] { width:48px; height:44px; padding:3px; border:1px solid #a8bca6; border-radius:5px; background:white; cursor:pointer; }.styler-visibility { display:flex; align-items:center; gap:6px; font-size:11px; color:#576e5e; }.styler-visibility input { width:24px; height:24px; accent-color:var(--forest); }
.styler-range { display:grid; grid-template-columns:1fr auto; gap:8px; margin-top:16px; font-size:12px; font-weight:700; color:#385244; }.styler-range input { grid-column:1; grid-row:2; width:100%; min-height:44px; accent-color:var(--forest); }.styler-range output { grid-column:2; grid-row:2; align-self:center; min-width:40px; font-size:11px; }
.map-styler-body p { color:#64766a; font-size:12px; line-height:1.55; }.map-styler-footer { padding:12px; border-top:1px solid #d5ddd2; }.map-styler-footer>div { display:flex; gap:7px; }.map-styler-footer [data-styler-save] { margin-left:auto; background:var(--forest); color:white; border-color:var(--forest); }.map-styler-footer small { display:block; margin-top:8px; color:#627466; font-size:10px; }
.map-styler-panel.minimised .map-styler-body,.map-styler-panel.minimised .map-styler-footer { display:none; }.open-map-styler { width:100%; min-height:48px; margin:0 0 18px; border:1px solid #b4c7b4; border-radius:6px; padding:12px; text-align:left; color:var(--forest); background:#eaf2e4; font-weight:800; cursor:pointer; }
@media(max-width:760px) { .map-styler-panel { top:auto; bottom:72px; right:10px; width:calc(100% - 20px); }.map-styler-body { max-height:35dvh; }.map-styler-head { padding:8px 10px; }.map-styler-head strong { font-size:18px; }.map-styler-footer { padding:10px; }.styler-row input[type=color] { width:56px; }.map-styler-panel.minimised { width:calc(100% - 20px); }.styler-visibility { min-height:44px; } }