:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;--bg:#060810;--bg-soft:#0a0d17;--panel:#0d111d;--panel-2:#111624;--panel-3:#171d2d;--line:#ffffff13;--line-strong:#ffffff21;--text:#f4f7ff;--muted:#929bb0;--muted-2:#656e82;--cyan:#27d9ff;--blue:#168cff;--purple:#8258ff;--green:#28d99a;--danger:#ff5c7a;--gradient:linear-gradient(135deg, #28dcff 0%, #397eff 45%, #8553ff 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,input,textarea,select{color:inherit;font:inherit}button,select{cursor:pointer}button:disabled,select:disabled,input:disabled,textarea:disabled{cursor:not-allowed}button{border:0}a{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8a99b733 padding-box content-box;border:2px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#8a99b759 padding-box content-box;border:2px solid #0000}.brand{-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:inline-flex;position:relative}.flux-mark{background:linear-gradient(145deg,#1c2743eb,#070a13f0);border:1px solid #5bb8ff3d;border-radius:11px;flex:none;place-items:center;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff17,0 8px 26px #356fff33}.flux-mark:after{content:"";background:linear-gradient(110deg,#0000 38%,#ffffff29 50%,#0000 62%);position:absolute;inset:-40%;transform:translate(-55%)rotate(10deg)}.flux-mark svg{filter:drop-shadow(0 0 7px #28d1ff66);width:72%;height:72%}.brand-text{letter-spacing:.14em;align-items:baseline;gap:4px;font-size:18px;font-weight:750;display:flex}.brand-text span{color:#eef5ff}.brand-text strong{color:var(--cyan)}.brand-beta{color:#a9a6ff;letter-spacing:.12em;background:#6648ff1a;border:1px solid #5b6dff47;border-radius:6px;align-items:center;gap:3px;margin-left:4px;padding:4px 6px;font-size:8px;font-weight:800;display:inline-flex}.brand-compact .brand-text{font-size:16px}.app-splash{background:radial-gradient(circle at 50% 45%, #415fff21, transparent 25%), var(--bg);place-content:center;place-items:center;gap:16px;width:100vw;height:100dvh;display:grid}.app-splash>span{color:#e8efff;letter-spacing:.24em;margin-top:3px;font-size:15px;font-weight:800}.splash-logo{animation:2s ease-in-out infinite splash-float}.splash-line{background:#ffffff0f;border-radius:10px;width:130px;height:2px;overflow:hidden}.splash-line i{border-radius:inherit;background:var(--gradient);width:50%;height:100%;animation:1.1s ease-in-out infinite splash-loading;display:block}@keyframes splash-float{50%{transform:translateY(-5px)}}@keyframes splash-loading{0%{transform:translate(-110%)}to{transform:translate(220%)}}.auth-page{background:#060810;grid-template-columns:minmax(480px,1.08fr) minmax(460px,.92fr);min-height:100dvh;display:grid;position:relative;overflow:hidden}.auth-page:before{z-index:0;pointer-events:none;content:"";opacity:.18;background-image:linear-gradient(#5b6d9124 1px,#0000 1px),linear-gradient(90deg,#5b6d9124 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 72%);mask-image:linear-gradient(90deg,#000,#0000 72%)}.auth-ambient{z-index:0;pointer-events:none;filter:blur(120px);opacity:.13;border-radius:50%;width:520px;height:520px;position:absolute}.auth-ambient-one{background:#1eaaff;top:-180px;left:-120px}.auth-ambient-two{background:#6738ff;bottom:-210px;right:-170px}.auth-showcase,.auth-form-side{z-index:1;position:relative}.auth-showcase{border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:48px clamp(48px,7vw,110px);display:flex}.showcase-copy{max-width:620px;margin:auto 0;padding:70px 0}.eyebrow,.welcome-badge,.admin-kicker{color:#66dfff;letter-spacing:.2em;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.live-pulse{background:var(--green);width:6px;height:6px;box-shadow:0 0 0 5px #28d99a17, 0 0 16px var(--green);border-radius:50%}.showcase-copy h1{letter-spacing:-.055em;margin:24px 0 22px;font-size:clamp(46px,5.5vw,76px);font-weight:720;line-height:.98}.showcase-copy h1 span{color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text}.showcase-copy>p{color:#99a4b9;max-width:560px;margin:0;font-size:18px;line-height:1.65}.feature-pills{grid-template-columns:repeat(2,1fr);gap:11px;max-width:570px;margin-top:42px;display:grid}.feature-pills div{border:1px solid var(--line);color:#c7cfdf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d121f9e;border-radius:12px;align-items:center;gap:10px;padding:13px 15px;font-size:13px;display:flex}.feature-pills svg{color:#4ccff7}.showcase-footer{color:#566073;margin:0;font-size:11px}.auth-form-side{background:radial-gradient(circle at 70% 30%,#6542ff12,#0000 34%);place-items:center;min-height:100dvh;padding:40px;display:grid}.mobile-brand{display:none}.auth-card{border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0d111dd4;border-radius:22px;width:min(100%,440px);padding:38px;position:relative;overflow:hidden;box-shadow:0 28px 90px #0000006b,inset 0 1px #ffffff0b}.auth-card-glow{pointer-events:none;filter:blur(80px);opacity:.12;background:#654cff;border-radius:50%;width:190px;height:190px;position:absolute;top:-80px;right:-60px}.auth-heading{align-items:flex-start;gap:14px;margin-bottom:32px;display:flex;position:relative}.auth-icon{width:42px;height:42px;color:var(--cyan);background:#21a4ff14;border:1px solid #3ec1ff33;border-radius:12px;flex:none;place-items:center;display:grid}.auth-heading h2{letter-spacing:-.025em;margin:0 0 6px;font-size:25px}.auth-heading p{color:var(--muted);margin:0;font-size:13px}.auth-card form{gap:18px;display:grid;position:relative}.auth-card label>span{color:#b6bfd0;margin:0 0 8px;font-size:12px;font-weight:650;display:block}.auth-card input{border:1px solid var(--line-strong);color:#edf2ff;background:#04070ea3;border-radius:11px;outline:none;width:100%;height:48px;padding:0 14px;transition:all .2s}.auth-card input::placeholder{color:#515b70}.auth-card input:focus{border-color:#2ac3ff94;box-shadow:0 0 0 3px #1fb1ff14}.password-field{position:relative}.password-field input{padding-right:47px}.password-field button{color:#69748a;background:0 0;border-radius:7px;place-items:center;padding:7px;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-field button:hover{color:#c5cede;background:#ffffff0a}.form-error,.admin-error{color:#ff9caf;background:#ff3e6212;border:1px solid #ff5c7a40;border-radius:9px;padding:11px 13px;font-size:12px;line-height:1.4}.primary-auth-button{color:#fff;background:var(--gradient);border-radius:11px;justify-content:center;align-items:center;gap:10px;height:49px;margin-top:3px;padding:0 18px;font-weight:720;transition:all .2s;display:flex;box-shadow:0 12px 30px #3567ff3d}.google-auth-button{color:#f8fafc;background:#ffffff0f;border:1px solid #94a3b847;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;font-weight:700;text-decoration:none;transition:border-color .16s,background .16s;display:flex}.google-auth-button:hover{background:#ffffff1a;border-color:#38bdf8b3}.google-g{color:#4285f4;background:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font:800 16px/1 Arial,sans-serif;display:grid}.auth-divider{color:#64748b;text-transform:uppercase;align-items:center;gap:12px;margin:17px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#94a3b82e;flex:1;height:1px}.primary-auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 36px #3567ff57}.primary-auth-button:disabled{opacity:.6}.auth-switch{color:var(--muted);text-align:center;margin:27px 0 0;font-size:12px}.auth-switch button{color:#56d6ff;background:0 0;padding:0;font-weight:700}.auth-switch button:hover{text-decoration:underline}.auth-note{border-top:1px solid var(--line);color:#555f73;text-align:center;margin:23px 0 0;padding-top:18px;font-size:10px}.chat-layout{background:radial-gradient(circle at 76% 13%, #4943b40e, transparent 27%), var(--bg);width:100vw;height:100dvh;overflow:hidden}.sidebar{z-index:40;border-right:1px solid var(--line);background:linear-gradient(#0b0e17,#080b13 72%);flex-direction:column;width:286px;padding:16px 12px 12px;transition:transform .25s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:16px 0 50px #0000001f}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:35;visibility:hidden;opacity:0;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008f;transition:all .22s;position:fixed;inset:0}.sidebar-header{justify-content:space-between;align-items:center;height:44px;padding:0 4px;display:flex}.icon-button{color:#7e889b;background:0 0;border-radius:9px;place-items:center;width:34px;height:34px;padding:0;transition:all .17s;display:inline-grid}.icon-button:hover{color:#e2e7f2;background:#ffffff0e}.new-chat-button{color:#dcecff;background:linear-gradient(110deg,#1973da21,#6842ff1a);border:1px solid #439eff3d;border-radius:10px;align-items:center;gap:10px;height:43px;margin:19px 1px 10px;padding:0 12px;font-size:13px;font-weight:650;transition:all .18s;display:flex}.new-chat-button:hover{background:linear-gradient(110deg,#1973da38,#6842ff29);border-color:#40b6ff73}.new-chat-button svg{color:#55d2ff}.new-chat-button kbd{border:1px solid var(--line);color:#596377;background:#00000030;border-radius:5px;margin-left:auto;padding:3px 5px;font-family:inherit;font-size:8px}.sidebar-search{color:#596476;background:#ffffff06;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;height:34px;margin:2px 1px 12px;padding:0 9px;display:flex}.sidebar-search:focus-within{border-color:var(--line-strong);background:#ffffff0a}.sidebar-search input{color:#cad2e0;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.sidebar-search input::placeholder{color:#555e70}.sidebar-search button{color:#697489;background:0 0;place-items:center;padding:2px;display:grid}.conversation-list{flex:1;min-height:0;padding:0 1px;overflow-y:auto}.conversation-group{margin-bottom:18px}.conversation-group-label{color:#596276;letter-spacing:.08em;text-transform:uppercase;padding:0 10px 7px;font-size:9px;font-weight:750}.conversation-item{color:#8f99ad;border-radius:8px;align-items:center;height:36px;margin-bottom:2px;transition:all .15s;display:flex;position:relative}.conversation-item:hover,.conversation-item.active{color:#e3e8f2;background:#ffffff0c}.conversation-item.active:before{content:"";background:var(--cyan);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:0;box-shadow:0 0 9px #27d9ff8c}.conversation-main{min-width:0;height:100%;color:inherit;text-align:left;background:0 0;flex:1;align-items:center;gap:9px;padding:0 10px;display:flex}.conversation-main svg{color:#5c687d;flex:none}.conversation-main span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.conversation-main input{background:#0a0e18;border:1px solid #37b9ff66;border-radius:4px;outline:0;width:100%;min-width:0;padding:3px 5px;font-size:11px}.conversation-actions{align-items:center;padding-right:5px;display:none}.conversation-item:hover .conversation-actions{display:flex}.conversation-actions button{color:#778197;background:#101521;border-radius:5px;place-items:center;width:25px;height:25px;padding:0;display:grid}.conversation-actions button:hover{color:#fff;background:#1b2231}.conversation-actions button:last-child:hover{color:#ff8da3}.no-conversations{color:#515b6e;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:45px 24px;font-size:11px;line-height:1.5;display:flex}.sidebar-footer{border-top:1px solid var(--line);padding-top:10px}.sidebar-admin-link{color:#8994a8;border-radius:8px;align-items:center;gap:9px;height:36px;margin-bottom:7px;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.sidebar-admin-link:hover{color:#c5bcff;background:#6f50ff14}.sidebar-user{align-items:center;gap:9px;padding:8px 5px;display:flex}.user-avatar,.table-avatar{color:#92e9ff;background:linear-gradient(145deg,#1881cf33,#6c41e62e);border:1px solid #57bbff3b;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:800;display:grid}.user-meta{flex:1;min-width:0}.user-meta strong,.user-meta span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.user-meta strong{color:#cdd5e4;font-size:11px}.user-meta span{color:#535d70;margin-top:2px;font-size:9px}.mobile-only{display:none}.chat-main{flex-direction:column;min-width:0;height:100dvh;margin-left:0;transition:margin-left .25s cubic-bezier(.22,1,.36,1);display:flex}.chat-layout.has-sidebar .chat-main{margin-left:286px}.chat-topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060810c2;flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 22px;display:flex;position:relative}.topbar-left,.topbar-actions{align-items:center;gap:13px;min-width:0;display:flex}.current-chat-title{min-width:0}.current-chat-title span,.current-chat-title small{display:block}.current-chat-title span{color:#dce3ef;text-overflow:ellipsis;white-space:nowrap;max-width:min(33vw,370px);font-size:12px;font-weight:650;overflow:hidden}.current-chat-title small{color:#566075;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:8px;font-weight:600}.model-selector{border:1px solid var(--line);color:#788398;background:#ffffff06;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 9px;display:flex;position:relative}.model-selector:hover{border-color:var(--line-strong);background:#ffffff0a}.model-selector select{appearance:none;color:#b9c2d2;background:0 0;border:0;outline:0;padding:0 18px 0 0;font-size:10px;font-weight:650}.model-selector select option{color:#dfe6f4;background:#111624}.model-selector>svg:last-child{pointer-events:none;position:absolute;right:7px}.usage-display{border-left:1px solid var(--line);align-items:center;gap:8px;height:36px;padding:0 10px 0 7px;display:flex}.usage-ring{background:conic-gradient(var(--cyan) var(--usage-progress), #ffffff14 0);border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:relative}.usage-ring:after{content:"";background:#080b13;border-radius:50%;width:21px;height:21px}.usage-ring i{z-index:1;background:var(--cyan);border-radius:50%;width:3px;height:3px;position:absolute}.usage-copy strong,.usage-copy small{display:block}.usage-copy strong{color:#dce7f7;font-size:11px;line-height:1}.usage-copy small{color:#5d687c;margin-top:3px;font-size:8px}.chat-scroll-area{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.welcome-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:min(100%,850px);min-height:100%;margin:0 auto;padding:60px 32px 34px;display:flex}.welcome-logo-wrap{margin-bottom:22px;position:relative}.welcome-logo-glow{filter:blur(38px);opacity:.17;background:#425cff;border-radius:50%;position:absolute;inset:-35px}.welcome-logo-wrap .flux-mark{border-radius:17px}.welcome-badge{background:#237ed70f;border:1px solid #48c0ff26;border-radius:6px;padding:5px 8px;font-size:8px}.welcome-state h1{letter-spacing:-.045em;margin:17px 0 10px;font-size:clamp(30px,4vw,45px);font-weight:690}.welcome-state>p{color:#7f899e;max-width:530px;margin:0;font-size:13px;line-height:1.6}.page-loader,.admin-loading{color:#697489;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:11px;display:flex}.page-loader>span{border:2px solid #ffffff14;border-top-color:var(--cyan);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.messages-list{width:min(100%,920px);margin:0 auto;padding:34px 30px 28px}.message{width:100%;margin-bottom:30px;display:flex}.message-user{justify-content:flex-end}.user-bubble{color:#e8edf7;white-space:pre-wrap;background:linear-gradient(135deg,#215ca747,#543da840);border:1px solid #4d99ff26;border-radius:16px 16px 4px;max-width:min(75%,650px);padding:12px 16px;font-size:13px;line-height:1.62;box-shadow:inset 0 1px #ffffff09}.message-assistant{align-items:flex-start;gap:13px}.assistant-avatar{flex:none;margin-top:1px}.assistant-avatar .flux-mark{border-radius:8px}.assistant-body{flex:1;min-width:0;max-width:calc(100% - 44px)}.assistant-name{color:#aeb8ca;letter-spacing:.04em;align-items:center;gap:8px;height:24px;font-size:10px;font-weight:750;display:flex}.thinking-dot{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 10px var(--cyan);border-radius:50%;animation:1s ease-in-out infinite pulse}.markdown-body{color:#c9d1df;overflow-wrap:anywhere;font-size:13px;line-height:1.75}.markdown-body>:first-child{margin-top:0}.markdown-body>:last-child{margin-bottom:0}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body pre,.markdown-body blockquote,.markdown-body table{margin:0 0 14px}.markdown-body ul,.markdown-body ol{padding-left:22px}.markdown-body li{margin:4px 0}.markdown-body h1,.markdown-body h2,.markdown-body h3{color:#edf2fa;margin:22px 0 9px;line-height:1.3}.markdown-body h1{font-size:21px}.markdown-body h2{font-size:17px}.markdown-body h3{font-size:14px}.markdown-body a{color:#4fd9ff;text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body code{color:#b6ddff;background:#101725;border:1px solid #ffffff14;border-radius:5px;padding:2px 5px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88em}.markdown-body pre{border:1px solid var(--line);background:#080c14;border-radius:11px;padding:16px;overflow-x:auto}.markdown-body pre code{color:#c8d4e7;background:0 0;border:0;padding:0;line-height:1.6}.markdown-body blockquote{color:#8e9bb0;border-left:2px solid #3aaeea;padding:4px 0 4px 14px}.markdown-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.markdown-body th,.markdown-body td{border:1px solid var(--line-strong);text-align:left;padding:8px 11px}.markdown-body th{color:#e2e8f3;background:#ffffff09}.message-action{color:#596579;background:0 0;border-radius:6px;align-items:center;gap:5px;margin-top:9px;padding:5px 7px;font-size:9px;display:flex}.message-action:hover{color:#acb6c7;background:#ffffff0a}.typing-loader{align-items:center;gap:4px;height:28px;display:flex}.typing-loader span{background:#5a6880;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite typing}.typing-loader span:nth-child(2){animation-delay:.15s}.typing-loader span:nth-child(3){animation-delay:.3s}@keyframes typing{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;background:var(--cyan);transform:translateY(-4px)}}@keyframes pulse{50%{opacity:.35;transform:scale(.75)}}.composer-shell{z-index:18;background:linear-gradient(#06081000,#060810 35%);flex:none;width:100%;padding:10px max(22px,50% - 430px) 11px;position:relative}.composer{background:#101522f2;border:1px solid #ffffff1d;border-radius:16px;padding:10px 10px 8px 14px;transition:all .2s;box-shadow:0 15px 45px #00000040,inset 0 1px #ffffff06}.composer-disabled{opacity:.58}.composer textarea{resize:none;color:#e8edf6;background:0 0;border:0;outline:0;width:100%;min-height:29px;max-height:180px;padding:4px 2px;font-size:13px;line-height:1.6;display:block}.composer textarea::placeholder{color:#626c80}.composer-image-preview{background:#1f679a14;border:1px solid #55beff33;border-radius:11px;align-items:center;gap:8px;width:fit-content;max-width:260px;margin:0 0 10px;padding:5px 34px 5px 5px;display:flex;position:relative}.composer-image-preview img{object-fit:cover;border-radius:7px;width:46px;height:46px}.composer-image-preview span{color:#aab7ca;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.composer-image-preview button,.image-mode-banner button{color:#778499;background:#ffffff0a;border-radius:6px;place-items:center;padding:4px;display:grid}.composer-image-preview button{position:absolute;top:6px;right:6px}.image-mode-banner{color:#b5a7ff;background:#714ceb1a;border:1px solid #8764ff3d;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:8px;padding:6px 7px 6px 9px;font-size:9px;font-weight:700;display:flex}.edit-source-preview{background:#1c89be17;border-color:#26d0ff40}.edit-mode-banner{color:#79e5ff;background:#23a6dd1a;border-color:#29cfff40}.composer-bottom{justify-content:space-between;align-items:flex-end;min-height:29px;display:flex}.composer-tools{align-items:center;gap:4px;min-width:0;display:flex}.composer-tool{color:#667287;background:0 0;border-radius:8px;place-items:center;width:29px;height:29px;padding:0;transition:all .16s;display:grid}.composer-tool:hover:not(:disabled),.composer-tool.active{color:#55d9ff;background:#2b9fe217}.composer-tool.active{color:#ae9bff;background:#744eee21}.composer-tool:disabled{opacity:.35}.character-count{color:#4d576b;padding:0 3px;font-size:8px}.message-image{object-fit:contain;background:#080b13;border:1px solid #ffffff1a;border-radius:14px;width:100%;max-width:620px;max-height:620px;display:block}.user-bubble:has(.user-image){border-radius:17px 17px 5px;width:min(78%,520px);padding:7px}.user-bubble .user-image{object-fit:cover;border:0;border-radius:11px;max-height:420px}.user-bubble>span{padding:8px 9px 5px;display:block}.generated-image-card{background:linear-gradient(145deg,#111726f0,#090d16f0);border:1px solid #ffffff17;border-radius:17px;width:min(100%,480px);margin:0 0 14px;padding:7px;box-shadow:0 20px 55px #00000038}.generated-image-card img{border:0;border-radius:11px;max-width:100%;max-height:480px}.generated-image-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.generated-image-actions a,.generated-image-actions button{color:#91a0b6;background:#ffffff09;border-radius:7px;align-items:center;gap:6px;margin:7px 3px 1px;padding:7px 9px;font-size:9px;font-weight:650;text-decoration:none;display:inline-flex}.generated-image-actions a:hover,.generated-image-actions button:hover:not(:disabled){color:#59d8ff;background:#35a2e514}.generated-image-actions button:disabled{cursor:not-allowed;opacity:.45}.character-count.warning{color:#ff9a75}.send-button{color:#fff;background:var(--gradient);border-radius:9px;place-items:center;width:31px;height:31px;transition:all .16s;display:grid;box-shadow:0 6px 17px #3671ff3d}.send-button:hover:not(:disabled){transform:translateY(-1px)}.send-button:disabled{color:#5e687b;box-shadow:none;background:#1b2230}.send-button.stop{color:#f3f5fa;box-shadow:none;background:#2a3140}.ai-disclaimer{color:#444e61;text-align:center;margin:8px 0 0;font-size:8px}.toast{z-index:80;color:#ffb1bf;background:#1d0f17f2;border:1px solid #ff688140;border-radius:10px;align-items:center;gap:12px;max-width:420px;padding:11px 10px 11px 14px;font-size:11px;animation:.2s ease-out toast-in;display:flex;position:absolute;bottom:105px;right:24px;box-shadow:0 18px 50px #0006}.toast button{color:#b17380;background:0 0;border-radius:5px;place-items:center;padding:4px;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.chat-main{isolation:isolate;background:radial-gradient(circle at 50% 18%,#346bff16,#0000 32%),radial-gradient(circle at 83% 54%,#754bff0b,#0000 25%),#060810;position:relative}.chat-main:before{z-index:-1;content:"";pointer-events:none;opacity:.22;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:64px 0 0;-webkit-mask-image:linear-gradient(#000,#0000 65%);mask-image:linear-gradient(#000,#0000 65%)}.chat-topbar{background:#060810d1;border-bottom-color:#fff1;height:72px;padding:0 26px;box-shadow:0 1px #0000004d}.current-chat-title span{color:#eef3fc;letter-spacing:-.01em;font-size:13px;font-weight:700}.current-chat-title small{color:#657188;align-items:center;gap:5px;font-size:8px;display:flex}.current-chat-title small:before{content:"";background:#35d49a;border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #35d49a8c}.model-picker{position:relative}.model-selector{color:#a9b5ca;background:linear-gradient(145deg,#141a2aeb,#0b0f1aeb);border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:9px;width:178px;height:46px;padding:0 10px 0 8px;display:flex;box-shadow:inset 0 1px #ffffff09,0 8px 24px #0000001f}.model-selector:hover,.model-selector.is-open{background:linear-gradient(145deg,#171f32fa,#0d121efa);border-color:#47b8ff47}.model-selector.minecraft-active{background:linear-gradient(145deg,#112822f2,#0a1616f2);border-color:#5bda6f40}.model-selector.minecraft-active:hover,.model-selector.minecraft-active.is-open{background:linear-gradient(145deg,#153027fa,#0a1a18fa);border-color:#68eb806e}.model-selector.minecraft-active .model-selector-icon{color:#7eea8c;background:#4dd3631a;border-color:#68eb8033}.model-selector-icon,.model-option-icon{color:#50d8ff;background:#25a9f017;flex:none;place-items:center;display:grid}.model-selector-icon{border:1px solid #41c2ff24;border-radius:8px;width:29px;height:29px}.model-selector-copy{text-align:left;flex:1;min-width:0}.model-selector-copy small,.model-selector-copy strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.model-selector-copy small{color:#58647a;letter-spacing:.1em;text-transform:uppercase;margin-bottom:2px;font-size:7px;font-weight:750}.model-selector-copy strong{color:#dbe5f5;font-size:10px;font-weight:700}.model-chevron{color:#657188;transition:transform .18s}.model-selector.is-open .model-chevron{transform:rotate(180deg)}.model-menu{z-index:100;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#0c101bfa;border:1px solid #ffffff1c;border-radius:14px;width:248px;padding:7px;animation:.16s ease-out model-menu-in;position:absolute;top:calc(100% + 9px);right:0;overflow:hidden;box-shadow:0 24px 70px #00000085,inset 0 1px #ffffff09}@keyframes model-menu-in{0%{opacity:0;transform:translateY(-5px)scale(.98)}}.model-menu-label{color:#5b667a;letter-spacing:.1em;text-transform:uppercase;padding:7px 9px 8px;font-size:8px;font-weight:750}.model-menu-divider{background:#ffffff12;height:1px;margin:6px 7px 3px}.model-menu>button{color:#778399;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:10px;width:100%;min-height:55px;padding:8px 9px;display:flex}.model-menu>button:hover,.model-menu>button.selected{color:#54d9ff;background:#3697e614}.model-menu>button.minecraft-option:hover,.model-menu>button.minecraft-option.selected{color:#7eea8c;background:linear-gradient(135deg,#39b85b1f,#18877c14)}.model-menu>button.minecraft-option .model-option-icon{color:#7eea8c;background:#4dd3631a}.model-option-icon{border-radius:8px;width:31px;height:31px}.model-menu>button>span:nth-child(2){flex:1;min-width:0}.model-menu strong,.model-menu small{display:block}.model-menu strong{color:#dce5f3;font-size:10px}.model-menu small{color:#657187;margin-top:4px;font-size:8px}.usage-display{border-left-color:#ffffff12;height:42px;padding-left:11px}.usage-copy strong{font-size:12px}.welcome-state{width:min(100%,980px);padding:54px 38px 30px}.welcome-logo-wrap{margin-bottom:18px}.welcome-logo-wrap .flux-mark{border-radius:19px;box-shadow:inset 0 1px #ffffff1f,0 18px 55px #2f6eff3d}.minecraft-welcome .welcome-logo-glow{opacity:.2;background:linear-gradient(135deg,#52db67,#16bfd0)}.minecraft-mark-badge{color:#8df29a;background:#10231f;border:1px solid #82ef926b;border-radius:9px;place-items:center;width:29px;height:29px;display:grid;position:absolute;bottom:-6px;right:-8px;box-shadow:0 8px 24px #1db26245}.welcome-badge{color:#66dcff;letter-spacing:.14em;background:#1e86d314;border-color:#4bc8ff33;border-radius:999px;padding:6px 10px;font-size:8px}.welcome-state h1{color:#f5f8ff;letter-spacing:-.052em;margin:20px 0 13px;font-size:clamp(35px,4.25vw,56px);font-weight:720;line-height:1.08}.welcome-state h1 span{color:#0000;background:linear-gradient(100deg,#65e2ff 8%,#75a8ff 50%,#a387ff 92%);-webkit-background-clip:text;background-clip:text}.welcome-state>p{color:#8692a8;max-width:610px;font-size:13px}.minecraft-welcome .welcome-badge{color:#83ee91;background:#37b75314;border-color:#76e8873b}.minecraft-welcome h1 span{background:linear-gradient(100deg,#91f398 8%,#57dfb1 48%,#58d8ef 92%);-webkit-background-clip:text;background-clip:text}.minecraft-capabilities{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:720px;margin-top:28px;display:flex}.minecraft-capabilities span,.empty-state-hint{color:#78869b;letter-spacing:.015em;background:#0e141fa8;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:7px;min-height:31px;padding:0 12px;font-size:9px;font-weight:650;display:inline-flex}.minecraft-capabilities span{color:#8da99b;background:#19362a6b;border-color:#67de7e21}.empty-state-hint{margin-top:28px}.conversation-main svg.minecraft-conversation-icon{color:#75df86}.composer-shell{background:linear-gradient(#06081000,#060810 32%);padding-top:14px;padding-left:max(26px,50% - 455px);padding-right:max(26px,50% - 455px)}.composer{background:linear-gradient(145deg,#121827fa,#0c101cfa);border-color:#ffffff21;border-radius:18px;padding:12px 11px 9px 16px;box-shadow:0 18px 55px #0000004d,inset 0 1px #ffffff09}.composer:focus-within{border-color:#42bcff73;box-shadow:0 18px 58px #00000057,0 0 0 3px #239dff0e}.composer textarea{font-size:13px}.send-button{border-radius:10px;width:34px;height:34px}.admin-page{background:radial-gradient(circle at 78% 0%, #5338cf1f, transparent 27%), radial-gradient(circle at 8% 20%, #1b8cd412, transparent 22%), var(--bg);width:100vw;height:100dvh;overflow-y:auto}.admin-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060810d1;justify-content:space-between;align-items:center;height:66px;padding:0 max(24px,50% - 620px);display:flex;position:sticky;top:0}.admin-header-right{align-items:center;gap:18px;display:flex}.admin-identity,.back-to-chat{align-items:center;gap:7px;font-size:10px;display:flex}.admin-identity{color:#8d99ad}.admin-identity svg{color:#9073ff}.back-to-chat{border:1px solid var(--line);color:#b7c0cf;background:#ffffff06;border-radius:8px;height:34px;padding:0 11px;text-decoration:none}.back-to-chat:hover{border-color:var(--line-strong);background:#ffffff0d}.admin-content{width:min(100% - 48px,1240px);margin:0 auto;padding:50px 0 70px}.admin-title-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.admin-kicker{font-size:9px}.admin-title-row h1{letter-spacing:-.04em;margin:10px 0 7px;font-size:34px}.admin-title-row p,.users-panel-header p{color:#737e92;margin:0;font-size:12px}.refresh-button{border:1px solid var(--line-strong);color:#bac3d3;background:#ffffff09;border-radius:9px;align-items:center;gap:8px;height:37px;padding:0 13px;font-size:10px;display:flex}.refresh-button:hover:not(:disabled){background:#fff1}.admin-error{align-items:center;gap:9px;margin-top:20px;display:flex}.stats-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:32px;display:grid}.stat-card{border:1px solid var(--line);background:linear-gradient(145deg,#101523e0,#0a0e17d4);border-radius:13px;align-items:center;gap:13px;min-height:91px;padding:18px;display:flex;box-shadow:inset 0 1px #ffffff06}.stat-icon{border-radius:10px;flex:none;place-items:center;width:39px;height:39px;display:grid}.stat-icon.cyan{color:#41dcff;background:#21b7e617}.stat-icon.green{color:#39dba0;background:#29cc8f16}.stat-icon.purple{color:#9c7bff;background:#7a53ff1a}.stat-icon.orange{color:#ffa467;background:#f1843a17}.stat-icon.blue{color:#6da9ff;background:#427eec17}.stat-card strong,.stat-card span{display:block}.stat-card strong{color:#e8edf7;letter-spacing:-.03em;margin-bottom:5px;font-size:22px}.stat-card div>span{color:#657084;font-size:9px}.users-panel{border:1px solid var(--line);background:#0c101bd1;border-radius:15px;margin-top:22px;overflow:hidden;box-shadow:0 24px 70px #0000002e}.users-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:20px 22px;display:flex}.users-panel-header h2{margin:0 0 6px;font-size:16px}.users-panel-header p{font-size:10px}.admin-search{border:1px solid var(--line);color:#626d80;background:#00000026;border-radius:9px;align-items:center;gap:8px;width:240px;height:37px;padding:0 11px;display:flex}.admin-search:focus-within{border-color:#30b4ff4d}.admin-search input{color:#cbd3e0;background:0 0;border:0;outline:0;width:100%;font-size:10px}.admin-loading{flex-direction:row;min-height:280px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.user-table-wrap{overflow-x:auto}.user-table{border-collapse:collapse;width:100%;font-size:10px}.user-table th{border-bottom:1px solid var(--line);color:#5e697c;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap;background:#ffffff04;padding:11px 14px;font-size:8px;font-weight:750}.user-table td{color:#8e99ac;vertical-align:middle;border-bottom:1px solid #ffffff0b;padding:12px 14px}.user-table tr:last-child td{border-bottom:0}.user-table tbody tr:hover{background:#ffffff04}.user-table tr.disabled-user{opacity:.64}.table-user{align-items:center;gap:10px;min-width:190px;display:flex}.table-avatar{border-radius:9px;width:32px;height:32px}.table-user strong,.table-user small{text-overflow:ellipsis;white-space:nowrap;max-width:200px;display:block;overflow:hidden}.table-user strong{color:#cbd3e0;margin-bottom:3px;font-size:10px}.table-user strong i{color:#58dfff;background:#1fb8f017;border-radius:3px;margin-left:6px;padding:2px 4px;font-size:6px;font-style:normal}.table-user small{color:#5c667a;font-size:8px}.user-table select,.user-table input[type=number]{border:1px solid var(--line);color:#9ca7b9;background:#0a0e18;border-radius:7px;outline:0;height:31px;font-size:9px}.user-table select{min-width:75px;padding:0 8px}.user-table input[type=number]{width:76px;padding:0 8px}.user-table input.invalid{border-color:#ff5c7a80}.table-usage{min-width:90px}.table-usage>span{color:#737e92;margin-bottom:5px;font-size:8px;display:block}.table-usage>span b{color:#aab4c4}.table-usage>i{background:#ffffff0e;border-radius:10px;width:82px;height:3px;display:block;overflow:hidden}.table-usage>i span{border-radius:inherit;background:var(--gradient);height:100%;display:block}.status-toggle{color:#62d8ad;background:#28d99a13;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;display:inline-flex}.status-toggle span{background:currentColor;border-radius:50%;width:5px;height:5px}.status-toggle.is-disabled{color:#ff849b;background:#ff5c7a13}.save-user{color:#647084;background:#ffffff06;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:60px;height:30px;padding:0 9px;font-size:8px;display:inline-flex}.save-user.changed{color:#72dcff;background:#2392dd14;border-color:#3aa8ff38}.save-user:disabled{opacity:.62}.empty-user-search{color:#657084;text-align:center;padding:50px;font-size:11px}@media (width<=1120px){.stats-grid{grid-template-columns:repeat(3,1fr)}.messages-stat{grid-column:span 2}}@media (width<=900px){.auth-page{display:block;overflow-y:auto}.auth-showcase{display:none}.auth-form-side{min-height:100dvh;padding:90px 22px 32px}.mobile-brand{display:block;position:absolute;top:26px;left:24px}.chat-layout.has-sidebar .chat-main{margin-left:0}.sidebar-overlay.visible{visibility:visible;opacity:1}.mobile-only{display:block}.desktop-only{display:none}.chat-topbar{padding:0 14px}.current-chat-title{display:none}.messages-list{padding-left:20px;padding-right:20px}.composer-shell{padding-left:16px;padding-right:16px}.admin-content{width:min(100% - 30px,1240px);padding-top:34px}.admin-header{padding:0 16px}.admin-identity,.user-table thead{display:none}.user-table,.user-table tbody,.user-table tr,.user-table td{width:100%;display:block}.user-table tbody{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.user-table tr{border:1px solid var(--line);background:#ffffff05;border-radius:11px;padding:12px}.user-table td{border-bottom:1px solid #ffffff09;justify-content:space-between;align-items:center;gap:10px;min-height:37px;padding:6px 0;display:flex}.user-table td:before{content:attr(data-label);color:#566176;text-transform:uppercase;font-size:8px;font-weight:700}.user-table td:first-child{padding-bottom:12px;display:block}.user-table td:first-child:before{display:none}.user-table td:last-child{border-bottom:0}}@media (width<=640px){.auth-form-side{padding:84px 14px 24px;display:block}.auth-card{border-radius:17px;padding:27px 22px}.feature-pills{grid-template-columns:1fr}.sidebar{width:min(88vw,310px)}.model-selector{max-width:146px}.model-selector select{min-width:0;max-width:103px}.usage-display{padding-right:0}.usage-copy{display:none}.welcome-state{justify-content:flex-start;padding:40px 17px 20px}.welcome-logo-wrap{margin-top:20px}.welcome-state h1{font-size:29px}.messages-list{padding:25px 14px 20px}.message{margin-bottom:25px}.user-bubble{max-width:88%}.assistant-body{max-width:calc(100% - 39px)}.composer-shell{padding:8px 9px 7px}.character-count{visibility:hidden}.ai-disclaimer{margin-top:5px}.toast{max-width:none;bottom:101px;left:10px;right:10px}.admin-title-row{flex-direction:column;align-items:flex-start}.admin-title-row h1{font-size:29px}.stats-grid{grid-template-columns:repeat(2,1fr)}.messages-stat{grid-column:span 2}.stat-card{padding:13px}.stat-icon{width:34px;height:34px}.stat-card strong{font-size:18px}.users-panel-header{flex-direction:column;align-items:stretch}.admin-search{width:100%}.user-table tbody{grid-template-columns:1fr}}.public-page{color:#f4f7ff;scroll-behavior:smooth;background:radial-gradient(circle at 12% -8%,#1e97ff1a,#0000 32%),#060810;width:100%;height:100dvh;overflow:hidden auto}.public-page a:focus-visible,.public-page button:focus-visible{outline-offset:3px;outline:2px solid #37d8ff}.landing-shell,.public-header-inner,.public-footer-inner,.legal-shell,.secure-login-grid{width:min(1180px,100% - 48px);margin:0 auto}.public-header{z-index:90;-webkit-backdrop-filter:blur(20px)saturate(130%);backdrop-filter:blur(20px)saturate(130%);background:#060810c7;border-bottom:1px solid #ffffff12;position:sticky;top:0}.public-header-inner{justify-content:space-between;align-items:center;gap:32px;min-height:76px;display:flex}.public-brand-link{align-items:center;gap:12px;min-width:max-content;text-decoration:none;display:inline-flex}.public-brand-link>span{color:#68758c;letter-spacing:.08em;text-transform:uppercase;border-left:1px solid #ffffff1f;padding-left:12px;font-size:10px;font-weight:700}.public-nav{align-items:center;gap:30px;margin-left:auto;display:flex}.public-nav a,.header-quiet-link{color:#9ba6b9;font-size:13px;font-weight:580;text-decoration:none;transition:color .16s;position:relative}.public-nav a:hover,.header-quiet-link:hover{color:#f5f8ff}.public-header-actions{align-items:center;gap:20px;display:flex}.header-primary-link{color:#eaf8ff;background:linear-gradient(135deg,#199dff21,#724bff21);border:1px solid #53b7ff47;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-size:12px;font-weight:720;text-decoration:none;transition:all .18s;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.header-primary-link:hover{background:linear-gradient(135deg,#199dff33,#724bff33);border-color:#4dd3ff8c;transform:translateY(-1px)}.landing-hero{border-bottom:1px solid #ffffff0e;min-height:720px;position:relative;overflow:hidden}.landing-hero:before{pointer-events:none;content:"";opacity:.2;background-image:linear-gradient(#7b92bb29 1px,#0000 1px),linear-gradient(90deg,#7b92bb29 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.hero-glow{pointer-events:none;filter:blur(130px);opacity:.14;border-radius:50%;width:520px;height:520px;position:absolute}.hero-glow-one{background:#069fff;top:-240px;left:-120px}.hero-glow-two{background:#6c3dff;bottom:-310px;right:-170px}.hero-grid{z-index:1;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);align-items:center;gap:clamp(58px,7vw,105px);min-height:720px;padding:90px 0 88px;display:grid;position:relative}.landing-eyebrow{color:#63ddff;letter-spacing:.16em;text-transform:uppercase;background:#1c9be012;border:1px solid #2fcaff3b;border-radius:7px;align-items:center;gap:7px;width:max-content;padding:7px 10px;font-size:9px;font-weight:820;display:inline-flex}.hero-copy-block h1{letter-spacing:-.065em;max-width:670px;margin:25px 0 24px;font-size:clamp(48px,5.4vw,78px);font-weight:735;line-height:.98}.hero-copy-block h1 span{color:#0000;background:linear-gradient(100deg,#45dfff 0%,#4f8dff 48%,#956fff 100%);-webkit-background-clip:text;background-clip:text;display:block}.hero-lead{color:#9ca8bc;max-width:590px;margin:0;font-size:17px;line-height:1.7}.hero-actions{align-items:center;gap:12px;margin-top:34px;display:flex}.landing-primary-button,.landing-secondary-button{border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 19px;font-size:13px;font-weight:730;text-decoration:none;transition:all .18s;display:inline-flex}.landing-primary-button{color:#fff;background:linear-gradient(135deg,#12bcee,#397eff 51%,#7953ff);box-shadow:0 15px 35px #2669ff40,inset 0 1px #fff3}.landing-primary-button:hover{transform:translateY(-2px);box-shadow:0 19px 42px #2669ff57,inset 0 1px #ffffff3d}.landing-secondary-button{color:#bcc6d7;background:#ffffff06;border:1px solid #ffffff1c}.landing-secondary-button:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.hero-trust-row{flex-wrap:wrap;gap:9px 18px;margin-top:30px;display:flex}.hero-trust-row span{color:#707d94;align-items:center;gap:6px;font-size:10px;font-weight:620;display:inline-flex}.hero-trust-row svg{color:#4bcde8}.workspace-preview{background:#090c15;border:1px solid #8ca5d229;border-radius:18px;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-3deg)rotateX(1deg);box-shadow:0 45px 100px #0000007a,0 0 0 8px #ffffff05,inset 0 1px #ffffff0d}.workspace-preview:after{pointer-events:none;content:"";opacity:.2;background:linear-gradient(120deg,#0000 32%,#4ebbff1f,#0000 67%);width:70%;height:110%;position:absolute;top:-30%;right:-30%;transform:rotate(10deg)}.preview-topbar{background:#080b13e6;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:52px;padding:0 15px;display:flex}.preview-brand{color:#dce7f8;letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;font-weight:760;display:flex}.preview-status{color:#69768d;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;font-size:8px;font-weight:750;display:flex}.preview-status i{background:#28d99a;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #28d99aa6}.preview-body{grid-template-columns:128px 1fr;min-height:420px;display:grid}.preview-sidebar{background:#080b13;border-right:1px solid #ffffff0e;flex-direction:column;gap:13px;padding:17px 12px;display:flex}.preview-new-chat{color:#a9c8f1;background:#306dff0f;border:1px solid #4b99ff33;border-radius:7px;padding:10px 9px;font-size:8px;font-weight:700}.preview-line{background:#ffffff0e;border-radius:8px;width:58%;height:6px;display:block}.preview-line.wide{width:88%;margin-top:11px}.preview-line.medium{width:72%}.preview-conversation{background:radial-gradient(circle at 80% 8%,#4359e114,#0000 29%),#070a12;flex-direction:column;min-width:0;padding:35px 24px 20px;display:flex}.preview-message{border-radius:12px;font-size:10px;line-height:1.5}.user-preview-message{color:#d9e4f7;background:linear-gradient(135deg,#2369da2e,#6243bb29);border:1px solid #5d7cff38;border-bottom-right-radius:4px;max-width:72%;margin-left:auto;padding:12px 14px}.assistant-preview-message{color:#b3bfd2;align-items:flex-start;gap:10px;max-width:92%;margin-top:25px;display:flex}.assistant-preview-icon{color:#4edcff;background:#2391da14;border:1px solid #37caff2e;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.assistant-preview-message strong{color:#ecf4ff;margin:1px 0 10px;font-size:11px;display:block}.assistant-preview-message p{align-items:center;gap:6px;margin:6px 0;display:flex}.assistant-preview-message p svg{color:#31d7a0}.preview-composer{color:#59657a;background:#0e1320;border:1px solid #ffffff18;border-radius:11px;justify-content:space-between;align-items:center;min-height:48px;margin-top:auto;padding:0 9px 0 14px;font-size:9px;display:flex}.preview-composer i{color:#fff;background:linear-gradient(135deg,#1cbce9,#6555f5);border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.operator-strip{background:#ffffff03;border-bottom:1px solid #ffffff0f}.operator-strip .landing-shell{align-items:center;gap:15px;min-height:82px;display:flex}.operator-strip span{color:#566279;letter-spacing:.18em;font-size:8px;font-weight:800}.operator-strip strong{color:#d8e6f8;letter-spacing:.12em;font-size:13px}.operator-strip i{background:#ffffff1a;width:1px;height:24px;margin:0 8px}.operator-strip p{color:#737f93;margin:0;font-size:11px}.landing-section{padding:125px 0}.section-heading{max-width:700px;margin-bottom:54px}.section-heading>span{color:#49d6f8;letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:800}.section-heading h2,.security-copy h2,.landing-cta-card h2{letter-spacing:-.05em;margin:15px 0 17px;font-size:clamp(35px,4vw,52px);font-weight:690;line-height:1.05}.section-heading p,.security-copy>p{color:#8f9bb0;margin:0;font-size:15px;line-height:1.7}.feature-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.landing-feature-card{background:linear-gradient(145deg,#111727db,#090c15cc);border:1px solid #ffffff14;border-radius:16px;min-height:290px;padding:27px 25px;transition:all .2s;position:relative;overflow:hidden}.landing-feature-card:after{pointer-events:none;content:"";filter:blur(80px);opacity:.06;background:#3358ff;border-radius:50%;width:190px;height:190px;position:absolute;bottom:-100px;right:-80px}.landing-feature-card:hover{border-color:#4bc7ff33;transform:translateY(-4px)}.feature-card-number{color:#3f495d;letter-spacing:.12em;font-size:9px;font-weight:800;position:absolute;top:23px;right:23px}.feature-card-icon{color:#4ad7fa;background:#1c9be013;border:1px solid #37c3ff2e;border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.landing-feature-card h3{color:#edf4ff;letter-spacing:-.02em;margin:31px 0 12px;font-size:17px}.landing-feature-card p{color:#7e8a9f;margin:0;font-size:12px;line-height:1.7}.security-section{background:radial-gradient(circle at 25%,#1d8bee14,#0000 28%),#ffffff03;border-top:1px solid #ffffff0e;border-bottom:1px solid #ffffff0e;position:relative;overflow:hidden}.security-grid{grid-template-columns:minmax(360px,.85fr) minmax(0,1fr);align-items:center;gap:clamp(70px,9vw,130px);display:grid}.security-visual{place-items:center;min-height:430px;display:grid;position:relative}.security-core{z-index:3;color:#53ddff;background:linear-gradient(145deg,#1a4b7e7a,#0d111ff2);border:1px solid #3fd0ff57;border-radius:30px;place-items:center;width:108px;height:108px;display:grid;position:relative;transform:rotate(-4deg);box-shadow:0 0 60px #27b0ff2b,inset 0 1px #ffffff1a}.security-orbit{border:1px solid #45a9ff21;border-radius:50%;position:absolute}.security-orbit-one{width:260px;height:260px}.security-orbit-two{opacity:.65;border-style:dashed;width:390px;height:390px}.security-chip{z-index:4;color:#9eadc2;background:#0b0f1aeb;border:1px solid #ffffff1a;border-radius:9px;padding:9px 12px;font-size:9px;font-weight:680;position:absolute;box-shadow:0 12px 28px #00000040}.chip-google{top:62px;right:40px}.chip-session{bottom:62px;right:16px}.chip-control{bottom:103px;left:13px}.security-copy h2{max-width:620px}.security-copy ul{gap:13px;margin:30px 0;padding:0;list-style:none;display:grid}.security-copy li{color:#a9b5c7;align-items:center;gap:10px;font-size:12px;display:flex}.security-copy li svg{color:#36dba1}.security-copy>a{color:#54d7fa;align-items:center;gap:8px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.security-copy>a:hover{color:#a0ecff}.landing-cta-section{padding:92px 0}.landing-cta-card{background:radial-gradient(circle at 80% 20%,#6345ff24,#0000 30%),linear-gradient(135deg,#0f1b30e6,#0a0d17eb);border:1px solid #63a4ff2e;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:27px;min-height:190px;padding:42px 46px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.landing-cta-card:before{pointer-events:none;content:"";opacity:.12;background-image:linear-gradient(90deg,#0000 49%,#7a91bb40 50%,#0000 51%);background-size:70px 70px;position:absolute;inset:0}.cta-mark,.landing-cta-card>div,.landing-cta-card>a{z-index:1;position:relative}.cta-mark{background:#0609118c;border-radius:17px;place-items:center;width:68px;height:68px;display:grid}.landing-cta-card>div>span{color:#65dfff;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:800}.landing-cta-card h2{margin:9px 0 0;font-size:clamp(29px,3vw,42px)}.public-footer{background:#05070d;border-top:1px solid #fff1}.public-footer-inner{grid-template-columns:1fr auto;align-items:center;gap:25px 70px;min-height:190px;padding:43px 0;display:grid}.footer-brand-block{align-items:center;gap:20px;display:flex}.footer-brand-block p{color:#616d81;border-left:1px solid #ffffff17;margin:0;padding-left:20px;font-size:11px}.footer-brand-block a{color:#9eacc0;text-decoration:none}.public-footer nav{align-items:center;gap:25px;display:flex}.public-footer nav a{color:#7e899c;font-size:11px;text-decoration:none}.public-footer nav a:hover{color:#dbe5f4}.footer-copyright{color:#444d5d;border-top:1px solid #ffffff0e;grid-column:1/-1;margin:0;padding-top:20px;font-size:9px}.secure-login-page{background:radial-gradient(circle at 16% 22%,#0c98f017,#0000 29%),radial-gradient(circle at 83% 80%,#6240ff14,#0000 30%),#060810}.secure-login-main{min-height:calc(100dvh - 76px);position:relative;overflow:hidden}.secure-login-main:before{pointer-events:none;content:"";opacity:.14;background-image:linear-gradient(#758bb22b 1px,#0000 1px),linear-gradient(90deg,#758bb22b 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.login-ambient{filter:blur(130px);opacity:.1;border-radius:50%;width:440px;height:440px;position:absolute}.login-ambient-one{background:#10aaff;top:-180px;left:-130px}.login-ambient-two{background:#7145ff;bottom:-230px;right:-120px}.secure-login-grid{z-index:1;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:clamp(80px,11vw,155px);min-height:calc(100dvh - 76px);padding:70px 0;display:grid;position:relative}.login-back-link{color:#68758b;align-items:center;gap:7px;margin-bottom:46px;font-size:11px;text-decoration:none;display:inline-flex}.login-back-link:hover{color:#cbd6e7}.login-explainer h1{letter-spacing:-.06em;max-width:680px;margin:23px 0 22px;font-size:clamp(42px,5vw,67px);font-weight:710;line-height:1}.login-explainer>p{color:#929fb4;max-width:630px;margin:0;font-size:15px;line-height:1.75}.login-step-list{gap:10px;max-width:630px;margin-top:38px;display:grid}.login-step-list>div{background:#ffffff05;border:1px solid #fff1;border-radius:11px;grid-template-columns:36px 1fr;align-items:center;gap:13px;padding:14px 16px;display:grid}.login-step-list>div>span{color:#47d6fb;letter-spacing:.12em;font-size:9px;font-weight:820}.login-step-list p{color:#6f7b91;margin:0;font-size:10px;line-height:1.5}.login-step-list strong{color:#dce6f4;margin-bottom:2px;font-size:11px;display:block}.secure-login-card{background:linear-gradient(145deg,#111727f0,#090c15f2);border:1px solid #8ba3cc26;border-radius:22px;padding:38px;position:relative;overflow:hidden;box-shadow:0 35px 90px #0000006e,inset 0 1px #fff1}.secure-login-card:before{pointer-events:none;content:"";filter:blur(100px);opacity:.1;background:#4d58ff;border-radius:50%;width:250px;height:250px;position:absolute;top:-100px;right:-100px}.login-card-mark{margin-bottom:24px;position:relative}.login-card-label{color:#60d8fa;letter-spacing:.16em;align-items:center;gap:6px;font-size:8px;font-weight:820;display:inline-flex;position:relative}.secure-login-card h2{letter-spacing:-.04em;margin:12px 0 10px;font-size:27px;position:relative}.secure-login-card>p{color:#8995a9;margin:0;font-size:12px;line-height:1.65;position:relative}.secure-login-card .form-error{margin-top:20px;position:relative}.google-signin-button{color:#202124;background:#fff;border:1px solid #d9dce1;border-radius:10px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:51px;margin-top:25px;padding:0 18px;font-size:13px;font-weight:650;text-decoration:none;transition:all .16s;display:flex;position:relative;box-shadow:0 2px 6px #0003}.google-signin-button:hover:not(:disabled){background:#f8fafe;transform:translateY(-1px);box-shadow:0 5px 14px #00000040}.google-signin-button:disabled{opacity:.55}.google-signin-button img{width:20px;height:20px}.login-config-warning{color:#ddb97c;background:#ffb5470e;border:1px solid #ffb54733;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:10px;line-height:1.5}.login-trust-list{gap:10px;margin-top:25px;display:grid}.login-trust-list span{color:#8490a4;align-items:center;gap:8px;font-size:10px;display:flex}.login-trust-list svg{color:#32d59a}.login-legal-copy{text-align:center;border-top:1px solid #ffffff12;padding-top:19px;margin-top:25px!important;font-size:9px!important}.login-legal-copy a{color:#84cfe5}.login-operator-link{color:#515c70;align-items:center;gap:5px;width:max-content;margin:14px auto 0;font-size:9px;text-decoration:none;display:flex}.login-operator-link:hover{color:#8e9aae}.legal-page{background:radial-gradient(circle at 12% 0,#1889e014,#0000 30%),#070911}.legal-main,.contact-main{min-height:calc(100dvh - 76px)}.legal-shell{padding:95px 0 120px}.legal-title-block{max-width:820px;margin-bottom:64px}.legal-title-block>span{color:#54d7fa;letter-spacing:.19em;font-size:9px;font-weight:820}.legal-title-block h1{letter-spacing:-.06em;margin:17px 0 20px;font-size:clamp(45px,6vw,74px);font-weight:710;line-height:1}.legal-title-block>p{color:#929fb3;max-width:760px;margin:0;font-size:16px;line-height:1.7}.legal-title-block small{color:#4e596c;letter-spacing:.08em;text-transform:uppercase;margin-top:19px;font-size:9px;font-weight:700;display:block}.legal-document{gap:12px;max-width:900px;display:grid}.legal-document section{background:#ffffff05;border:1px solid #ffffff12;border-radius:14px;padding:27px 30px}.legal-document h2{color:#e7effc;letter-spacing:-.02em;margin:0 0 13px;font-size:16px}.legal-document p,.legal-document li{color:#8793a7;font-size:12px;line-height:1.75}.legal-document p{margin:10px 0 0}.legal-document p:first-of-type{margin-top:0}.legal-document ul{gap:7px;margin:0;padding-left:19px;display:grid}.legal-document strong{color:#b8c4d6}.legal-callout{color:#54dafb;background:#1b99d60e;border:1px solid #31ceff26;border-radius:10px;align-items:flex-start;gap:11px;margin-top:20px;padding:14px 15px;display:flex}.legal-callout svg{flex:none;margin-top:2px}.legal-callout p{margin:0}.legal-help-card{background:linear-gradient(135deg,#22579e14,#5d3eb812);border:1px solid #5d8eff26;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;max-width:900px;margin-top:30px;padding:20px 23px;display:flex}.legal-help-card>div,.legal-help-card a{align-items:center;gap:9px;display:flex}.legal-help-card>div{color:#9eacc0;font-size:11px}.legal-help-card>div svg{color:#4ad7fa}.legal-help-card a{color:#5bdaf9;font-size:11px;font-weight:700;text-decoration:none}.contact-shell{padding-top:105px}.contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:900px;display:grid}.contact-card{background:linear-gradient(145deg,#111727e0,#090c15e0);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;min-height:280px;padding:28px;text-decoration:none;transition:all .18s;display:flex;position:relative}.contact-card:hover{border-color:#45caff38;transform:translateY(-3px)}.contact-card>span{color:#4ddafd;background:#189ede12;border:1px solid #35c7ff2b;border-radius:12px;place-items:center;width:46px;height:46px;margin-bottom:31px;display:grid}.contact-card small{color:#596579;letter-spacing:.16em;text-transform:uppercase;font-size:8px;font-weight:800}.contact-card strong{color:#e4edf9;margin-top:8px;font-size:18px}.contact-card p{color:#7e8a9f;margin:11px 0 20px;font-size:11px;line-height:1.65}.contact-card i{color:#58d9fa;align-items:center;gap:7px;margin-top:auto;font-size:10px;font-style:normal;font-weight:700;display:flex}.contact-safety-note{color:#34d99f;background:#1b99720b;border:1px solid #3bd3a026;border-radius:15px;align-items:flex-start;gap:16px;max-width:900px;margin-top:16px;padding:24px 27px;display:flex}.contact-safety-note>svg{flex:none}.contact-safety-note h2{color:#dfece8;margin:0 0 7px;font-size:15px}.contact-safety-note p{color:#7f938f;margin:0;font-size:11px;line-height:1.65}@media (width<=1060px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(450px,.95fr);gap:50px}.hero-copy-block h1{font-size:clamp(46px,6vw,65px)}.feature-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-card{min-height:245px}.secure-login-grid{grid-template-columns:minmax(0,1fr) 410px;gap:60px}}@media (width<=880px){.public-nav{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding:84px 0 90px}.hero-copy-block{max-width:700px}.workspace-preview{width:min(100%,680px);transform:none}.security-grid{grid-template-columns:1fr;gap:50px}.security-visual{order:2;min-height:380px}.security-copy{order:1}.landing-cta-card{grid-template-columns:auto 1fr}.landing-cta-card>a{grid-column:1/-1;width:max-content}.secure-login-grid{grid-template-columns:1fr;gap:55px}.login-explainer{max-width:720px}.secure-login-card{width:min(100%,520px)}}@media (width<=640px){.landing-shell,.public-header-inner,.public-footer-inner,.legal-shell,.secure-login-grid{width:min(100% - 28px,1180px)}.public-header-inner{gap:10px;min-height:66px}.public-brand-link>span,.header-quiet-link{display:none}.public-header-actions{gap:8px}.header-primary-link{min-height:37px;padding:0 12px;font-size:10px}.header-primary-link svg{display:none}.landing-hero{min-height:0}.hero-grid{gap:55px;padding:67px 0 70px}.hero-copy-block h1{margin-top:20px;font-size:clamp(42px,13.8vw,60px)}.hero-lead{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.landing-primary-button,.landing-secondary-button{width:100%}.hero-trust-row{display:grid}.workspace-preview{border-radius:14px}.preview-body{grid-template-columns:1fr;min-height:350px}.preview-sidebar{display:none}.preview-conversation{padding:28px 17px 16px}.user-preview-message{max-width:86%}.operator-strip .landing-shell{flex-wrap:wrap;gap:8px 12px;min-height:96px}.operator-strip i{display:none}.operator-strip p{width:100%}.landing-section{padding:86px 0}.section-heading{margin-bottom:35px}.section-heading h2,.security-copy h2{font-size:36px}.section-heading p,.security-copy>p{font-size:13px}.feature-card-grid{grid-template-columns:1fr}.landing-feature-card{min-height:230px}.security-visual{min-height:310px;transform:scale(.84)}.security-orbit-two{width:340px;height:340px}.chip-google{right:2px}.chip-control{left:-5px}.landing-cta-section{padding:62px 0}.landing-cta-card{grid-template-columns:1fr;gap:18px;padding:29px 24px}.cta-mark{width:58px;height:58px}.landing-cta-card>a{width:100%}.public-footer-inner{grid-template-columns:1fr;padding:39px 0}.footer-brand-block{flex-direction:column;align-items:flex-start}.footer-brand-block p{border:0;padding:0}.public-footer nav{flex-wrap:wrap;gap:15px 22px}.secure-login-main{min-height:calc(100dvh - 66px)}.secure-login-grid{gap:43px;min-height:calc(100dvh - 66px);padding:48px 0 70px}.login-back-link{margin-bottom:32px}.login-explainer h1{font-size:42px}.login-explainer>p{font-size:13px}.login-step-list{margin-top:28px}.secure-login-card{border-radius:17px;padding:28px 22px}.secure-login-card h2{font-size:24px}.legal-shell{padding:68px 0 90px}.legal-title-block{margin-bottom:40px}.legal-title-block h1{font-size:45px}.legal-title-block>p{font-size:13px}.legal-document section{padding:22px 19px}.legal-help-card{flex-direction:column;align-items:flex-start}.contact-card-grid{grid-template-columns:1fr}.contact-card{min-height:250px;padding:23px}.contact-card strong{font-size:15px}.contact-safety-note{padding:21px 19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.chat-layout.embedded-panel{background:#070b14;grid-template-columns:1fr;min-height:100vh}.embedded-panel .chat-main{min-width:0}.embedded-panel .chat-topbar{padding-left:18px;padding-right:18px}.embedded-panel .usage-display{display:none}.panel-context-card{background:linear-gradient(135deg,#081424f5,#0a0f1df0);border:1px solid #38bdf838;border-radius:16px;width:min(920px,100% - 34px);margin:18px auto 4px;padding:14px;box-shadow:0 12px 38px #00000038}.panel-context-main{align-items:center;gap:11px;display:flex}.panel-context-main>div{gap:3px;min-width:0;display:grid}.panel-context-main strong{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.panel-context-main small{color:#8ea1b8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.panel-context-icon{color:#38bdf8;background:#0ea5e91a;border:1px solid #38bdf840;border-radius:11px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.panel-readonly-badge{color:#86efac;letter-spacing:.04em;text-transform:uppercase;background:#22c55e1a;border:1px solid #22c55e33;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:700}.panel-quick-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.panel-quick-actions button{color:#cbd5e1;background:#0f172aad;border:1px solid #94a3b829;border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:650;transition:border-color .14s,background .14s,color .14s;display:inline-flex}.panel-quick-actions button:hover{color:#fff;background:#0ea5e91a;border-color:#38bdf866}@media (width<=700px){.embedded-panel .model-picker{display:none}.panel-context-card{width:calc(100% - 20px);margin-top:10px}.panel-quick-actions button{flex:130px;justify-content:center}}.delete-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(9px)saturate(.8);backdrop-filter:blur(9px)saturate(.8);background:#02040ac2;place-items:center;padding:22px;animation:.16s ease-out both delete-backdrop-in;display:grid;position:fixed;inset:0}.delete-dialog{background:radial-gradient(circle at 12% 0,#ff527721,#0000 36%),linear-gradient(165deg,#121623fc,#090c15fc);border:1px solid #ff6b8433;border-radius:18px;width:min(438px,100%);padding:26px;animation:.2s cubic-bezier(.22,1,.36,1) both delete-dialog-in;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000009e,inset 0 1px #ffffff0e}.delete-dialog:before{content:"";background:linear-gradient(90deg,#0000,#ff607eb8,#0000);height:1px;position:absolute;top:0;left:28px;right:28px}.delete-dialog-close{color:#768096;background:0 0;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;transition:all .16s;display:grid;position:absolute;top:15px;right:15px}.delete-dialog-close:hover:not(:disabled){color:#e7ecf6;background:#ffffff0e}.delete-dialog-icon{color:#ff7e99;background:linear-gradient(145deg,#ff4d712b,#ff4d7112);border:1px solid #ff5f7e40;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid;box-shadow:0 12px 30px #ff37601a,inset 0 1px #ffffff0f}.delete-dialog-copy{padding-right:20px}.delete-dialog-kicker{color:#ff7894;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.delete-dialog h2{color:#f7f9ff;letter-spacing:-.025em;margin:0;font-size:21px;line-height:1.25}.delete-dialog p{color:#8e98ac;margin:11px 0 0;font-size:12px;line-height:1.65}.delete-dialog p strong{color:#dce2ee;overflow-wrap:anywhere;font-weight:700}.delete-dialog-error{color:#ff9aae;background:#ff466913;border:1px solid #ff5c7a38;border-radius:9px;margin-top:17px;padding:10px 12px;font-size:11px;line-height:1.45}.delete-dialog-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.delete-dialog-actions button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:116px;height:40px;padding:0 16px;font-size:11px;font-weight:750;transition:transform .15s,border-color .15s,background .15s,opacity .15s;display:inline-flex}.delete-dialog-actions button:hover:not(:disabled){transform:translateY(-1px)}.delete-dialog-actions button:focus-visible,.delete-dialog-close:focus-visible{outline-offset:2px;outline:2px solid #5ec5ffc7}.delete-dialog-actions button:disabled,.delete-dialog-close:disabled{cursor:not-allowed;opacity:.58}.delete-dialog-cancel{color:#c9d0de;background:#ffffff09;border:1px solid #ffffff17}.delete-dialog-cancel:hover:not(:disabled){background:#fff1;border-color:#ffffff26}.delete-dialog-confirm{color:#fff;background:linear-gradient(135deg,#df3458,#b91f45);border:1px solid #ff748d4d;box-shadow:0 10px 25px #d2224930,inset 0 1px #ffffff29}.delete-dialog-confirm:hover:not(:disabled){background:linear-gradient(135deg,#ee4064,#c9274e);border-color:#ff96a880;box-shadow:0 13px 30px #d2224942,inset 0 1px #ffffff2e}.delete-dialog-spinner{animation:.75s linear infinite delete-spinner}@keyframes delete-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes delete-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.975)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes delete-spinner{to{transform:rotate(360deg)}}@media (width<=520px){.delete-dialog-backdrop{align-items:end;padding:14px}.delete-dialog{border-radius:18px 18px 14px 14px;padding:23px 20px 20px}.delete-dialog-actions{flex-direction:column-reverse}.delete-dialog-actions button{width:100%}}@media (prefers-reduced-motion:reduce){.delete-dialog-backdrop,.delete-dialog,.delete-dialog-spinner{animation:none}}.sidebar-premium-link,.sidebar-premium-active{color:#ffd77b;background:linear-gradient(135deg,#b571141f,#714bf014);border:1px solid #ffc55738;border-radius:10px;align-items:center;gap:9px;min-height:45px;margin-bottom:8px;padding:9px 10px;text-decoration:none;display:flex}.sidebar-premium-link:hover{background:linear-gradient(135deg,#b5711430,#714bf01f);border-color:#ffd26b6b}.sidebar-premium-link span{min-width:0}.sidebar-premium-link strong,.sidebar-premium-link small{display:block}.sidebar-premium-link strong{color:#ffe09a;font-size:10px}.sidebar-premium-link small{color:#927f63;margin-top:2px;font-size:8px}.sidebar-premium-active{justify-content:center;min-height:34px;font-size:9px;font-weight:750}.user-premium-badge{color:#171006;background:linear-gradient(135deg,#ffe493,#ffb94d);border-radius:4px;margin-left:6px;padding:2px 4px;font-size:6px;font-style:normal}.model-pro-tag{color:#221607;vertical-align:1px;background:#ffd776;border-radius:4px;margin-left:6px;padding:2px 4px;font-size:6px;font-style:normal}.model-menu>button.premium-locked-model{opacity:.72}.model-menu>button.premium-locked-model .model-option-icon{color:#ffd474;background:#ffc44a17}.stat-icon.gold{color:#ffd46d;background:#ffbd3317}.plan-editor{flex-direction:column;gap:5px;min-width:155px;display:flex}.plan-editor input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:125px}.premium-page{overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;color:#e8edf7;background:radial-gradient(circle at 50% 0,#ffbb3d21,#0000 32%),radial-gradient(circle at 75% 25%,#734cff1c,#0000 30%),#070a12;width:100%;height:100dvh;min-height:0;overflow:hidden auto}.premium-header{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070a12d1;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;height:66px;padding:0 max(24px,50% - 540px);display:flex;position:sticky;top:0}.premium-hero{text-align:center;width:min(100% - 40px,840px);margin:0 auto;padding:68px 0 38px}.premium-orb{color:#ffd56e;background:linear-gradient(145deg,#ffc1412e,#6943e329);border:1px solid #ffd26f59;border-radius:22px;place-items:center;width:68px;height:68px;margin:0 auto 18px;display:grid;box-shadow:0 24px 70px #ffae291f}.premium-kicker{color:#e8b956;letter-spacing:.16em;font-size:9px;font-weight:850}.premium-hero h1{letter-spacing:-.045em;max-width:720px;margin:13px auto 12px;font-size:clamp(31px,5vw,50px);line-height:1.02}.premium-hero p{color:#7d899d;max-width:660px;margin:0 auto;font-size:13px;line-height:1.7}.premium-status{border-radius:999px;align-items:center;gap:8px;margin-top:20px;padding:7px 11px;font-size:9px;font-weight:750;display:inline-flex}.premium-status.active{color:#ffdc7b;background:#ffbf3b1a;border:1px solid #ffcb5b3d}.premium-status.free{color:#8d98aa;background:#ffffff0a;border:1px solid #ffffff12}.premium-status small{opacity:.68}.premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(100% - 40px,900px);margin:0 auto;padding-bottom:32px;display:grid}.premium-plan-card{background:linear-gradient(145deg,#101522f2,#0a0e18f2);border:1px solid #ffffff13;border-radius:20px;min-height:440px;padding:27px;position:relative;box-shadow:0 30px 90px #0000003d}.premium-card{background:linear-gradient(145deg,#2d1f11d9,#141022f0);border-color:#ffc85947;box-shadow:0 30px 90px #ffa82714}.premium-popular{color:#2b1904;letter-spacing:.08em;background:linear-gradient(135deg,#ffe38c,#ffb844);border-radius:999px;padding:5px 8px;font-size:7px;font-weight:900;position:absolute;top:18px;right:18px}.premium-plan-heading{color:#dbe3f0;align-items:center;gap:10px;display:flex}.premium-plan-heading svg{color:#ffd26b}.free-card .premium-plan-heading svg{color:#6bdcff}.premium-plan-heading strong,.premium-plan-heading small{display:block}.premium-plan-heading strong{font-size:16px}.premium-plan-heading small{color:#6d788b;margin-top:3px;font-size:8px}.premium-price{color:#f3f6fb;letter-spacing:-.04em;margin:27px 0 22px;font-size:30px;font-weight:800}.premium-price small{color:#697487;letter-spacing:0;font-size:9px;font-weight:500}.premium-plan-card ul{gap:14px;margin:0;padding:0;list-style:none;display:grid}.premium-plan-card li{color:#919caf;align-items:center;gap:9px;font-size:10px;display:flex}.premium-plan-card li svg{color:#62dfae;flex:none}.premium-card li svg{color:#ffd16c}.premium-buy,.premium-current{border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;margin-top:28px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.premium-buy{color:#261703;background:linear-gradient(135deg,#ffe38b,#ffb541);box-shadow:0 15px 38px #ffab2426}.premium-buy:hover{filter:brightness(1.06);transform:translateY(-1px)}.premium-current{color:#ffda78;background:#ffc24114;border:1px solid #ffca582e}.premium-note{color:#596477;text-align:center;width:min(100% - 40px,820px);margin:0 auto;padding:0 0 60px;font-size:9px;line-height:1.7}@media (width<=720px){.premium-grid{grid-template-columns:1fr}.premium-header{padding:0 16px}.premium-hero{padding-top:45px}.premium-plan-card{min-height:auto}}.panel-readonly-badge.control-enabled{color:#fef08a;background:#eab3081f;border-color:#facc1547;box-shadow:0 0 18px #eab30814}.panel-action-card{background:radial-gradient(circle at 0 0,#facc151a,#0000 42%),#0c111deb;border:1px solid #facc153d;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:13px;display:grid}.panel-action-icon{color:#fde047;background:#eab30814;border:1px solid #facc1538;border-radius:11px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.panel-action-copy{gap:3px;min-width:0;display:grid}.panel-action-copy strong{color:#f8fafc;font-size:12px}.panel-action-copy code{color:#a5b4c7;white-space:nowrap;text-overflow:ellipsis;background:0 0;max-width:100%;font-size:10px;display:block;overflow:hidden}.panel-action-copy small{color:#7f8da3;font-size:10px;line-height:1.45}.panel-action-review{color:#fef08a;background:#eab3081a;border:1px solid #facc1547;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:750;display:inline-flex}.panel-action-review:hover:not(:disabled){color:#fff;background:#eab3082e}.panel-action-review:disabled{cursor:not-allowed;color:#64748b;background:#33415514;border-color:#64748b2e}@media (width<=620px){.panel-action-card{grid-template-columns:auto minmax(0,1fr)}.panel-action-review{grid-column:1/-1;width:100%}}


