/* DendroGeo · css/park-panel.css — park paneli + PNG seçenekleri stilleri (Faz 4)
 *
 * Bu kurallar eskiden gridplan.js içindeki ensurePngUiStyles() tarafından
 * çalışma zamanında <style id="dgPngUiStyles"> olarak ENJEKTE ediliyordu
 * (296 satır CSS-in-JS). Faz 4'te gerçek bir dosyaya taşındı; içerik
 * birebirdir (yalnız 4 boşluk girintisi soyuldu). Enjeksiyon fonksiyonu ve
 * drawPark'taki çağrısı kaldırıldı — stiller artık head'den yüklenir,
 * görsel sonuç aynıdır. @media print kuralları (style.css) .dg-png-btn ve
 * .dg-png-options'ı gizlemeye devam eder. */
.dg-png-card{
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px;
  background:var(--bg);
  display:flex;
  flex-direction:column;
  gap:10px;
}

.dg-png-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}

.dg-png-kicker{
  font-size:.66rem;
  letter-spacing:.12em;
  color:var(--mut);
  font-weight:700;
  margin-bottom:3px;
  text-transform:uppercase;
}

.dg-png-title{
  font-size:.92rem;
  font-weight:700;
  line-height:1.25;
}

.dg-png-sub{
  font-size:.72rem;
  color:var(--mut);
  line-height:1.4;
  margin-top:2px;
}

.dg-png-badge{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:3px 9px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:700;
  background:rgba(34,197,94,.12);
  color:var(--green);
  white-space:nowrap;
}

.dg-png-badge.amber{background:rgba(245,158,11,.14);color:#b45309;}
.dg-png-badge.blue{background:rgba(59,130,246,.14);color:#1d4ed8;}
.dg-png-badge.red{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red);}

.dg-png-label{
  display:block;
  font-size:.62rem;
  letter-spacing:.1em;
  font-weight:700;
  color:var(--mut);
  margin-bottom:5px;
  text-transform:uppercase;
}

.dg-png-fields{
  display:flex;
  flex-direction:column;
  gap:8px;
}

.dg-png-field{
  display:flex;
  flex-direction:column;
}

.dg-png-select,
.dg-png-input{
  width:100%;
  min-height:36px;
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:9px;
  background:var(--bg);
  color:inherit;
  font-size:.8rem;
  font-family:inherit;
  outline:none;
  transition:border-color .15s ease, box-shadow .15s ease;
}

.dg-png-select:focus,
.dg-png-input:focus{
  border-color:#22c55e;
  box-shadow:0 0 0 3px rgba(34,197,94,.12);
}

.dg-png-options{
  border:1px solid var(--line);
  border-radius:11px;
  overflow:hidden;
  background:var(--bg);
}

.dg-png-option{
  position:relative;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:54px;
  padding:9px 11px;
  cursor:pointer;
  transition:background .16s ease, transform .08s ease;
  user-select:none;
}

.dg-png-option + .dg-png-option{
  border-top:1px solid var(--line);
}

.dg-png-option:hover{
  background:rgba(128,128,128,.06);
}

.dg-png-option:active{
  transform:scale(.995);
}

.dg-png-option input{
  position:absolute;
  opacity:0;
  width:1px;
  height:1px;
  pointer-events:none;
}

.dg-png-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:9px;
  background:rgba(128,128,128,.10);
  font-size:.92rem;
}

.dg-png-copy{
  flex:1;
  min-width:0;
}

.dg-png-copy strong{
  display:block;
  font-size:.78rem;
  font-weight:700;
  line-height:1.25;
}

.dg-png-copy span{
  display:block;
  margin-top:2px;
  color:var(--mut);
  font-size:.66rem;
  line-height:1.3;
}

.dg-png-switch{
  position:relative;
  width:38px;
  height:22px;
  flex:0 0 38px;
  border-radius:999px;
  background:#aab2bd;
  transition:background .18s ease;
}

.dg-png-switch::after{
  content:"";
  position:absolute;
  width:16px;
  height:16px;
  left:3px;
  top:3px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 4px rgba(0,0,0,.25);
  transition:transform .18s ease;
}

