/* Hotspot editor (?edit). */
/* hotspot editor */
#editor { position: fixed; right: 8px; top: 64px; z-index: 9; width: min(300px, calc(100% - 16px)); background: rgba(255,255,255,.96); color: #222; font: 13px/1.35 system-ui, sans-serif; border-radius: 10px; padding: 10px; box-shadow: 0 8px 24px rgba(0,0,0,.35); display: grid; gap: 7px; }
#editor select { font: inherit; max-width: 190px; }
#editor button { font: inherit; padding: 6px 9px; border-radius: 7px; border: 1px solid #999; background: #f4f4f4; color: #222; }
#editor .edrow { display: flex; gap: 6px; flex-wrap: wrap; }
#editor .edinfo { font: 12px/1.35 ui-monospace, monospace; color: #444; overflow-wrap: anywhere; }
.ed-c, .ed-a { position: absolute; border: 2px dashed #ff2bd6; border-radius: 50%; background: rgba(255,43,214,.08); pointer-events: none; }
.ed-a { border-radius: 0; border-color: #1fa3ff; background: rgba(31,163,255,.06); }
.ed-b { border-color: #ffb000; }
.ed-c.sel, .ed-a.sel { border-style: solid; border-width: 3px; background: rgba(255,43,214,.2); }
.ed-c span, .ed-a span { position: absolute; left: 50%; top: 50%; transform-origin: 0 0; white-space: nowrap; font: 600 12px system-ui, sans-serif; color: #fff; background: rgba(0,0,0,.65); padding: 1px 4px; border-radius: 4px; }