/* Vector share studio: map and factsheet are separate formats, not captured page UI. */
.area-share-link-controls {
  margin-top: 14px;
  min-width: 0;
}
.area-share-link-controls label {
  display: block;
  margin-bottom: 6px;
  font-size: 0.75rem;
  color: #c8b5aa;
}
.area-share-link-controls input {
  display: block;
  width: 100%;
  min-height: 44px;
}

.area-share-dialog {
  width: min(1180px, 94vw);
  max-height: 92dvh;
  overflow: auto;
  padding: 26px;
  background: linear-gradient(135deg, #241d19, #171616 65%);
  color: #eee4dd;
  border: 1px solid #5b4238;
  border-radius: 18px;
  box-shadow: 0 30px 120px #0009;
  font-family: Inter, Arial, sans-serif;
}
.area-share-dialog::backdrop {
  background: #090909b8;
  backdrop-filter: blur(5px);
}
.area-share-dialog header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 18px;
  border-bottom: 1px solid #48352d;
}
.area-share-dialog header > div {
  min-width: 0;
}
.area-share-dialog h2 {
  margin: 0;
  overflow-wrap: anywhere;
}
.area-share-dialog p {
  font-size: 0.78rem;
  line-height: 1.5;
}
.area-share-mode-switch {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin: 18px 0 12px;
}
.area-share-mode-switch button {
  min-height: 44px;
  padding: 0 16px;
  border: 1px solid #67483d;
  border-radius: 999px;
  background: #171110;
  color: #d9c1b6;
  cursor: pointer;
  font:
    600 0.76rem Inter,
    Arial,
    sans-serif;
}
.area-share-mode-switch button[aria-pressed="true"] {
  background: #a44639;
  border-color: #ef8b77;
  color: #fff8f1;
}
.area-share-mode-switch button:focus-visible,
.area-share-dialog button:focus-visible {
  outline: 3px solid #ffb347;
  outline-offset: 3px;
}
.area-share-mode-panel[hidden] {
  display: none !important;
}
.area-share-dialog > #areaShareCanvas {
  display: block;
  width: 100%;
  height: auto;
  max-height: calc(92dvh - 280px);
  object-fit: contain;
  border: 1px solid #463b36;
  border-radius: 12px;
  background: #0b0d0e;
}
.area-share-dialog > #areaShareCanvas[hidden] {
  display: none;
}
.area-share-readable-meta {
  margin: 10px 0 0;
  padding: 10px 12px;
  border-left: 3px solid #c97564;
  color: #d1c2b9;
  background: #1d1816;
}
.area-share-error {
  margin: 12px 0 0;
  padding: 12px;
  border: 1px solid #9e4d41;
  border-radius: 8px;
  background: #321b18;
  color: #ffd9cb;
}
.area-share-footer-actions {
  justify-content: flex-start;
  margin-top: 14px;
}
.area-share-footer-actions button {
  min-height: 44px;
}
.area-share-dialog input {
  max-width: 100%;
  min-height: 40px;
  background: #0e0c0b;
  color: #f1e5dc;
  border: 1px solid #65483d;
  border-radius: 6px;
  padding: 7px 9px;
}
.area-share-dialog button {
  cursor: pointer;
}
.area-share-dialog button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}
.area-share-dialog fieldset {
  border: 0;
}
.area-share-layout {
  display: grid;
  grid-template-columns: minmax(230px, 0.85fr) minmax(0, 1.4fr);
  gap: 18px;
}
.area-share-selection-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.area-share-selection-heading strong {
  color: #edb39d;
  font-size: 0.8rem;
}
.area-share-choice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 7px 0;
  border-bottom: 1px solid #342824;
  color: #e5d6ce;
  font-size: 0.75rem;
  line-height: 1.35;
}
.area-share-choice input {
  margin-top: 2px;
  accent-color: #d86e5c;
}
.area-share-choice small {
  display: block;
  color: #a99489;
  font-size: 0.66rem;
  margin-top: 3px;
}
.area-share-preview {
  min-width: 0;
  align-self: start;
}
.area-share-preview > #areaShareCanvas {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: min(46dvh, 480px);
  margin-inline: auto;
  border: 1px solid #463b36;
  border-radius: 12px;
  background: #0b0d0e;
}
.area-share-preview > #areaShareCanvas[hidden] {
  display: none;
}
.area-share-preview-heading {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 0 0 10px;
  color: #d9917d;
  font-size: 0.68rem;
  letter-spacing: 1.2px;
}
.area-share-preview details {
  margin-top: 12px;
}
.area-share-preview ul {
  padding-left: 20px;
  color: #bca99f;
  font-size: 0.68rem;
  line-height: 1.55;
}
.area-share-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.area-share-actions button {
  min-height: 38px;
  padding: 0 12px;
  border: 1px solid #64463c;
  border-radius: 6px;
  background: #251a17;
  color: #e7d5cd;
  font-size: 0.72rem;
}
.area-share-dialog label[for="areaShareLink"] {
  display: block;
  margin: 16px 0 6px;
  color: #c8b2a8;
  font-size: 0.72rem;
}
.area-share-dialog #areaShareStatus {
  min-height: 20px;
  margin-top: 12px;
  color: #f1bd99;
}
.area-share-comparison-note {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px 12px;
  margin: 12px 0 0;
  padding: 9px 11px;
  border-left: 3px solid #d98e7c;
  background: #211917;
  color: #d7c4bb;
  font-size: 0.72rem;
  line-height: 1.4;
}
.area-share-comparison-note[hidden] {
  display: none;
}
.area-share-comparison-note strong {
  color: #f0b39e;
  white-space: nowrap;
}
.area-share-comparison-note button {
  min-height: 36px;
  padding: 6px 9px;
  border: 1px solid #765247;
  border-radius: 6px;
  background: #2a1d18;
  color: #f2d8ce;
  font: inherit;
  cursor: pointer;
}
.area-share-dialog #areaShareEmpty {
  min-height: 160px;
  padding: 28px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  border: 1px dashed #5e4639;
  border-radius: 9px;
  background: #171211;
  color: #eed8c6;
  text-align: center;
}
.area-share-dialog #areaShareEmpty[hidden] {
  display: none;
}
.area-share-dialog #areaShareEmpty strong {
  font-size: 1.15rem;
}
.area-share-dialog #areaShareEmpty span {
  font-size: 0.78rem;
  line-height: 1.5;
  color: #b9a494;
}
.area-share-dialog #areaShareOptions {
  max-height: 46vh;
  overflow: auto;
}
.area-share-dialog #areaShareOptions .area-share-group {
  font-size: 0.72rem;
  letter-spacing: 0.8px;
  color: #d98e7c;
  margin: 12px 0 2px;
}
.area-share-dialog #areaShareOptions .area-share-group:first-child {
  margin-top: 0;
}
/* The mobile action cue stays in flow and never covers the preview. */
.area-share-actions-cue { display: none; }
.area-share-actions-cue[hidden] { display: none !important; }
@media (max-width: 760px) {
  .area-share-actions-cue {
    display: block;
    position: static;
    width: 100%;
    min-height: 44px;
    margin: 0 0 12px;
    padding: 8px 12px;
    border: 1px solid #765247;
    border-radius: 6px;
    background: #2a1d18;
    color: #f2d8ce;
    font: inherit;
  }
  .area-share-dialog {
    width: calc(100vw - 20px);
    max-height: 94dvh;
    padding: 16px;
    border-radius: 12px;
  }
  .area-share-dialog > #areaShareCanvas {
    max-height: none;
  }
  .area-share-layout {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .area-share-mode-switch {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .area-share-mode-switch button {
    width: 100%;
    min-height: 48px;
    padding: 0 8px;
  }
  .area-share-dialog #areaShareOptions {
    max-height: 34vh;
  }
  .area-share-preview-heading {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .area-share-footer-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .area-share-footer-actions button {
    width: 100%;
    padding: 0 8px;
  }
  .area-share-comparison-note {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .area-share-comparison-note strong {
    white-space: normal;
  }
  .area-share-comparison-note button {
    width: 100%;
  }
}

.area-share-source-notes{margin:14px 0;font-size:.78rem;line-height:1.5;overflow-wrap:anywhere}.area-share-source-notes summary{min-height:44px;display:list-item;padding:12px 0;box-sizing:border-box;cursor:pointer;font-weight:600}.area-share-source-notes p{margin:9px 0}.area-share-source-notes ul{padding-left:20px}