main{--mode:#58e4ba;--mode-rgb:88,228,186;transition:background .45s ease}main[data-workspace-mode="chat"]{--mode:#58e4ba;--mode-rgb:88,228,186;background:radial-gradient(circle at 50% 32%,rgba(var(--mode-rgb),.09),transparent 29%),#101412}main[data-workspace-mode="code"]{--mode:#8a9cff;--mode-rgb:138,156,255;background:radial-gradient(circle at 48% 30%,rgba(var(--mode-rgb),.13),transparent 30%),linear-gradient(rgba(138,156,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(138,156,255,.035) 1px,transparent 1px),#0c0f18;background-size:auto,28px 28px,28px 28px}main[data-workspace-mode="image"]{--mode:#ff8cac;--mode-rgb:255,140,172;background:radial-gradient(circle at 50% 30%,rgba(var(--mode-rgb),.13),transparent 30%),radial-gradient(circle at 82% 82%,#704eaa18,transparent 28%),#150f14}
main .minimal-mark{transition:.4s}main .minimal-mark:before,main .minimal-mark:after{content:"";position:absolute;inset:-11px;border:1px solid rgba(var(--mode-rgb),.25);border-radius:18px;animation:modeRing 9s linear infinite}main .minimal-mark:after{inset:-20px;border-style:dashed;animation-direction:reverse;animation-duration:14s}@keyframes modeRing{to{transform:rotate(360deg)}}main .minimal-mark i{background:var(--mode);box-shadow:0 0 15px var(--mode)}.mode-kicker{display:block;margin-bottom:12px;color:var(--mode);font-size:9px;font-weight:800;letter-spacing:2px}.mode-description{max-width:520px;margin:10px auto 0;color:#8c9695;font-size:11px;line-height:1.8}.minimal-welcome h1{transition:.3s}.minimal-welcome.mode-switch{animation:modeWelcome .45s cubic-bezier(.2,.8,.2,1)}@keyframes modeWelcome{from{opacity:.2;transform:translateY(10px) scale(.98);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
main[data-workspace-mode="code"] .minimal-mark img{filter:hue-rotate(75deg) saturate(.85)}main[data-workspace-mode="code"] .minimal-welcome h1{font-family:Consolas,Vazirmatn,monospace;letter-spacing:-1px}main[data-workspace-mode="code"] .minimal-welcome h1:before{content:"< ";color:#7789e8}main[data-workspace-mode="code"] .minimal-welcome h1:after{content:" />";color:#7789e8}main[data-workspace-mode="image"] .minimal-mark img{filter:hue-rotate(290deg) saturate(1.15)}
main[data-workspace-mode="chat"] #composer{border-color:#47514c;background:#303531}main[data-workspace-mode="code"] #composer{border-color:#46517e;background:linear-gradient(145deg,#202536,#171b29);box-shadow:0 25px 75px #050711}main[data-workspace-mode="image"] #composer{border-color:#704758;background:linear-gradient(145deg,#35242d,#271a22);box-shadow:0 25px 75px #090306}main #modeBadge{color:var(--mode);background:rgba(var(--mode-rgb),.12);border:1px solid rgba(var(--mode-rgb),.23)}main .spark,main .model-glyph{color:var(--mode)!important;background:rgba(var(--mode-rgb),.12)!important;border-color:rgba(var(--mode-rgb),.25)!important}main .usage em{background:linear-gradient(90deg,rgba(var(--mode-rgb),.6),var(--mode))}main #composer>textarea::placeholder{color:rgba(var(--mode-rgb),.55)}main #composer>.composer-bottom>button:last-child{background:linear-gradient(145deg,var(--mode),rgba(var(--mode-rgb),.65));box-shadow:0 10px 28px rgba(var(--mode-rgb),.25)}
main[data-workspace-mode="code"] .bubble{border-color:#303957;background:#151a28}main[data-workspace-mode="code"] .bubble p{font-family:Consolas,Vazirmatn,monospace;line-height:1.85}main[data-workspace-mode="image"] .bubble{border-color:#553341;background:#21171c}main[data-workspace-mode="image"] .bubble img{border:1px solid #75485b;box-shadow:0 18px 50px #0008}
@media(max-width:700px){.mode-description{max-width:310px;font-size:9px}.mode-kicker{font-size:8px}.minimal-mark:after{display:none}main[data-workspace-mode="code"]{background-size:auto,22px 22px,22px 22px}}