/* Shared VeditX color system. Media keeps its original color; the interface
   gets brighter pearl light and richer blue, violet, cyan and rose accents. */
:root{
  --void:#04050A;--deep:#0D101A;--s1:#141824;--s2:#1B2130;--s3:#272F43;
  --ink:#F8F5FF;--muted:#BEBBCB;--faint:#9893A8;
  --blue:#569AFF;--blue-lo:#85BEFF;--blue-soft:rgba(68,142,255,.21);
  --blue-ink:#041126;--violet:#A27AFF;--cyan:#35EDCE;--rose:#FF738F;
  --glass:rgba(140,166,255,.065);--glass-2:rgba(149,177,255,.105);
  --hair:rgba(185,198,255,.13);--hair-2:rgba(185,205,255,.24);
}
.hero.create.gen::before{filter:blur(28px) saturate(1.95) brightness(1.13)}
.aurora::before{filter:blur(36px) saturate(1.95) brightness(1.12)}
.go,.sg-go,.cg-go,.tb-up,.primary,.top .cta,.btn:not(.ghost){
  background:linear-gradient(135deg,#84C7FF 0%,#559EFF 48%,#7175FF 100%);
  color:#031024;
  box-shadow:0 10px 30px -13px rgba(58,132,255,.85),inset 0 1px 0 rgba(234,247,255,.75);
}
.ag-suggest,.ag-chip.on,.cg-kinds .on{border-color:rgba(121,169,255,.52)}
@media(hover:hover){
  .ag-suggest:hover,.ghost:hover,.cg-mini:hover{
    background-color:rgba(91,139,255,.16);border-color:rgba(135,187,255,.6);
    box-shadow:inset 0 1px 0 rgba(230,241,255,.15),0 8px 28px -18px #758BFF;
  }
}

.vortex-icon{display:inline-block;object-fit:contain;vertical-align:middle;flex:none;line-height:0}
.vortex-icon img{display:block;object-fit:contain}
.vortex-wordmark{display:flex;align-items:center;gap:12px;color:#fff!important}.vortex-wordmark img{flex:none}
.sg-herotext>span:has(.vortex-icon){display:flex;align-items:center;gap:5px}
@media(prefers-reduced-motion:no-preference){.go,.sg-go,.cg-go,.tb-up,.primary,.top .cta,.btn:not(.ghost){background-size:180% 180%;animation:pearl-color-drift 14s ease-in-out infinite}}
@keyframes pearl-color-drift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* Actions are filled glass, with focus rings reserved for keyboard navigation. */
body :is(.ghost,.ag-suggest,.cg-mini,.cg-idea,.cg-chip,.cg-ico,.sg-pill,.sg-chip,.ag-say,.ag-opt,.brain-secondary,.brain-chip,.series-chip,.series-format,.series-saved-item,.ev-action,.ev-contact,.ev-prompts button,.vg-dialog button:not(.vg-primary),.vp-page button:not(.vp-primary),.tlbar button:not(.go),.cg-action-choices button){
  border-color:transparent!important;
  background:linear-gradient(135deg,rgba(142,157,205,.22),rgba(84,98,151,.23))!important;
  color:#f3f2fc;
  box-shadow:0 5px 18px -10px #02030a90;
  transition:background .2s ease,box-shadow .2s ease,transform .2s ease;
}
body :is(.go,.sg-go,.cg-go,.tb-up,.brain-primary,.vg-primary,.vp-primary){border-color:transparent!important}
body :is(.ag-suggest,.brain-chip,.series-chip,.ev-contact,.cg-action-choices button)[aria-pressed=true],
body :is(.ag-opt.on,.series-format.selected){
  background:linear-gradient(135deg,#7254c98c,#246cad80)!important;
  box-shadow:0 7px 25px -13px #7970ffb0;
}
body .ag-creative-tools [data-open-series]{
  background:linear-gradient(130deg,#b94ecb8c,#7955da9c,#3376b184)!important;
  box-shadow:0 7px 26px -12px #b14af6aa;color:#fff;
}
body :is(.ghost,.vg-dialog button).danger{background:linear-gradient(135deg,#a5435866,#712c4d66)!important;color:#ffd7df}
@media(hover:hover){
  body :is(.ghost,.ag-suggest,.cg-mini,.cg-idea,.cg-chip,.cg-ico,.sg-pill,.ag-say,.ag-opt,.brain-secondary,.brain-chip,.series-chip,.series-format,.ev-action,.ev-contact,.ev-prompts button,.vg-dialog button:not(.vg-primary),.vp-page button:not(.vp-primary),.tlbar button:not(.go),.cg-action-choices button):hover:not(:disabled){
    background:linear-gradient(135deg,rgba(159,161,244,.35),rgba(79,139,209,.3))!important;
    box-shadow:0 8px 25px -12px #7597ff80;transform:translateY(-1px);
  }
}
body :is(.ag-suggest,.ghost,.series-chip,.brain-chip,.ev-action,.ev-prompts button):focus-visible{outline:2px solid #c9d9ff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body :is(.ghost,.ag-suggest,.cg-mini,.cg-idea,.cg-chip,.cg-ico,.sg-pill,.ag-say,.ag-opt,.brain-secondary,.brain-chip,.series-chip,.series-format,.ev-action,.ev-contact,.ev-prompts button){transition:none;transform:none!important}}
/* A calm chat composer: creation choices live behind its plus button. */
#agent #agcreativetools[hidden]{display:none!important}
.ag .ag-comp{position:relative}
.ag .ag-comp:not(:has(.ag-budget:not([hidden]))){overflow:visible!important}
#agent #agcreativetools:not([hidden]){position:absolute;z-index:6;bottom:calc(100% - 4px);left:16px;display:flex;flex-direction:column;align-items:stretch;gap:4px;width:260px;max-width:calc(100% - 32px);padding:9px;border:0;border-radius:20px;background:linear-gradient(135deg,#292641f7,#182335fa);box-shadow:0 16px 50px #0007,0 0 28px #8952ff20;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}
#agent #agcreativetools button{width:100%;justify-content:flex-start;min-height:42px;padding:10px 12px;border:0;border-radius:12px;font-size:13px;text-align:left}
.ag #agattach[aria-expanded=true]{background:#7653da55;transform:rotate(45deg)}
#v-home.agent-workspace .ag-recommend{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none;padding:8px 20px;scrollbar-width:none;gap:7px}
#v-home.agent-workspace .ag-recommend button{flex:none;font-size:12px;padding:8px 12px;min-height:34px;max-width:85vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ag-head #agedit{display:none}
@media(max-width:700px){#v-home.agent-workspace .ag-recommend{padding:7px 12px}#v-home.agent-workspace .ag-recommend button{font-size:11px;min-height:32px}#agent #agcreativetools:not([hidden]){left:10px;max-width:calc(100% - 20px)}}