/* ===================== PAYWALL MODAL ===================== */
.pricing-highlight { font-size: 36px; font-weight: 700; color: var(--gold); margin: 20px 0; }
.pricing-highlight .price-dur { font-size: 16px; color: var(--text-muted); }
.paywall-features { list-style: none; text-align: left; margin: 0 auto 30px; max-width: 300px; }
.paywall-features li { margin-bottom: 12px; font-size: 14px; color: var(--text-muted); }

/* ===================== HOTSPOT EDITOR ===================== */
.hotspot-editor { margin-top: 16px; width: 100%; border-top: 1px solid var(--border); padding-top: 16px; }
.hotspot-hint { font-size: 13px; color: var(--text-muted); margin-bottom: 12px; text-align: center; }
.hotspot-list { display: flex; flex-direction: column; gap: 8px; }
.hotspot-item { display: flex; gap: 8px; align-items: center; }
.hotspot-item input { flex: 1; padding: 8px 12px; border-radius: 6px; border: 1px solid var(--border); background: var(--bg-main); color: var(--text-light); }
.hotspot-marker { position: absolute; width: 24px; height: 24px; background: var(--gold); border-radius: 50%; border: 2px solid #fff; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; color: #111; font-weight: bold; font-size: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.5); pointer-events: none; }
.file-drop-area { position: relative; overflow: hidden; }

/* User Info */
.user-info { display: flex; align-items: center; gap: 12px; }
#user-email { font-size: 13px; color: var(--text-muted); }