/* =========================================================
   FLUX AI OVERDRIVE — v2.4 visual system
   Premium command-center treatment layered over the existing UI.
   ========================================================= */
:root {
  --flux-cyan: #58e7ff;
  --flux-blue: #4f8cff;
  --flux-violet: #9a6bff;
  --flux-mint: #65f3bd;
  --flux-gold: #ffd46b;
  --flux-glass: rgba(11, 16, 29, 0.78);
  --flux-glass-strong: rgba(13, 19, 34, 0.94);
  --flux-edge: rgba(141, 196, 255, 0.13);
  --flux-edge-hot: rgba(83, 221, 255, 0.34);
  --flux-shadow: 0 30px 90px rgba(0, 0, 0, 0.34);
  --flux-glow: 0 0 42px rgba(74, 142, 255, 0.14);
}

::selection {
  color: #fff;
  background: rgba(76, 161, 255, 0.38);
}

/* Brand: give the mark a subtle living-energy feel without changing identity. */
.flux-mark {
  isolation: isolate;
  border-color: rgba(98, 203, 255, 0.3);
  background:
    radial-gradient(circle at 28% 18%, rgba(84, 230, 255, 0.18), transparent 38%),
    linear-gradient(145deg, rgba(27, 41, 70, 0.98), rgba(7, 10, 20, 0.98));
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.12),
    inset 0 -1px rgba(78, 123, 255, 0.08),
    0 12px 34px rgba(49, 123, 255, 0.2),
    0 0 0 1px rgba(54, 202, 255, 0.03);
}

