.overlay-design { --overlay-accent:#00D1FF; --overlay-text:#F8FAFC; --overlay-bg:#001220; --overlay-glow:rgb(10 77 255 / 22%); }
.overlay-design[data-theme="violet"] { --overlay-accent:#C4A0FF; --overlay-bg:#1C1032; --overlay-glow:rgb(124 58 237 / 30%); }
.overlay-design[data-theme="emerald"] { --overlay-accent:#54E8B0; --overlay-bg:#08271F; --overlay-glow:rgb(16 185 129 / 22%); }
.overlay-design[data-theme="amber"] { --overlay-accent:#FFD078; --overlay-bg:#2B1C0C; --overlay-glow:rgb(245 158 11 / 22%); }
.overlay-design[data-theme="light"] { --overlay-accent:#3156C8; --overlay-text:#172033; --overlay-bg:#F8FAFC; --overlay-glow:rgb(96 165 250 / 14%); }
.overlay-design { border:1px solid var(--overlay-accent); border-left-width:4px; border-radius:14px; color:var(--overlay-text); background:linear-gradient(115deg,transparent,var(--overlay-glow)),var(--overlay-bg); }
.overlay-design strong { color:var(--overlay-accent); }
.overlay-design[data-theme="custom"] { --overlay-accent:var(--custom-accent); --overlay-text:var(--custom-text); --overlay-bg:var(--custom-background); --overlay-glow:transparent; }
.overlay-design { font-family:Inter,"Segoe UI",sans-serif; }
.overlay-design[data-font="arial"] { font-family:Arial,Helvetica,sans-serif; }
.overlay-design[data-font="verdana"] { font-family:Verdana,Geneva,sans-serif; }
.overlay-design[data-font="georgia"] { font-family:Georgia,"Times New Roman",serif; }
.overlay-design[data-font="mono"] { font-family:"Courier New",Courier,monospace; }