.dg-png-option input:checked + .dg-png-switch{
  background:#16a34a;
}

.dg-png-option input:checked + .dg-png-switch::after{
  transform:translateX(16px);
}

.dg-png-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  width:100%;
  min-height:40px;
  padding:9px 14px;
  border-radius:10px;
  border:1px solid transparent;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.01em;
  cursor:pointer;
  transition:transform .08s ease, box-shadow .18s ease, background .15s ease, border-color .15s ease;
  background:var(--btn-bg, #14532d);
  color:var(--btn-fg, #fff);
  font-family:inherit;
}

.dg-png-btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(0,0,0,.08);
}

.dg-png-btn:active{
  transform:translateY(0);
  box-shadow:none;
}

.dg-png-btn.primary{
  background:var(--green);
  color:#fff;
}
.dg-png-btn.primary:hover{background:var(--green-dk)}

.dg-png-btn.blue{
  background:var(--blue);
  color:#fff;
}

.dg-png-btn.ghost{
  background:transparent;
  color:var(--green);
  border-color:var(--green);
}

.dg-png-btn.ghost:hover{
  background:rgba(128,128,128,.06);
}

.dg-png-btn.red{
  background:var(--red);
  color:#fff;
}

.dg-png-btn.sm{
  min-height:34px;
  font-size:.76rem;
  padding:6px 12px;
}

.dg-png-result{
  margin-top:10px;
  padding:12px;
  border:1px solid var(--line);
  border-radius:11px;
  background:var(--bg);
  font-size:.82rem;
  line-height:1.6;
}

#refBadge.dg-png-ref{
  display:inline-flex;
  align-items:center;
  gap:4px;
  padding:2px 9px;
  border-radius:999px;
  font-size:.7rem;
  font-weight:600;
  background:rgba(20,83,45,.1);
}

/* =========================================================
   PARK ALGILAMA AKIŞI (2026-09-24)
   #parkScanCard: ölçüm kapısının yönlendirdiği adım adım ekran.
   park-registry.js üretir; stiller park paneliyle aynı dilde.
========================================================= */
#parkScanCard{
  border-radius:14px;
  box-shadow:var(--sh);
}

.dg-scan-step{
  display:inline-flex;
  align-items:center;
  padding:3px 10px;
  border-radius:999px;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.02em;
  background:var(--line);
  color:var(--mut);
  white-space:nowrap;
}

.dg-scan-step.on{
  background:rgba(34,197,94,.14);
  color:#16a34a;
}

/* ═══════════════════════════════════════════════════════════════
   🛰 UYDU HASSASİYET PANELİ (0054 · 2026-10-03)
   Kullanıcı isteği: "rapor barları gibi yatay bar; kaydırınca
   hassasiyet artsın, uydu üstünde işaretlensin, kabul edince
   kaydedilip öylece kalsın." Basit, tek panel, mobil-önce:
   kaydırıcılar ≥44px, düğmeler .dg-png-btn ailesi, animasyon YOK.
   (0053'teki .dg-valw-* üç adım arayüzü bu sürümde KALDIRILDI.)
   ═══════════════════════════════════════════════════════════════ */