.flux-mark::before {
  position: absolute;
  inset: -45%;
  content: "";
  border-radius: 50%;
  background: conic-gradient(from 180deg, transparent, rgba(86, 230, 255, 0.22), transparent 27%, rgba(139, 98, 255, 0.16), transparent 55%);
  filter: blur(10px);
  animation: flux-mark-core-spin 9s linear infinite;
}

.flux-mark::after {
  z-index: 2;
  animation: flux-mark-scan 4.6s ease-in-out infinite;
}

.flux-mark svg {
  position: relative;
  z-index: 1;
}

.flux-bolt-main {
  filter: drop-shadow(0 0 7px rgba(63, 221, 255, 0.46));
}

@keyframes flux-mark-core-spin {
  to { transform: rotate(360deg); }
}

@keyframes flux-mark-scan {
  0%, 18% { transform: translateX(-75%) rotate(10deg); opacity: 0; }
  38% { opacity: 0.9; }
  58%, 100% { transform: translateX(75%) rotate(10deg); opacity: 0; }
}

/* Main workspace atmosphere */
.chat-layout {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(circle at 68% -8%, rgba(55, 117, 255, 0.16), transparent 34%),
    radial-gradient(circle at 92% 72%, rgba(139, 82, 255, 0.09), transparent 28%),
    radial-gradient(circle at 23% 86%, rgba(29, 202, 232, 0.055), transparent 26%),
    #05070d;
}

