.ar-overlay[hidden], .ar-vector-form[hidden] { display: none; }
.ar-overlay { overscroll-behavior: contain; }
.ar-controls { display: flex; flex-direction: column; gap: 9px; }
.ar-task-panel, .ar-selection-panel { display: grid; gap: 8px; }
.ar-task-panel > p, .ar-selection-panel > p { margin: 0; }
.ar-success { color: #12665c; font-size: 12px; line-height: 1.45; }
.ar-pending { color: #765213; font-size: 11px; line-height: 1.4; }
.ar-muted { color: #5e6c70; font-size: 11px; line-height: 1.45; }
.ar-level-field { display: grid; gap: 5px; margin-top: 6px; color: #43565b; font-size: 10px; font-weight: 720; line-height: 1.4; }
.ar-level-field input { width: 100%; min-height: 40px; padding: 7px 9px; border: 1px solid #ccd9d5; border-radius: 9px; color: #162b31; background: #fff; font-size: 13px; }
.ar-list-heading { margin-top: 17px; }
.ar-guide-list { display: grid; gap: 7px; max-height: min(43vh, 460px); overflow: auto; padding: 2px; overscroll-behavior: contain; }
.ar-list-subheading { margin: 8px 0 0; color: #43575d; font-size: 11px; }
.ar-list-item { display: grid; gap: 6px; min-width: 0; padding: 9px; border: 1px solid #d6e1dd; border-radius: 11px; background: #fff; }
.ar-list-item.is-selected { border-color: #187d78; background: #edf8f5; box-shadow: 0 0 0 2px rgba(24,125,120,.1); }
.ar-list-item.is-active-guide { border-left: 4px solid #bd7b15; }
.ar-list-item.is-selected.is-active-guide { border-color: #187d78; border-left-color: #bd7b15; }
.ar-current-guide { display: grid; gap: 4px; padding: 9px; border: 1px solid #e5c98f; border-radius: 10px; color: #4b3b1b; background: #fff7e8; font-size: 10px; line-height: 1.45; }
.ar-current-guide strong { font-size: 11px; }
.ar-current-guide span { overflow-wrap: anywhere; }
.ar-list-select { width: 100%; min-width: 0; padding: 2px; border: 0; color: #1b3037; background: transparent; font-size: 11px; font-weight: 730; line-height: 1.45; text-align: left; overflow-wrap: anywhere; cursor: pointer; }
.ar-list-select:focus-visible, .ar-button:focus-visible, .ar-close:focus-visible { outline: 3px solid rgba(22,125,121,.35); outline-offset: 2px; }
.ar-item-status, .ar-item-kind { color: #66787b; font-size: 9px; line-height: 1.35; }
.ar-related-measures { min-width: 0; padding-top: 2px; color: #43585d; font-size: 10px; line-height: 1.45; }
.ar-related-measures summary { cursor: pointer; font-weight: 700; }
.ar-measure-list { display: grid; gap: 4px; margin: 5px 0 0; padding-left: 17px; }
.ar-measure-list li { overflow-wrap: anywhere; }
.ar-measure-original { padding: 9px; border-radius: 9px; color: #593f14; background: #fff4df; font-size: 11px; line-height: 1.5; overflow-wrap: anywhere; }
.ar-not-measurement { display: inline-flex; width: fit-content; align-items: center; padding: 4px 6px; border-radius: 6px; color: #743b67; background: #fbedf8; font-size: 9px; font-weight: 800; line-height: 1.35; }
.ar-row-actions { display: flex; flex-wrap: wrap; gap: 6px; }
.ar-row-actions .ar-button { min-height: 36px; }
.ar-empty { color: #657478; font-size: 11px; }
.ar-guide-list + .ar-vector-form { margin-top: 10px; }
.ar-vector-form:not([hidden]) { display: grid; }
.ar-rotate-pad { min-height: 54px; touch-action: pan-y; user-select: none; }
.ar-vector-form .ar-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.ar-world-labels { pointer-events: none; }
.ar-world-label { pointer-events: auto; }

@media (max-width: 760px) {
  .ar-controls { gap: 8px; }
  .ar-guide-list { max-height: min(34dvh, 300px); }
  .ar-list-item { padding: 8px; }
  .ar-level-field input { min-height: 42px; }
}