.dg-sens-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:8px;
}
.dg-sens-row{
  display:flex;
  align-items:center;
  gap:8px;
  margin:6px 0;
  flex-wrap:wrap;
}
.dg-sens-label{
  width:104px;
  flex-shrink:0;
  font-weight:700;
  font-size:.8rem;
}
.dg-sens-slider{
  flex:1;
  min-width:130px;
  min-height:44px;
  accent-color:var(--green);
}
.dg-sens-count{
  min-width:88px;
  text-align:right;
  font-size:.7rem;
  font-weight:700;
  color:var(--mut);
  font-variant-numeric:tabular-nums;
}
.dg-sens-adj{
  font-size:.72rem;
  line-height:1.6;
  background:rgba(20,83,45,.06);
  border:1px solid var(--line);
  border-radius:8px;
  padding:6px 9px;
  margin-top:8px;
}
.dg-sens-actions{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
  margin-top:8px;
}
.dg-sens-actions .dg-png-btn{
  min-height:40px;
}
.dg-sens-hint{
  font-size:.66rem;
  color:var(--mut);
  margin-top:6px;
  line-height:1.5;
}
@media (max-width:640px){
  .dg-sens-label{width:88px;font-size:.74rem}
  .dg-sens-count{min-width:74px}
}
/* Leaflet popup: karar düğmeleri mobilde rahat bassın */
.dg-sens-popup .leaflet-popup-content{
  margin:10px 12px;
}
.dg-sens-popup .dg-png-btn{
  min-height:40px;
  font-size:.78rem;
}
/* 0056 · mod çipi: analiz modu (guard) / park seçim modu */
.dg-sens-chip{
  display:inline-flex;
  align-items:center;
  gap:4px;
  border:1px solid var(--line);
  border-radius:999px;
  padding:3px 10px;
  font-size:.66rem;
  font-weight:700;
  color:var(--mut);
  background:var(--bg);
  white-space:nowrap;
}
.dg-sens-chip.on{
  border-color:var(--green);
  color:var(--green);
  background:rgba(20,83,45,.07);
}
/* Surface editor sits beside a sticky map so the phone shows both. */
#v-map #map.surface-review-map{position:sticky!important;top:0;width:100%;height:clamp(520px,72vh,900px)!important;z-index:3!important}
#lcSens{margin:12px 0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:14px}
#lcSens .dg-sens-head{align-items:flex-start}
#lcSens .dg-sens-head>.dg-png-btn{width:auto;min-width:100px}
#lcSens .dg-sens-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(70px,2fr) minmax(85px,1fr);gap:8px}
#lcSens .dg-sens-label{background:none;border:0;text-align:left;cursor:pointer;color:inherit;font:inherit;font-weight:600;padding:0;min-height:44px}
#lcSens .dg-sens-count{white-space:normal;text-align:right;line-height:1.4}
.dg-sens-details{border-top:1px solid var(--line);margin-top:12px}
.dg-sens-details>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:.84rem;font-weight:600}
.dg-sens-evidence{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:0 12px;margin:10px 0}
.dg-sens-evidence>summary{font-size:.9rem;justify-content:space-between}
.dg-sens-evidence-body{font-size:.82rem;line-height:1.5;padding:0 0 8px;overflow-wrap:anywhere}
.dg-sens-evidence-body p{margin:6px 0}
.dg-sens-evidence-body ul{margin:4px 0 8px;padding-left:20px}
.dg-sens-evidence-body li{margin:3px 0}
.dg-sens-feature{display:flex;justify-content:space-between;gap:10px;align-items:center}
.dg-sens-feature .dg-png-btn{width:auto}
#lcSens .dg-sens-actions .dg-png-btn{width:auto;min-height:44px;flex:1 1 auto}
.dg-sens-popup{font-size:.8rem;line-height:1.5}
@media(max-width:640px){#lcSens{padding:10px}#lcSens .dg-sens-row{grid-template-columns:90px minmax(60px,1fr) 84px;gap:6px}#lcSens .dg-sens-label{font-size:.76rem}#lcSens .dg-sens-count{font-size:.7rem}#v-map #map.surface-review-map{height:58vh!important;min-height:360px;max-height:560px}.dg-sens-adj{font-size:.73rem}}
@media(max-height:500px){#v-map #map.surface-review-map{height:44vh!important;min-height:180px;max-height:300px}}

#v-map.surface-review-active #parkScanCard{display:none!important}
.dg-sens-map-tools{display:flex;align-items:center;gap:8px;margin:10px 0;flex-wrap:wrap}
.dg-sens-map-tools select{flex:1;min-width:110px;max-width:220px;min-height:44px}

#v-map.surface-review-active .live-map-tools,#v-map.surface-review-active #parkSurfaceAction,#v-map.surface-review-active #parkRasterExport{display:none}
/* Native ranges must not inherit text-input padding or full-row width. */
#lcSens .dg-sens-row{display:grid;grid-template-columns:104px minmax(0,1fr) 88px;gap:8px;flex-wrap:nowrap}
#lcSens input.dg-sens-slider{width:100%;min-width:0;padding:0;border:0;background:transparent;border-radius:0;margin:0;min-height:44px;box-sizing:border-box}
#lcSens .dg-sens-count{min-width:0;overflow-wrap:anywhere}
#lcSens .dg-switch{width:38px;min-width:38px;padding:0}
.dg-surface-stat{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:6px 0;border-bottom:1px solid var(--line)}
@media(max-width:640px){#lcSens .dg-sens-row{grid-template-columns:80px minmax(0,1fr) 76px;gap:6px}}
#lcSens .dg-sens-label{width:auto;min-width:0}
@media(max-width:640px){#lcSens .dg-sens-row{grid-template-columns:90px minmax(0,1fr) 80px}#lcSens .dg-sens-count{font-size:.68rem}}

/* Compact summary bars share the map palette. */
.dg-surface-stat{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;padding:5px 0;font-size:.72rem}
.dg-surface-track{grid-column:1/-1;height:5px;border-radius:4px;background:var(--line);overflow:hidden}
.dg-surface-track i{display:block;height:100%;border-radius:inherit}
.dg-export-dialog{width:min(420px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink);background:var(--surface);border:1px solid var(--line);margin:auto}
.dg-export-dialog::backdrop{background:#0008}
.dg-export-dialog .measure-share{padding:10px 0}


/* Paint-style controls live directly below the marker refresh action. */
#surfaceBrushTools:empty{display:none}
.dg-paint-tools{margin:0 0 12px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 3px 14px rgba(15,23,42,.06)}
.dg-paint-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.dg-paint-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:11px;background:rgba(20,83,45,.09);font-size:1.2rem}
.dg-paint-head>div{display:grid;gap:2px}.dg-paint-head strong{font-size:.9rem}.dg-paint-head small{color:var(--mut);font-size:.72rem;line-height:1.4}
.dg-paint-mode{margin-left:auto;padding:4px 9px;border:1px solid var(--line);border-radius:999px;color:var(--mut);font-size:.68rem;white-space:nowrap}
.dg-paint-mode.is-active{border-color:var(--green);color:var(--green);background:rgba(20,83,45,.08)}
.dg-paint-row{display:flex;align-items:end;gap:12px;flex-wrap:wrap}
.dg-paint-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;flex:1;min-width:min(100%,360px)}
.dg-paint-swatch{display:flex;align-items:center;gap:7px;min-width:0;min-height:40px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:.72rem;text-align:left;cursor:pointer}
.dg-paint-swatch>i{width:14px;height:14px;flex:0 0 14px;border:2px solid var(--surface);border-radius:50%;background:var(--paint-color);box-shadow:0 0 0 1px var(--paint-color)}
.dg-paint-swatch>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dg-paint-swatch.is-selected{border-color:var(--paint-color);box-shadow:inset 0 0 0 1px var(--paint-color);background:color-mix(in srgb,var(--paint-color) 9%,var(--surface))}
.dg-paint-swatch:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.dg-paint-swatch:disabled{opacity:.5;cursor:not-allowed}
.dg-paint-size{width:96px;flex:0 0 96px}.dg-paint-size>span{display:block;margin:0 0 6px;color:var(--mut);font-size:.7rem;font-weight:700}
.dg-paint-size select{width:100%;min-height:40px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:.78rem}
.dg-paint-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.dg-paint-actions .dg-png-btn{width:auto;min-height:42px}
.dg-paint-hint{margin:8px 0 0;color:var(--mut);font-size:.69rem;line-height:1.45}
#map.dg-paint-brush-active,#map.dg-paint-brush-active .leaflet-interactive{cursor:crosshair!important}
@media(max-width:640px){.dg-paint-tools{padding:10px}.dg-paint-palette{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.dg-paint-size{width:82px;flex-basis:82px}.dg-paint-actions .dg-png-btn{flex:1 1 auto}}

#lcSens .dg-paint-section{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--surface);margin-top:10px}
#lcSens .dg-paint-section>summary{justify-content:space-between;padding:0 12px;background:color-mix(in srgb,var(--bg) 75%,var(--surface));font-weight:700}
#lcSens .dg-paint-section>summary::-webkit-details-marker{display:none}
.dg-paint-chevron{color:var(--mut);font-size:1.1rem;transition:transform .15s ease}
#lcSens .dg-paint-section[open]>summary .dg-paint-chevron{transform:rotate(180deg)}
#lcSens .dg-paint-section-body{padding:10px 12px 12px}
.dg-paint-native-select{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.dg-boundary-palette{grid-template-columns:repeat(3,minmax(0,1fr));margin:6px 0 10px}
.dg-boundary-swatch{width:100%}
@media(max-width:640px){.dg-boundary-palette{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Map editor: theme menus above the map and compact tools on its left. */
.dg-editor{position:relative;z-index:1100;margin:8px 0;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-family:var(--f-ui)}
.dg-editor-menubar{position:relative;display:flex;flex-wrap:wrap;gap:2px;padding:4px}
.dg-editor-menu{position:static;min-width:0}
.dg-editor-menu>summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px;list-style:none;cursor:pointer;border-radius:5px;color:var(--ink);font-size:.76rem}
.dg-editor-menu>summary::-webkit-details-marker{display:none}
.dg-editor-menu[open]>summary,.dg-editor-menu>summary:hover{background:var(--tint);color:var(--green-dk)}
.dg-editor-menu-body{position:absolute;top:100%;left:0;z-index:1101;box-sizing:border-box;width:min(430px,100%);max-height:min(58vh,520px);overflow:auto;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 24px #18242024;color:var(--ink);font-size:.78rem}
.dg-editor-menu-body .dg-sens-actions{display:flex;flex-direction:column;gap:4px;margin:8px 0}
.dg-editor-menu-body .dg-png-btn{width:100%;min-height:44px;justify-content:flex-start;text-align:left;font-size:.76rem}
.dg-editor-menu-body .dg-sens-hint{font-size:.72rem;margin:8px 0;line-height:1.5}
.dg-editor-menu-body select{display:block;box-sizing:border-box;width:100%;min-height:42px;margin:4px 0 12px;padding:6px;border:1px solid var(--line);border-radius:5px;background:var(--bg);color:var(--ink);font:inherit}
.dg-editor-menu-body .measure-share{font-size:.76rem;line-height:1.5}
.dg-editor-status{padding:5px 12px;border-top:1px solid var(--line);color:var(--mut);font-size:.7rem}
.dg-editor-status{display:flex;align-items:center;gap:7px;min-height:32px;flex-wrap:wrap;background:color-mix(in srgb,var(--bg) 55%,var(--surface));font-variant-numeric:tabular-nums}
.dg-editor-status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 14%,transparent)}
.dg-editor-key-hint{margin-left:auto;color:var(--mut);font-size:.64rem}
.dg-editor-workspace{position:relative;min-width:0}
#surfaceMapTools{position:absolute;left:10px;top:92px;z-index:1000}
#surfaceMapTools:empty{display:none}
.dg-editor-rail{display:flex;flex-direction:column;gap:4px;padding:5px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:0 3px 12px #18242020}
.dg-editor-tool{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid transparent;border-radius:5px;background:var(--surface);color:var(--ink);font-size:1.1rem;cursor:pointer}
.dg-editor-tool:hover,.dg-editor-tool.is-active{background:var(--tint);border-color:var(--green);color:var(--green-dk)}
.dg-editor-tool .dg-editor-icon{width:20px;height:20px;flex-basis:20px;pointer-events:none}
.dg-editor-tool:disabled{opacity:.45;cursor:default}
.dg-editor-tool:focus-visible,.dg-editor-menu>summary:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.dg-vegetation-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);font-size:.68rem;color:var(--ink)}
.dg-vegetation-legend span{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.dg-vegetation-legend i{display:inline-block;width:12px;height:12px;border:1px solid #355b3a66;border-radius:3px}
.dg-vegetation-legend small{flex-basis:100%;color:var(--mut);line-height:1.4}
@media(max-width:640px){.dg-editor-menu>summary{min-height:42px;padding:5px 7px;font-size:.7rem;gap:4px}.dg-editor-menu-body{padding:10px}.dg-editor-status{font-size:.65rem}#surfaceMapTools{left:8px}.dg-editor-rail{padding:3px;gap:3px}}

#surfaceParkTools:empty{display:none}
#surfaceParkTools{position:relative;z-index:1102;margin:8px 0 0;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-family:var(--f-ui)}
#surfaceParkTools .dg-png-card{margin:0;padding:0;border:0;box-shadow:none;background:transparent;min-width:0}
#surfaceParkTools .dg-png-fields{grid-template-columns:1fr}
#surfaceParkTools .dg-png-kicker{display:none}
#surfaceParkTools .dg-editor-menu-body{width:min(430px,100%)}

/* One shared menu bar for park, grid, waypoint and surface tools. */
.dg-editor-menu-shell{position:relative;z-index:1100;display:flex;flex-wrap:wrap;align-items:flex-start;margin:8px 0;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-family:var(--f-ui)}
.dg-editor-menu-shell:not(:has(.dg-editor-menu)){display:none}
.dg-editor-menu-shell #surfaceParkTools,.dg-editor-menu-shell #surfaceBrushTools,.dg-editor-menu-shell .dg-editor{display:contents}
.dg-editor-menu-shell .dg-editor-menubar{position:static}
.dg-editor-menu-shell .dg-editor-status{flex-basis:100%;box-sizing:border-box;width:100%}
.dg-editor-menu-shell .dg-editor-menu-body{width:min(430px,100%);left:0;top:100%;z-index:1103}
.dg-editor-menu-shell #gridSummary{margin-top:12px;overflow-wrap:anywhere}

/* Editor menu standard: ordered top-level entries and one independent panel. */
#surfaceMenuBar{display:flex;flex:1 1 100%;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;box-sizing:border-box;min-width:0}
.dg-editor-menu-shell #surfaceParkTools>.dg-editor-menubar,.dg-editor-menu-shell #surfaceBrushTools .dg-editor-menubar{display:none}
#surfaceMenuBar>.dg-editor-menu{position:relative;flex:0 0 auto}
#surfaceMenuBar>.dg-editor-menu>summary{display:inline-flex;align-items:center;min-height:42px;box-sizing:border-box;padding:7px 10px;gap:7px;font-size:.76rem;font-weight:600;white-space:nowrap;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:background .15s,border-color .15s,box-shadow .15s}
#surfaceMenuBar>.dg-editor-menu[open]>summary{background:var(--tint);border-color:var(--green);color:var(--green-dk)}
#surfaceMenuBar>.dg-editor-menu[open]{z-index:1105}
#surfaceMenuBar>.dg-editor-menu>summary:hover{border-color:color-mix(in srgb,var(--green) 45%,var(--line));box-shadow:0 1px 3px #18242014}
#surfaceMenuBar .dg-editor-menu-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 22px;border-radius:6px;background:color-mix(in srgb,var(--green) 9%,var(--surface));color:var(--green-dk)}
.dg-editor-icon{display:block;width:18px;height:18px;flex:0 0 18px}
#surfaceMenuBar .dg-editor-menu-icon .dg-editor-icon{width:15px;height:15px;flex-basis:15px}
#surfaceMenuBar .dg-editor-menu-label{min-width:0}
#surfaceMenuBar .dg-editor-menu-chevron{width:12px;height:12px;flex:0 0 12px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:var(--mut);transition:transform .15s ease}
#surfaceMenuBar>.dg-editor-menu[open]>summary .dg-editor-menu-chevron{transform:rotate(180deg)}
#surfaceMenuBar>.dg-editor-menu>summary::-webkit-details-marker{display:none}
#surfaceMenuBar .dg-editor-menu-body{top:calc(100% + 6px);left:0;width:min(430px,calc(100vw - 24px));padding:16px;border-radius:10px;border:1px solid var(--line);box-shadow:0 8px 28px #18242024;overscroll-behavior:contain}
#surfaceMenuBar>.dg-editor-menu[data-menu-order="60"]>.dg-editor-menu-body,#surfaceMenuBar>.dg-editor-menu[data-menu-order="70"]>.dg-editor-menu-body{left:auto;right:0}
#surfaceMenuBar .dg-editor-panel-head{display:flex;align-items:center;gap:11px;margin:0 0 14px;padding:0 0 12px;border-bottom:1px solid var(--line)}
#surfaceMenuBar .dg-editor-panel-head>.dg-editor-icon{width:34px;height:34px;flex:0 0 34px;padding:8px;box-sizing:border-box;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--green-dk)}
#surfaceMenuBar .dg-editor-panel-head>span{display:grid;gap:3px;min-width:0}
#surfaceMenuBar .dg-editor-panel-head strong{font-size:.88rem;line-height:1.3;color:var(--ink)}
#surfaceMenuBar .dg-editor-panel-head small{font-size:.7rem;line-height:1.45;color:var(--mut)}
#surfaceMenuBar .dg-editor-menu-section{margin:12px 0 0;padding-top:10px;border-top:1px solid var(--line)}
#surfaceMenuBar .dg-editor-menu-section:first-of-type{margin-top:0;padding-top:0;border-top:0}
#surfaceMenuBar .dg-editor-menu-section-label{display:block;margin:0 0 7px;color:var(--mut);font-size:.64rem;font-weight:700;letter-spacing:.07em}
#surfaceMenuBar .dg-editor-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
#surfaceMenuBar .dg-editor-action-grid .dg-png-btn{width:100%;min-height:44px;justify-content:flex-start;text-align:left}
#surfaceMenuBar .dg-editor-menu-danger .dg-png-btn{width:100%;min-height:44px}
#surfaceMenuBar .dg-editor-wide-action{width:100%;justify-content:flex-start;text-align:left}
#surfaceMenuBar .dg-sens-map-tools{margin:0;align-items:center}
#surfaceMenuBar .dg-sens-map-tools label{flex:0 0 auto;color:var(--mut);font-size:.72rem;font-weight:600}
#surfaceMenuBar .dg-sens-map-tools select{flex:1 1 110px;margin:0;min-width:0}
#surfaceMenuBar .dg-editor-menu-body .dg-png-head{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
#surfaceMenuBar .dg-editor-menu-body .dg-png-title{font-size:.9rem}
#surfaceMenuBar .dg-editor-menu-body .dg-png-sub{font-size:.72rem;line-height:1.5}
#surfaceMenuBar .dg-editor-menu-body .dg-png-label{margin:10px 0 5px;font-size:.68rem;font-weight:700;letter-spacing:.035em}
#surfaceMenuBar .dg-editor-menu-body .dg-png-btn{min-height:44px;border-radius:6px;padding:9px 11px}
#surfaceMenuBar .dg-editor-file .dg-sens-actions{gap:5px;margin:0}
#surfaceMenuBar .dg-editor-file .dg-png-btn.red{margin-top:9px;border-top:1px solid var(--line)}
.dg-editor-menu-shell .dg-editor-status{display:flex;align-items:center;min-height:30px;padding:5px 12px;background:var(--bg);border-radius:0 0 8px 8px;line-height:1.5}
@media(max-width:640px){#surfaceMenuBar{gap:4px;padding:5px}#surfaceMenuBar>.dg-editor-menu>summary{padding:6px 8px;font-size:.7rem;min-height:44px}#surfaceMenuBar>.dg-editor-menu[data-menu-order]{border-left:0;padding-left:0}#surfaceMenuBar .dg-editor-menu-body{padding:12px;max-height:55vh}#surfaceMenuBar .dg-editor-action-grid{grid-template-columns:1fr}#surfaceMenuBar .dg-editor-panel-head{gap:9px}.dg-editor-key-hint{margin-left:0}.dg-editor-status{font-size:.66rem;padding:6px 8px}.dg-editor-rail .dg-editor-tool{width:44px;height:44px;flex-basis:44px}}
@media(prefers-reduced-motion:reduce){#surfaceMenuBar>.dg-editor-menu>summary{transition:none}}
.dg-sens-object-preview{margin:10px 0;padding:10px;border:1px solid var(--line);border-left:3px solid var(--green);border-radius:6px;background:var(--bg)}
.dg-sens-object-preview .dg-sens-actions{margin-bottom:0}