.chat-layout::before,
.chat-layout::after {
  position: fixed;
  z-index: -1;
  pointer-events: none;
  content: "";
}

.chat-layout::before {
  inset: 0;
  opacity: 0.22;
  background-image:
    linear-gradient(rgba(113, 168, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(113, 168, 255, 0.03) 1px, transparent 1px);
  background-size: 52px 52px;
  mask-image: radial-gradient(circle at 62% 36%, #000 0%, transparent 72%);
}

.chat-layout::after {
  width: 44vw;
  height: 44vw;
  min-width: 500px;
  min-height: 500px;
  top: -24vw;
  right: -8vw;
  border: 1px solid rgba(93, 177, 255, 0.05);
  border-radius: 50%;
  box-shadow:
    0 0 0 80px rgba(79, 140, 255, 0.016),
    0 0 0 160px rgba(130, 88, 255, 0.012);
  animation: flux-ambient-drift 18s ease-in-out infinite alternate;
}

@keyframes flux-ambient-drift {
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(-3vw, 4vh, 0) scale(1.06); }
}

.chat-main {
  background:
    radial-gradient(circle at 52% 12%, rgba(65, 127, 255, 0.095), transparent 34%),
    radial-gradient(circle at 78% 48%, rgba(136, 77, 255, 0.052), transparent 26%),
    transparent;
}

.chat-main::before {
  opacity: 0.3;
  background-size: 54px 54px;
}

/* Sidebar */
.sidebar {
  width: 300px;
  padding: 17px 13px 13px;
  border-right-color: rgba(132, 188, 255, 0.09);
  background:
    radial-gradient(circle at 12% -4%, rgba(58, 153, 255, 0.115), transparent 30%),
    linear-gradient(180deg, rgba(11, 15, 27, 0.975), rgba(7, 10, 18, 0.985) 72%);
  box-shadow: 18px 0 70px rgba(0, 0, 0, 0.2), inset -1px 0 rgba(255, 255, 255, 0.018);
  backdrop-filter: blur(30px) saturate(130%);
}

.chat-layout.has-sidebar .chat-main {
  margin-left: 300px;
}

.sidebar::after {
  position: absolute;
  top: 78px;
  right: -1px;
  width: 1px;
  height: 140px;
  content: "";
  background: linear-gradient(to bottom, transparent, rgba(82, 215, 255, 0.5), transparent);
  filter: drop-shadow(0 0 8px rgba(65, 195, 255, 0.45));
}

.sidebar-header {
  height: 50px;
}

.sidebar-brand-stack {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 5px;
}

.sidebar-brand-stack > span {
  display: inline-flex;
  padding-left: 42px;
  align-items: center;
  gap: 6px;
  color: #53647f;
  font-size: 6.5px;
  font-weight: 850;
  letter-spacing: 0.18em;
}

.sidebar-brand-stack > span i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: var(--flux-mint);
  box-shadow: 0 0 9px rgba(101, 243, 189, 0.7);
}

