:root{--navy:#1b2a4a;--navy-light:#2a3f6b;--navy-dark:#111d35;--navy-deeper:#0b1220;--columbia:#7ba3c7;--columbia-light:#a3c1db;--columbia-dark:#5a87af;--white:#fff;--gray-50:#0e1726;--gray-100:#141e30;--gray-200:#1c2940;--gray-300:#2a3d5c;--gray-500:#6b7fa0;--gray-700:#9aaccc;--gray-900:#e0e6ef;--bg-primary:var(--navy-deeper);--bg-secondary:var(--navy-dark);--bg-surface:var(--gray-100);--text-primary:var(--gray-900);--text-secondary:var(--gray-500);--text-on-dark:var(--white);--accent:var(--columbia);--accent-hover:var(--columbia-light);--success:#34d058;--danger:#f85149;--warning:#d29922;--header-height:40px;--radius:8px;--radius-lg:12px;--glass-bg:#0e1726a6;--glass-bg-medium:#141e30b3;--glass-bg-light:#1b2a4a80;--glass-border:#7ba3c733;--glass-border-subtle:#7ba3c71a;--glass-shadow:0 8px 32px #0000004d, 0 2px 8px #0003;--glass-blur:blur(20px) saturate(1.4);--font-brand:"Rajdhani", system-ui, sans-serif;color:var(--text-primary);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;line-height:1.45}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;overflow:hidden}.brand-warrior{color:var(--white)}.brand-bots{color:var(--columbia)}.brand-dot-ai{color:var(--gray-500)}button{cursor:pointer;font:inherit;border-radius:var(--radius);border:none;padding:6px 12px;transition:background-color .15s,opacity .15s}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font:inherit;border:1px solid var(--gray-300);border-radius:var(--radius);color:var(--text-primary);outline:none;padding:6px 10px;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #7ba3c733}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.login-page{background:linear-gradient(135deg, #060a12 0%, var(--navy-dark) 40%, var(--navy) 100%);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);width:400px;max-width:90vw;box-shadow:var(--glass-shadow), 0 0 0 1px #7ba3c70d inset;padding:48px 40px}.login-header{text-align:center;margin-bottom:32px}.login-logo{filter:drop-shadow(0 4px 16px #7ba3c74d);width:100px;height:auto;margin-bottom:12px}.login-header h1{font-family:var(--font-brand);color:var(--white);letter-spacing:3px;text-transform:uppercase;margin-bottom:6px;font-size:42px;font-weight:700}.tagline{color:var(--columbia);font-size:14px;font-weight:500}.login-card form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--gray-700);font-size:13px;font-weight:500}.field input{border:1px solid var(--glass-border);background:#0e172680;width:100%;padding:10px 14px;font-size:15px}.field input:focus{border-color:var(--columbia);background:#0e1726b3}.login-card .error{color:var(--danger);text-align:center;border-radius:var(--radius);background:#f851491a;padding:8px;font-size:13px}.login-card button[type=submit]{background:var(--columbia);color:var(--navy-dark);border-radius:var(--radius);border:1px solid #7ba3c74d;margin-top:4px;padding:12px;font-size:15px;font-weight:700}.login-card button[type=submit]:hover:not(:disabled){background:var(--columbia-light)}.app-header{height:var(--header-height);-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border-subtle);background:#080e1ab3;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.header-brand{align-items:center;gap:10px;display:flex}.header-logo{filter:brightness(1.2)drop-shadow(0 1px 4px #7ba3c74d);width:auto;height:24px}.header-title{font-family:var(--font-brand);color:var(--white);letter-spacing:1.5px;text-transform:uppercase;font-size:16px;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.header-user{color:var(--columbia);margin-right:4px;font-size:11px}.header-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--columbia-light);border:1px solid var(--glass-border-subtle);background:#7ba3c71f;border-radius:8px;padding:4px 10px;font-size:11px}.header-btn:hover{color:var(--white);background:#7ba3c738}.header-btn-logout{color:var(--gray-500);background:0 0;border-color:#0000}.header-btn-logout:hover{color:var(--columbia-light);border-color:var(--glass-border-subtle);background:#7ba3c71a}.chat-msg{gap:8px;max-width:100%;display:flex}.chat-msg-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:8px;font-weight:700;display:flex}.chat-msg-user .chat-msg-avatar{color:var(--columbia-light);border:1px solid var(--glass-border);background:#7ba3c740}.chat-msg-assistant .chat-msg-avatar{color:var(--columbia);border:1px solid var(--glass-border-subtle);background:#7ba3c726}.chat-msg-content{min-width:0;color:var(--gray-900);flex:1;font-size:12px;line-height:1.5}.chat-msg-content.streaming{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.chat-msg-user .chat-msg-content{border:1px solid var(--glass-border-subtle);border-radius:var(--radius);background:#7ba3c71a;padding:6px 10px}.chat-msg-assistant .chat-msg-content p{margin-bottom:8px}.chat-msg-assistant .chat-msg-content p:last-child{margin-bottom:0}.inline-code{color:var(--columbia-light);background:#1b2a4a80;border-radius:4px;padding:1px 5px;font-family:SF Mono,Fira Code,monospace;font-size:11px}.code-block{background:#1e2030;border:1px solid #3e445180;border-radius:8px;margin:6px 0;overflow:hidden}.code-block-header{background:#1e2030cc;border-bottom:1px solid #3e445166;justify-content:space-between;align-items:center;padding:5px 10px;display:flex}.code-block-lang{color:var(--gray-500);font-family:SF Mono,Fira Code,monospace;font-size:11px}.code-block-actions{align-items:center;gap:8px;display:flex}.code-block-newfile{color:var(--success);font-size:11px;font-weight:500}.code-apply-btn{color:var(--columbia-light);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#7ba3c733;border-radius:6px;padding:3px 12px;font-size:11px;font-weight:600}.code-apply-btn:hover{background:var(--columbia);color:var(--navy-dark);border-color:var(--columbia)}.code-block pre{margin:0;padding:8px 10px;overflow-x:auto}.code-block pre code{color:var(--gray-900);font-family:SF Mono,Fira Code,monospace;font-size:11px;line-height:1.45}.chat-msg-content ul,.chat-msg-content ol{margin:6px 0;padding-left:20px}.chat-msg-content li{margin-bottom:4px}.chat-msg-content strong{color:var(--white);font-weight:600}.chat-header{color:var(--columbia-light);border-bottom:1px solid var(--glass-border-subtle);-webkit-backdrop-filter:blur(8px);background:#080e1a66;flex-shrink:0;padding:6px 12px;font-size:11px;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:10px 12px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;color:var(--gray-500);padding:24px 12px}.chat-welcome-logo{opacity:.4;width:64px;height:auto;margin-bottom:12px}.chat-welcome h3{font-family:var(--font-brand);color:var(--columbia-light);letter-spacing:1px;text-transform:uppercase;margin-bottom:8px;font-size:15px;font-weight:700}.chat-welcome p{margin-bottom:16px;font-size:13px}.chat-suggestions{flex-direction:column;align-items:center;gap:8px;display:flex}.chat-suggestion{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--columbia-light);border:1px solid var(--glass-border);text-align:left;border-radius:var(--radius);background:#1b2a4a66;width:100%;max-width:280px;padding:7px 12px;font-size:11px;transition:all .15s}.chat-suggestion:hover{border-color:var(--columbia);color:var(--white);background:#1b2a4aa6;box-shadow:0 2px 12px #7ba3c726}.chat-thinking{padding:8px 0}.thinking-dots{gap:4px;padding:8px 12px;display:flex}.thinking-dots span{background:var(--columbia);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bounce}.thinking-dots span:nth-child(2){animation-delay:.2s}.thinking-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.chat-input-area{border-top:1px solid var(--glass-border-subtle);-webkit-backdrop-filter:blur(8px);background:#080e1a66;flex-shrink:0;align-items:flex-end;gap:8px;padding:8px 12px;display:flex}.chat-input{resize:none;border:1px solid var(--glass-border);border-radius:var(--radius);font:inherit;max-height:120px;color:var(--text-primary);background:#0e172680;outline:none;flex:1;padding:6px 10px;font-size:12px;line-height:1.4}.chat-input:focus{border-color:var(--columbia);background:#0e1726b3;box-shadow:0 0 0 2px #7ba3c726}.chat-input::placeholder{color:var(--gray-500)}.chat-send-btn{background:var(--columbia);color:var(--navy-dark);white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:11px;font-weight:700}.chat-send-btn:hover:not(:disabled){background:var(--columbia-light)}.chat-stop-btn{background:var(--danger);color:var(--white);border-radius:8px;padding:6px 12px;font-size:11px;font-weight:600}.chat-stop-btn:hover{background:#da3d36}.blocks-panel{border-left:1px solid var(--glass-border-subtle);-webkit-backdrop-filter:blur(8px);background:#080e1a80;flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.blocks-header{color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--glass-border-subtle);flex-shrink:0;padding:8px 12px;font-size:11px;font-weight:600}.blocks-list{flex:1;padding:4px 0;overflow-y:auto}.blocks-category{margin-bottom:2px}.blocks-category-header{width:100%;color:var(--columbia-light);text-align:left;cursor:pointer;background:#1b2a4a4d;border:none;border-left:3px solid #0000;border-radius:0;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:background-color .1s;display:flex}.blocks-category-header:hover{background:#1b2a4a80}.blocks-category-icon{font-size:13px}.blocks-category-name{flex:1}.blocks-category-arrow{color:var(--gray-500);font-size:10px}.blocks-methods{flex-direction:column;display:flex}.blocks-method{text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:0;flex-direction:column;gap:2px;padding:5px 10px 5px 16px;transition:background-color .1s;display:flex}.blocks-method:hover{background:#7ba3c71a}.blocks-method-sig{color:var(--columbia);word-break:break-all;font-family:SF Mono,Fira Code,monospace;font-size:10.5px;line-height:1.3}.blocks-method-desc{color:var(--gray-500);font-size:10px;line-height:1.3}.editor-with-blocks{flex:1;display:flex;overflow:hidden}.editor-with-blocks .editor-container{flex:1;overflow:hidden}.file-tab-blocks{color:var(--gray-500);background:0 0;border-radius:0;margin-left:auto;padding:4px 10px;font-size:11px;font-weight:500}.file-tab-blocks:hover{color:var(--columbia);background:#7ba3c71a}.file-tab-blocks.active{color:var(--columbia-light);background:#7ba3c71f}.editor-panel{flex-direction:column;flex:1;display:flex;overflow:hidden}.file-tabs{-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--glass-border-subtle);background:#080e1a80;flex-shrink:0;align-items:stretch;display:flex;overflow-x:auto}.file-tab{color:var(--gray-500);cursor:pointer;border-right:1px solid var(--glass-border-subtle);white-space:nowrap;align-items:center;gap:6px;padding:5px 10px;font-size:11px;transition:all .12s;display:flex}.file-tab:hover{color:var(--columbia-light);background:#7ba3c71a}.file-tab.active{color:var(--white);border-bottom:2px solid var(--columbia);background:#7ba3c71f;font-weight:500}.file-tab-name{align-items:center;gap:4px;display:flex}.file-tab-dot{background:var(--columbia);border-radius:50%;width:6px;height:6px;display:inline-block}.file-tab-close{color:var(--gray-500);opacity:0;background:0 0;border-radius:3px;padding:0 2px;font-size:11px;line-height:1;transition:opacity .1s}.file-tab:hover .file-tab-close{opacity:1}.file-tab-close:hover{color:var(--danger);background:#f8514933}.file-tab-add{color:var(--gray-500);background:0 0;padding:4px 12px;font-size:16px;font-weight:300}.file-tab-add:hover{color:var(--columbia);background:#7ba3c71a}.editor-container{flex:1;overflow:hidden}.apply-highlight{background:#facc1540;animation:2s ease-out forwards apply-fade}@keyframes apply-fade{0%{background:#facc1540}70%{background:#facc1540}to{background:0 0}}.build-bar{border-top:1px solid var(--glass-border-subtle);-webkit-backdrop-filter:blur(8px);background:#080e1a66;flex-shrink:0;padding:7px 12px}.build-actions{align-items:center;gap:8px;display:flex}.build-btn{color:var(--columbia-light);border:1px solid var(--glass-border);background:#7ba3c72e;border-radius:8px;padding:6px 14px;font-size:11px;font-weight:600}.build-btn:hover:not(:disabled){color:var(--white);border-color:var(--columbia);background:#7ba3c74d}.build-btn:disabled{opacity:.5;cursor:not-allowed}.build-btn.flash-primary{color:var(--success,#34d058);background:#34d05833;border-color:#34d0584d}.build-btn.flash-primary:hover:not(:disabled){color:#fff;background:#34d05859;border-color:#34d05899}.build-btn.build-secondary{color:var(--steel);border-color:var(--glass-border-subtle);background:#7ba3c714;font-weight:500}.build-btn.build-secondary:hover:not(:disabled){color:var(--columbia-light);border-color:var(--glass-border);background:#7ba3c72e}.storage-indicator{color:var(--steel);opacity:.8;font-size:10px}.flash-progress-bar{background:#7ba3c71a;border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.flash-progress-fill{background:var(--success,#34d058);border-radius:2px;height:100%;transition:width .15s ease-out}.build-result{border-radius:var(--radius);margin-top:8px;padding:6px 10px;font-size:12px}.build-result.success{color:var(--success);background:#34d0581a}.build-result.error{color:var(--danger);background:#f851491a}.workspace{background:linear-gradient(160deg,#0a1120 0%,#0e1a2e 40%,#12203a 100%);flex-direction:column;height:100%;display:flex}.workspace-body{flex:1;display:flex;overflow:hidden}.panel-chat{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);flex-direction:column;min-width:0;display:flex;overflow:hidden}.divider{cursor:col-resize;background:#7ba3c726;flex:0 0 3px;transition:background-color .2s,box-shadow .2s;position:relative}.divider:after{content:"";position:absolute;inset:0 -4px}.divider:hover{background:var(--columbia);box-shadow:0 0 12px #7ba3c74d}.panel-editor{-webkit-backdrop-filter:blur(12px);background:#0e172680;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-loading{background:var(--navy-deeper);justify-content:center;align-items:center;height:100%;display:flex}.spinner{border:3px solid #7ba3c74d;border-top-color:var(--columbia);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}