Videosync
Back to documentation

Glam (AI styling assistant)

Last updated: June 1, 2026

Glam is a chat-based styling assistant in Event Admin. Ask it to restyle something, get a live preview, save when you’re happy.

Glam only writes CSS. It doesn’t touch event settings or content.

Glam open with a 1980s pop culture restyle request. The preview shows a neon-styled event page, the chat panel shows the prompt and the CSS Glam wrote.
⚠️

Glam isn’t available for events that use the new event site.

Open Glam

Open an event in Event Admin. The Glam button is in the bottom nav.

Glam button: a sparkles icon next to the word Glam, on a dark navigation bar.

Pick the page and viewport

Pick which page Glam previews (registration, live, recording) and at which width. Useful for getting mobile right without messing with desktop.

PAGE dropdown open. Options: Registration, Pre Live, Go Live (selected), Edit recording, Publish recording.
WIDTH dropdown open. Options: Full width (selected), Mobile (375), Tablet (768), Desktop (1280).

Ask for a change

Type what you want. Glam writes the CSS and updates the preview. Keep going in the same chat to refine.

Glam on a mobile preview. The user asked to make the header more UI-friendly on mobile and then to reduce the top padding. Glam responded with @media query CSS and a padding adjustment.

Some prompts that work:

  • “Restyle the page. Event theme is 1980s pop culture.”
  • “Make the header text more UI-friendly on mobile.”
  • “Reduce the top padding.”
  • “Hide the social media icons in the header.”
  • “Use these brand colors: navy primary, light gray backgrounds.”
  • “Round the corners on all buttons and add a subtle drop shadow.”

Be specific. “Make the chat sidebar narrower on tablet” works. “Make it pop” doesn’t.

Save or discard

Changes stay in a preview until you save. Closing with unsaved changes prompts you.

Unsaved Glam changes dialog. Three buttons: Cancel, Discard and close, Save and close.

Save and close writes the CSS into the event’s Advanced CSS field. Glam tags its own rules with /* glam */.

CSS editor showing a Glam-authored rule: .inner.inner-cta { /* glam */ background-color: #808080 !important; }

Discard and close rolls back to the last saved version.

👀

The Glam panel shows the full CSS at the bottom. Worth a skim before saving, especially after a long session.

Limits

  • CSS only. No HTML or JavaScript. For those see Using CSS and Javascript for customization.
  • Rate-limited. Heavy use hits a “Glam is busy” message. Try again in a moment.
  • Safety-checked. Glam refuses CSS that could break the page or load remote resources.

Tried it? Tell us what worked and what didn’t.