.new-chat-button {
  position: relative;
  height: 47px;
  margin-top: 18px;
  overflow: hidden;
  border-color: rgba(78, 186, 255, 0.29);
  border-radius: 12px;
  background:
    radial-gradient(circle at 20% 0%, rgba(84, 223, 255, 0.13), transparent 45%),
    linear-gradient(115deg, rgba(26, 112, 221, 0.17), rgba(108, 65, 255, 0.13));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.055), 0 11px 28px rgba(21, 91, 215, 0.09);
}

.new-chat-button::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(105deg, transparent 38%, rgba(255, 255, 255, 0.08) 50%, transparent 62%);
  transform: translateX(-120%);
  transition: transform 0.6s ease;
}

.new-chat-button:hover::after {
  transform: translateX(120%);
}

.new-chat-button:hover {
  transform: translateY(-1px);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.075), 0 15px 34px rgba(21, 109, 226, 0.12);
}

.sidebar-search {
  height: 38px;
  margin-bottom: 15px;
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.021);
}

.sidebar-search:focus-within {
  border-color: rgba(82, 199, 255, 0.22);
  background: rgba(31, 103, 158, 0.055);
  box-shadow: 0 0 0 3px rgba(45, 160, 231, 0.025);
}

.conversation-group-label {
  color: #48566f;
  font-size: 8px;
  letter-spacing: 0.14em;
}

