/* Demo-only additions. */
.dm-banner { position: relative; z-index: 6; display: flex; justify-content: center; align-items: center; gap: 10px; flex-wrap: wrap;
  padding: 9px 44px calc(9px) 16px; font-size: 13px; line-height: 1.4; text-align: center; color: var(--text-2);
  background: rgba(61,123,255,.12); border-bottom: 1px solid rgba(61,123,255,.25); }
.dm-banner b { color: var(--text); font-weight: 600; }
.dm-banner button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--text-2); font-size: 16px; }
.dm-presets { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 12px auto 0; max-width: 560px; }
.dm-chip { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 14px; border-radius: 999px; border: 1px solid var(--line); background: var(--glass);
  color: var(--text); font-size: 14px; font-weight: 500; -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); }
.dm-chip i { width: 8px; height: 8px; border-radius: 50%; background: var(--c, var(--accent)); box-shadow: 0 0 10px var(--c, var(--accent)); }
.dm-note { margin: 18px auto 0; padding: 14px 16px; border-radius: var(--r-md); max-width: 520px; font-size: 13.5px; color: var(--text-2); text-align: center; }
body.has-results .dm-presets { margin-bottom: 4px; }
/* What only the full app can do is hidden here and explained instead. */
.dm #cookieField, .dm #toolsField { display: none !important; }
.dm-capture .dm-banner { display: none !important; }