.chat-color-dialog{width:min(720px,calc(100vw - 24px));max-height:90dvh;box-sizing:border-box;padding:22px;border:1px solid #ffffff16;border-radius:26px;background:#11121d;color:#f4f0ff;box-shadow:0 30px 100px #000a;overflow-y:auto}.chat-color-dialog::backdrop{background:#03050cbb;backdrop-filter:blur(12px)}.chat-color-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.chat-color-dialog h2{font:700 23px var(--sans);margin:0}.chat-color-dialog header p{font-size:12px;color:#aaa6bd;margin:7px 0 0}.chat-color-dialog [data-close]{width:36px;height:36px;border-radius:50%;background:#ffffff0a;border:0;color:#dcd5ed;font-size:23px;cursor:pointer}.chat-color-dialog .vaia-alchemy{margin:18px 0;border:0;background:none;border-radius:0;overflow:visible}.chat-color-dialog .vx-alchemy-stage{padding:20px 4px;min-height:90px;overflow:visible;background:none}.chat-color-dialog .vx-alchemy-tabs,.chat-color-dialog .vx-alchemy-bottom,.chat-color-dialog .vx-alchemy-tonal{display:none}.chat-color-dialog .vx-alchemy-custom{padding:10px 0}.chat-color-dialog .vx-alchemy-pigments{grid-template-columns:repeat(2,minmax(0,1fr))}.chat-color-dialog .vx-alchemy-well{padding:10px}.chat-color-dialog .vx-harmony-options{grid-template-columns:repeat(5,minmax(0,1fr))}.chat-color-dialog .vx-harmony-options button{font-size:10px;min-height:76px}.chat-color-dialog .vx-harmonies>p{font-size:11px}
.cc-preview{position:relative;isolation:isolate;display:flex;align-items:center;gap:14px;width:100%;border-radius:30px;background:#191923;padding:16px 21px;font-size:14px;color:#b9b4c8}.cc-preview .chat-brand-mark{margin-left:auto;flex:none}.cc-preview::before{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;z-index:-1;background:conic-gradient(from var(--vaia-rim-angle),var(--chat-rim-stops));mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:vaia-rim-flow 8s linear infinite;pointer-events:none}
.chat-color-dialog footer{position:sticky;bottom:-22px;display:flex;align-items:center;gap:8px;padding:15px 0;background:#11121df7;margin-bottom:-15px}.chat-color-dialog footer span{flex:1;font-size:11px;color:#9590a9}.chat-color-dialog footer button{padding:11px 16px;border:0;border-radius:99px;font:600 12px var(--sans);cursor:pointer;color:#e8dff8;background:#ffffff0d}.chat-color-dialog [data-save]{background:linear-gradient(120deg,#8a42ee,#4d72ff);color:#fff}.chat-color-dialog button:focus-visible{outline:2px solid #dac6ff;outline-offset:3px}
/* Exact alpha silhouette of the supplied logo; the source PNG is unchanged. */
.chat-brand-mark{display:block;width:35px;height:39px;background:linear-gradient(135deg,var(--chat-rim-stops,#3b82f6,#60a5fa,#38bdf8,#3b82f6));background-size:230% 230%;mask:url('/media/veditx-chat-logo.png') center/contain no-repeat;-webkit-mask:url('/media/veditx-chat-logo.png') center/contain no-repeat;animation:chat-mark-flow 8s ease-in-out infinite;transition:transform .25s,filter .25s}
#agent .ag-send:hover .chat-brand-mark{transform:translateY(-2px);filter:drop-shadow(0 0 7px #b38aff55)}
@keyframes chat-mark-flow{0%,100%{background-position:0% 20%}50%{background-position:100% 80%}}
@media(prefers-reduced-motion:reduce){.chat-brand-mark{animation:none;transition:none}}
@media(max-width:600px){.chat-color-dialog{padding:17px;max-height:94dvh}.chat-color-dialog .vx-harmony-options{grid-template-columns:repeat(3,minmax(0,1fr))}.chat-color-dialog footer{bottom:-17px;flex-wrap:wrap}.chat-color-dialog footer span{flex-basis:100%}.chat-color-dialog footer [data-reset]{margin-left:auto}.cc-preview{font-size:12px;padding:15px}.chat-color-dialog h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){.cc-preview::before{animation:none}}
.chat-color-dialog{width:min(790px,calc(100vw - 20px));padding:16px;max-height:calc(100dvh - 20px)}.chat-color-dialog .vaia-alchemy{margin:10px 0;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;align-items:start}.chat-color-dialog .vx-alchemy-stage{grid-column:1;grid-row:1/span 4;min-height:0;padding:12px 4px}.chat-color-dialog .vx-alchemy-custom,.chat-color-dialog .vx-alchemy-swatches{grid-column:2}.chat-color-dialog .vx-alchemy-pigments{grid-template-columns:repeat(4,minmax(0,1fr))}.chat-color-dialog footer{position:static;margin:0;padding:8px 0 0}.chat-color-dialog footer button{padding:9px 13px}.chat-color-dialog .cc-preview{font-size:11px;padding:12px;gap:6px}.chat-color-dialog header p{margin-top:4px}.chat-color-dialog .vx-harmonies{margin:4px 0}.chat-color-dialog .vx-alchemy-tabs{display:flex;grid-column:2}
@media(max-width:600px){.chat-color-dialog{padding:12px}.chat-color-dialog .vaia-alchemy{display:block;margin:5px 0}.chat-color-dialog .vx-alchemy-stage{padding:7px 3px}.chat-color-dialog .cc-preview{padding:8px 12px;height:44px}.chat-color-dialog h2{font-size:18px}.chat-color-dialog header p{display:none}.chat-color-dialog .vx-alchemy-custom{padding:5px 0}.chat-color-dialog .vx-alchemy-tabs{margin:5px 0}.chat-color-dialog footer{padding:5px 0 0;gap:5px}.chat-color-dialog footer span{flex-basis:auto;font-size:9px}.chat-color-dialog footer button{min-height:44px}.chat-color-dialog .vx-harmony-options button{min-height:44px}}