.conversation-item {
  height: 39px;
  margin-bottom: 3px;
  border: 1px solid transparent;
  border-radius: 10px;
}

.conversation-item:hover,
.conversation-item.active {
  border-color: rgba(255, 255, 255, 0.035);
  background: linear-gradient(90deg, rgba(57, 128, 226, 0.075), rgba(119, 83, 235, 0.035));
}

.conversation-item.active {
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

.conversation-item.active::before {
  top: 9px;
  bottom: 9px;
  width: 2px;
  background: linear-gradient(to bottom, var(--flux-cyan), var(--flux-blue));
  box-shadow: 0 0 14px rgba(63, 220, 255, 0.8);
}

.sidebar-footer {
  padding-top: 12px;
  border-top-color: rgba(255, 255, 255, 0.055);
}

.sidebar-premium-link,
.sidebar-premium-active {
  border-radius: 11px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.035);
}

.sidebar-user {
  margin-top: 4px;
  padding: 9px 6px;
  border: 1px solid rgba(255, 255, 255, 0.035);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.018);
}

/* Top bar / system status */
.chat-topbar {
  height: 76px;
  padding: 0 28px;
  border-bottom-color: rgba(117, 181, 255, 0.08);
  background: rgba(5, 8, 15, 0.72);
  box-shadow: 0 10px 44px rgba(0, 0, 0, 0.1), inset 0 -1px rgba(255, 255, 255, 0.015);
  backdrop-filter: blur(28px) saturate(135%);
}

.current-chat-title span {
  max-width: min(29vw, 380px);
  color: #eef5ff;
  font-size: 13px;
  font-weight: 730;
}

.current-chat-title small {
  color: #61708a;
  letter-spacing: 0.1em;
}

.flux-core-status {
  display: inline-flex;
  height: 26px;
  padding: 0 9px;
  align-items: center;
  gap: 7px;
  border: 1px solid rgba(95, 239, 190, 0.12);
  border-radius: 999px;
  color: #6f8f85;
  background: rgba(49, 168, 125, 0.035);
  font-size: 6.5px;
  font-weight: 850;
  letter-spacing: 0.12em;
  white-space: nowrap;
}

.flux-core-status i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--flux-mint);
  box-shadow: 0 0 0 4px rgba(101, 243, 189, 0.05), 0 0 12px rgba(101, 243, 189, 0.6);
  animation: flux-core-pulse 2.3s ease-in-out infinite;
}

.flux-core-status.is-thinking {
  border-color: rgba(84, 220, 255, 0.18);
  color: #6da9ba;
  background: rgba(47, 164, 219, 0.045);
}

.flux-core-status.is-thinking i {
  background: var(--flux-cyan);
  box-shadow: 0 0 0 4px rgba(88, 231, 255, 0.05), 0 0 14px rgba(88, 231, 255, 0.7);
  animation-duration: 0.8s;
}

@keyframes flux-core-pulse {
  50% { opacity: 0.42; transform: scale(0.7); }
}

.model-selector {
  width: 190px;
  height: 48px;
  border-color: rgba(122, 187, 255, 0.11);
  background:
    radial-gradient(circle at 10% 0%, rgba(66, 204, 255, 0.08), transparent 42%),
    linear-gradient(145deg, rgba(19, 26, 43, 0.92), rgba(10, 15, 26, 0.92));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.045), 0 12px 30px rgba(0, 0, 0, 0.13);
}

.model-selector:hover,
.model-selector.is-open {
  border-color: rgba(77, 208, 255, 0.34);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.055), 0 12px 34px rgba(26, 126, 255, 0.08);
}

.model-menu {
  width: 266px;
  border-color: rgba(129, 195, 255, 0.13);
  background: rgba(10, 15, 27, 0.965);
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.58), 0 0 38px rgba(54, 127, 255, 0.07), inset 0 1px rgba(255, 255, 255, 0.04);
}

.model-menu > button {
  border: 1px solid transparent;
}

.model-menu > button:hover,
.model-menu > button.selected {
  border-color: rgba(79, 205, 255, 0.08);
  background: linear-gradient(90deg, rgba(48, 151, 231, 0.105), rgba(91, 80, 211, 0.04));
}

.usage-ring {
  width: 29px;
  height: 29px;
  background: conic-gradient(var(--flux-cyan) 0 var(--usage-progress), rgba(255, 255, 255, 0.07) var(--usage-progress));
  box-shadow: 0 0 18px rgba(77, 211, 255, 0.07);
}

.usage-ring::after {
  width: 22px;
  height: 22px;
  background: #080c15;
}

/* Welcome core */
.welcome-state {
  position: relative;
  width: min(100%, 1000px);
  padding-top: 74px;
  overflow: hidden;
}

.welcome-state::before {
  position: absolute;
  width: 620px;
  height: 620px;
  top: 50%;
  left: 50%;
  pointer-events: none;
  content: "";
  border: 1px solid rgba(80, 182, 255, 0.035);
  border-radius: 50%;
  box-shadow:
    0 0 0 90px rgba(58, 128, 255, 0.012),
    0 0 0 180px rgba(105, 73, 255, 0.009);
  transform: translate(-50%, -52%);
}

.welcome-logo-wrap {
  z-index: 1;
  width: 128px;
  height: 128px;
  margin-bottom: 14px;
  display: grid;
  place-items: center;
}

.welcome-logo-wrap .flux-mark {
  z-index: 3;
  border-radius: 21px;
  box-shadow:
    inset 0 1px rgba(255, 255, 255, 0.15),
    0 22px 58px rgba(47, 110, 255, 0.28),
    0 0 46px rgba(71, 204, 255, 0.09);
  animation: flux-core-float 4.8s ease-in-out infinite;
}

@keyframes flux-core-float {
  50% { transform: translateY(-5px) rotate(1deg); }
}

.welcome-logo-glow {
  inset: 5px;
  background: linear-gradient(135deg, #39cfff, #516cff 52%, #925cff);
  filter: blur(36px);
  opacity: 0.24;
  animation: welcome-glow-breathe 4s ease-in-out infinite;
}

@keyframes welcome-glow-breathe {
  50% { opacity: 0.38; transform: scale(1.12); }
}

.welcome-orbit {
  position: absolute;
  z-index: 1;
  border: 1px solid rgba(90, 197, 255, 0.14);
  border-radius: 50%;
  animation: welcome-orbit-spin 9s linear infinite;
}

.welcome-orbit-one {
  width: 116px;
  height: 116px;
}

.welcome-orbit-two {
  width: 142px;
  height: 142px;
  border-color: rgba(146, 103, 255, 0.1);
  animation-duration: 13s;
  animation-direction: reverse;
}

.welcome-orbit i {
  position: absolute;
  top: 9px;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--flux-cyan);
  box-shadow: 0 0 11px rgba(88, 231, 255, 0.78);
}

.welcome-orbit-two i {
  top: auto;
  right: 12px;
  bottom: 18px;
  left: auto;
  width: 5px;
  height: 5px;
  background: var(--flux-violet);
  box-shadow: 0 0 11px rgba(154, 107, 255, 0.72);
}

@keyframes welcome-orbit-spin {
  to { transform: rotate(360deg); }
}

.welcome-badge {
  z-index: 1;
  min-height: 28px;
  padding: 0 11px;
  border-color: rgba(78, 208, 255, 0.22);
  color: #70ddf8;
  background: linear-gradient(90deg, rgba(38, 142, 215, 0.085), rgba(104, 74, 225, 0.055));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}

.welcome-state h1 {
  z-index: 1;
  margin-top: 21px;
  font-size: clamp(38px, 4.5vw, 62px);
  font-weight: 745;
  letter-spacing: -0.058em;
  text-shadow: 0 12px 44px rgba(0, 0, 0, 0.34);
}

.welcome-state h1 span {
  background: linear-gradient(95deg, #72edff 0%, #69a5ff 44%, #a987ff 74%, #73dbff 100%);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
  animation: flux-title-shift 8s ease-in-out infinite;
}

@keyframes flux-title-shift {
  50% { background-position: 100% center; }
}

.welcome-state > p {
  z-index: 1;
  max-width: 640px;
  color: #8e9bb1;
  font-size: 13.5px;
  line-height: 1.75;
}

.empty-state-hint,
.minecraft-capabilities {
  position: relative;
  z-index: 1;
}

.empty-state-hint {
  margin-top: 30px;
  border-color: rgba(103, 178, 255, 0.1);
  background: rgba(11, 18, 31, 0.54);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.02);
  backdrop-filter: blur(12px);
}

.welcome-telemetry {
  position: relative;
  z-index: 1;
  display: flex;
  margin-top: 13px;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 7px 17px;
}

.welcome-telemetry span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #52627b;
  font-size: 7px;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.welcome-telemetry span i {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #5ecfae;
  box-shadow: 0 0 8px rgba(94, 207, 174, 0.48);
}

.minecraft-welcome .welcome-orbit-one {
  border-color: rgba(119, 240, 137, 0.16);
}

.minecraft-welcome .welcome-orbit-one i {
  background: #83ef92;
  box-shadow: 0 0 11px rgba(131, 239, 146, 0.76);
}

.minecraft-welcome h1 span {
  background: linear-gradient(95deg, #a4f7a6, #65e4b8 46%, #5de1ef 78%, #a4f7a6);
  background-size: 200% auto;
  background-clip: text;
  -webkit-background-clip: text;
}

/* Messages */
.messages-list {
  width: min(100%, 980px);
  padding-top: 42px;
  padding-bottom: 34px;
}

.message {
  margin-bottom: 34px;
}

.user-bubble {
  position: relative;
  max-width: min(76%, 680px);
  padding: 13px 17px;
  overflow: hidden;
  border-color: rgba(91, 176, 255, 0.2);
  border-radius: 18px 18px 5px 18px;
  background:
    radial-gradient(circle at 10% -20%, rgba(80, 211, 255, 0.11), transparent 45%),
    linear-gradient(135deg, rgba(31, 83, 157, 0.31), rgba(85, 56, 157, 0.28));
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.11), inset 0 1px rgba(255, 255, 255, 0.05);
}

.user-bubble::after {
  position: absolute;
  inset: 0;
  pointer-events: none;
  content: "";
  background: linear-gradient(110deg, transparent 40%, rgba(255, 255, 255, 0.025) 50%, transparent 60%);
}

.assistant-avatar .flux-mark {
  border-radius: 9px;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.08), 0 8px 22px rgba(45, 118, 255, 0.14);
}

.assistant-body {
  padding: 1px 2px 3px;
}

.assistant-name {
  color: #b8c5d9;
  font-size: 9px;
  letter-spacing: 0.085em;
  text-transform: uppercase;
}

.markdown-body {
  color: #ced7e5;
  font-size: 13px;
  line-height: 1.82;
}

.markdown-body h1,
.markdown-body h2,
.markdown-body h3 {
  color: #f0f6ff;
}

.markdown-body code {
  border-color: rgba(93, 180, 255, 0.11);
  color: #bce5ff;
  background: rgba(14, 23, 39, 0.92);
}

.markdown-body pre {
  position: relative;
  border-color: rgba(105, 177, 255, 0.12);
  border-radius: 14px;
  background:
    linear-gradient(180deg, rgba(14, 22, 37, 0.98), rgba(7, 12, 22, 0.98));
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025), 0 15px 44px rgba(0, 0, 0, 0.15);
}

.markdown-body blockquote {
  border-left-color: #52d6ff;
  color: #9ba8bd;
  background: rgba(47, 150, 214, 0.035);
}

.markdown-body th {
  background: rgba(70, 138, 231, 0.055);
}

.message-action {
  min-height: 28px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 8px;
}

.message-action:hover {
  border-color: rgba(255, 255, 255, 0.055);
  color: #b9c7da;
  background: rgba(255, 255, 255, 0.028);
}

.generated-image-card {
  border-color: rgba(109, 186, 255, 0.13);
  box-shadow: 0 24px 68px rgba(0, 0, 0, 0.27), 0 0 30px rgba(58, 132, 255, 0.045);
}

/* Composer command deck */
.composer-shell {
  padding-top: 8px;
  padding-bottom: 12px;
  background: linear-gradient(0deg, rgba(5, 7, 13, 0.99) 54%, rgba(5, 7, 13, 0.78) 74%, transparent 100%);
}

.composer-hud {
  display: flex;
  width: calc(100% - 16px);
  margin: 0 auto 7px;
  padding: 0 3px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.composer-hud > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #556984;
  font-size: 6.5px;
  font-weight: 850;
  letter-spacing: 0.15em;
}

.composer-hud > span i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--flux-cyan);
  box-shadow: 0 0 10px rgba(88, 231, 255, 0.55);
}

.composer-hud small {
  color: #3f4b60;
  font-size: 7px;
}

.composer {
  position: relative;
  padding: 13px 12px 10px 17px;
  overflow: hidden;
  border-color: rgba(107, 183, 255, 0.15);
  border-radius: 20px;
  background:
    radial-gradient(circle at 7% 0%, rgba(66, 213, 255, 0.07), transparent 37%),
    radial-gradient(circle at 92% 120%, rgba(135, 87, 255, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(16, 24, 40, 0.985), rgba(9, 14, 25, 0.985));
  box-shadow:
    0 22px 68px rgba(0, 0, 0, 0.36),
    0 0 40px rgba(51, 125, 255, 0.035),
    inset 0 1px rgba(255, 255, 255, 0.045);
}

.composer::before {
  position: absolute;
  top: 0;
  right: 14%;
  left: 14%;
  height: 1px;
  pointer-events: none;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(77, 221, 255, 0.42), rgba(135, 99, 255, 0.28), transparent);
  opacity: 0.55;
}

.composer:focus-within {
  border-color: rgba(70, 205, 255, 0.38);
  box-shadow:
    0 24px 74px rgba(0, 0, 0, 0.39),
    0 0 0 3px rgba(42, 166, 255, 0.045),
    0 0 42px rgba(46, 151, 255, 0.07),
    inset 0 1px rgba(255, 255, 255, 0.055);
  transform: translateY(-1px);
}

.composer-generating::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  content: "";
  background: linear-gradient(90deg, transparent, var(--flux-cyan), var(--flux-blue), var(--flux-violet), transparent);
  background-size: 220% 100%;
  animation: composer-stream 1.5s linear infinite;
}

@keyframes composer-stream {
  to { background-position: -220% 0; }
}

.composer textarea {
  min-height: 33px;
  color: #edf4ff;
  font-size: 13.5px;
}

.composer textarea::placeholder {
  color: #5b687d;
}

.composer-tool {
  width: 31px;
  height: 31px;
  border: 1px solid transparent;
  border-radius: 9px;
}

.composer-tool:hover:not(:disabled),
.composer-tool.active {
  border-color: rgba(78, 208, 255, 0.1);
}

.send-button {
  width: 37px;
  height: 37px;
  border: 1px solid rgba(137, 214, 255, 0.16);
  border-radius: 11px;
  background: linear-gradient(135deg, #3bd8ff, #4384ff 48%, #845fff);
  box-shadow: 0 10px 26px rgba(55, 119, 255, 0.3), inset 0 1px rgba(255, 255, 255, 0.28);
}

.send-button:hover:not(:disabled) {
  box-shadow: 0 13px 31px rgba(55, 119, 255, 0.38), 0 0 19px rgba(57, 209, 255, 0.13), inset 0 1px rgba(255, 255, 255, 0.32);
  transform: translateY(-2px) scale(1.02);
}

.send-button.stop {
  border-color: rgba(255, 255, 255, 0.08);
  background: #252d3d;
}

.ai-disclaimer {
  color: #39465a;
}

/* Embedded Pterodactyl server command center */
.panel-context-card {
  position: relative;
  overflow: hidden;
  border-color: rgba(93, 201, 255, 0.16);
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(60, 213, 255, 0.09), transparent 32%),
    radial-gradient(circle at 100% 100%, rgba(116, 79, 255, 0.075), transparent 35%),
    linear-gradient(145deg, rgba(14, 23, 38, 0.96), rgba(8, 13, 24, 0.96));
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.23), inset 0 1px rgba(255, 255, 255, 0.035);
}

.panel-context-card::before {
  position: absolute;
  top: 0;
  right: 18%;
  left: 18%;
  height: 1px;
  content: "";
  background: linear-gradient(90deg, transparent, rgba(67, 220, 255, 0.52), transparent);
}

.panel-context-icon {
  border-color: rgba(77, 213, 255, 0.18);
  color: #6ce5ff;
  background: rgba(44, 165, 218, 0.085);
  box-shadow: 0 0 24px rgba(54, 194, 255, 0.07);
}

.panel-telemetry {
  display: grid;
  margin-top: 12px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
}

.panel-telemetry > div {
  position: relative;
  min-width: 0;
  min-height: 58px;
  padding: 10px 11px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.055);
  border-radius: 11px;
  background: rgba(255, 255, 255, 0.018);
}

.panel-telemetry > div::after {
  position: absolute;
  right: -18px;
  bottom: -18px;
  width: 46px;
  height: 46px;
  content: "";
  border: 1px solid rgba(83, 208, 255, 0.06);
  border-radius: 50%;
}

.panel-telemetry span,
.panel-telemetry strong,
.panel-telemetry small {
  display: inline-block;
}

.panel-telemetry span {
  width: 100%;
  margin-bottom: 5px;
  color: #53647d;
  font-size: 6.5px;
  font-weight: 850;
  letter-spacing: 0.14em;
}

.panel-telemetry strong {
  color: #dceaff;
  font-size: 11px;
  font-weight: 760;
}

.panel-telemetry small {
  color: #596a82;
  font-size: 8px;
}

.panel-quick-actions {
  margin-top: 10px;
}

.panel-quick-actions button {
  min-height: 34px;
  border-color: rgba(95, 178, 255, 0.1);
  border-radius: 9px;
  background: rgba(43, 113, 177, 0.035);
}

.panel-quick-actions button:hover {
  border-color: rgba(76, 209, 255, 0.22);
  color: #8ceaff;
  background: rgba(46, 156, 211, 0.075);
  transform: translateY(-1px);
}

.panel-action-card {
  border-color: rgba(255, 209, 88, 0.2);
  background:
    radial-gradient(circle at 0 0, rgba(255, 211, 96, 0.09), transparent 38%),
    linear-gradient(145deg, rgba(18, 22, 31, 0.95), rgba(11, 15, 25, 0.95));
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.18), inset 0 1px rgba(255, 255, 255, 0.025);
}

/* Public + admin + premium surfaces get the same premium material language. */
.public-page,
.admin-page,
.premium-page {
  background:
    radial-gradient(circle at 12% -8%, rgba(31, 164, 255, 0.12), transparent 31%),
    radial-gradient(circle at 88% 9%, rgba(120, 75, 255, 0.07), transparent 25%),
    #05070d;
}

.public-header,
.admin-header,
.premium-header {
  border-bottom-color: rgba(115, 180, 255, 0.08);
  background: rgba(5, 8, 15, 0.72);
  backdrop-filter: blur(26px) saturate(135%);
}

.workspace-preview {
  border-color: rgba(124, 193, 255, 0.18);
  background: linear-gradient(145deg, rgba(11, 16, 29, 0.98), rgba(7, 10, 18, 0.98));
  box-shadow:
    0 52px 120px rgba(0, 0, 0, 0.5),
    0 0 0 8px rgba(255, 255, 255, 0.015),
    0 0 65px rgba(58, 128, 255, 0.07),
    inset 0 1px rgba(255, 255, 255, 0.055);
}

.landing-feature-card,
.stat-card,
.users-panel,
.premium-plan-card,
.auth-card {
  border-color: rgba(116, 185, 255, 0.09);
  background:
    radial-gradient(circle at 0 0, rgba(61, 153, 255, 0.05), transparent 38%),
    linear-gradient(145deg, rgba(15, 21, 35, 0.92), rgba(9, 13, 23, 0.92));
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.17), inset 0 1px rgba(255, 255, 255, 0.025);
}

.landing-feature-card:hover,
.stat-card:hover {
  border-color: rgba(82, 207, 255, 0.18);
  transform: translateY(-3px);
  box-shadow: 0 28px 82px rgba(0, 0, 0, 0.23), 0 0 34px rgba(60, 138, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.035);
}

.stat-card {
  transition: 180ms ease;
}

.landing-primary-button {
  background: linear-gradient(135deg, #2dd6ff, #3f84ff 49%, #855cff);
  box-shadow: 0 17px 42px rgba(42, 111, 255, 0.28), 0 0 28px rgba(50, 205, 255, 0.08), inset 0 1px rgba(255, 255, 255, 0.24);
}

.premium-card {
  border-color: rgba(255, 205, 89, 0.27);
  background:
    radial-gradient(circle at 10% 0%, rgba(255, 197, 78, 0.09), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(117, 79, 255, 0.08), transparent 34%),
    linear-gradient(145deg, rgba(35, 27, 19, 0.91), rgba(16, 14, 28, 0.95));
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.26), 0 0 54px rgba(255, 181, 57, 0.055);
}

/* Motion/accessibility */
@media (prefers-reduced-motion: reduce) {
  .flux-mark::before,
  .flux-mark::after,
  .welcome-logo-wrap .flux-mark,
  .welcome-logo-glow,
  .welcome-orbit,
  .welcome-state h1 span,
  .chat-layout::after,
  .flux-core-status i,
  .composer-generating::after {
    animation: none !important;
  }

  .composer:focus-within,
  .landing-feature-card:hover,
  .stat-card:hover,
  .new-chat-button:hover,
  .send-button:hover:not(:disabled) {
    transform: none !important;
  }
}

@media (max-width: 1120px) {
  .flux-core-status {
    display: none;
  }
}

@media (max-width: 900px) {
  .chat-layout.has-sidebar .chat-main {
    margin-left: 0;
  }

  .chat-topbar {
    height: 70px;
    padding: 0 14px;
  }

  .sidebar {
    width: min(88vw, 320px);
  }

  .panel-telemetry {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .chat-layout::after {
    min-width: 360px;
    min-height: 360px;
  }

  .model-selector {
    width: 150px;
    height: 43px;
  }

  .model-selector-copy small {
    display: none;
  }

  .welcome-state {
    padding-top: 46px;
  }

  .welcome-state::before {
    width: 430px;
    height: 430px;
  }

  .welcome-logo-wrap {
    width: 108px;
    height: 108px;
  }

  .welcome-orbit-one {
    width: 100px;
    height: 100px;
  }

  .welcome-orbit-two {
    width: 122px;
    height: 122px;
  }

  .welcome-state h1 {
    font-size: 31px;
  }

  .welcome-telemetry {
    gap: 7px 12px;
  }

  .messages-list {
    padding-top: 30px;
  }

  .composer-shell {
    padding-right: 9px;
    padding-left: 9px;
  }

  .composer-hud {
    width: calc(100% - 14px);
  }

  .composer-hud small {
    display: none;
  }

  .composer {
    border-radius: 17px;
  }

  .panel-telemetry {
    gap: 6px;
  }
}