:root{--bg:#09090b;--bg2:#0f0f12;--surface:#111114;--surface2:#18181b;--surface3:#1f1f23;--border:#1c1c20;--border2:#27272a;--border3:#333338;--text:#fafafa;--text2:#a1a1aa;--text3:#71717a;--orange:#f97316;--orange2:#fb923c;--orange3:#fdba74;--orange-dim:#f973160f;--orange-glow:#f973161f;--orange-border:#f9731633;--green:#22c55e;--red:#ef4444;--blue:#3b82f6;--purple:#a855f7;--radius:12px;--radius-sm:8px;--radius-lg:16px;--radius-xl:20px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--glass-bg:#111114b3;--glass-bg2:#11111480;--glass-border:#ffffff14;--glass-border2:#ffffff1a;--glass-blur:blur(16px);--glass-blur-heavy:blur(24px);--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 20px #f9731626;--shadow-glow-lg:0 0 40px #f9731633, 0 0 80px #f973160d;--ease:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--duration:.2s;--duration-slow:.4s;--duration-slower:.6s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em}::selection{color:#fff;background:#f9731640}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}a{color:var(--orange2);transition:color var(--duration) var(--ease);text-decoration:none}a:hover{color:var(--orange3)}button{font-family:var(--font);cursor:pointer;background:0 0;border:none;outline:none}input,textarea{font-family:var(--font);background:0 0;border:none;outline:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 15px #f973161a}50%{box-shadow:0 0 25px #f9731633}}@keyframes borderGlow{0%,to{border-color:var(--orange-border)}50%{border-color:#f9731666}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes dotPulse{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes ripple{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(2.4)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glass-heavy{background:var(--glass-bg2);-webkit-backdrop-filter:var(--glass-blur-heavy);border:1px solid var(--glass-border2)}.gradient-text{background:linear-gradient(135deg, var(--orange), var(--orange3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.noise-overlay:before{content:"";pointer-events:none;z-index:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes ambientBreath{0%,to{opacity:.35;transform:translate(0)scale(1)}50%{opacity:.55;transform:translate(20px,-15px)scale(1.08)}}@keyframes ambientDrift{0%,to{opacity:.25;transform:translate(0)scale(1)}50%{opacity:.4;transform:translate(-25px,20px)scale(1.05)}}.ambient-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.ambient-bg:before,.ambient-bg:after{content:"";filter:blur(120px);will-change:transform, opacity;border-radius:50%;width:900px;height:900px;position:absolute}.ambient-bg:before{background:radial-gradient(circle,#f973161f 0%,#fb923c0f 40%,#0000 70%);animation:14s ease-in-out infinite ambientBreath;top:-300px;right:-200px}.ambient-bg:after{background:radial-gradient(circle,#a855f714 0%,#f973160a 40%,#0000 70%);animation:18s ease-in-out infinite ambientDrift;bottom:-350px;left:-250px}.dot-grid{pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 85%);mask-image:radial-gradient(#000 30%,#0000 85%)}.btn-primary{border-radius:var(--radius-sm);color:#fff;letter-spacing:-.005em;cursor:pointer;transition:transform var(--duration) var(--ease), box-shadow var(--duration) var(--ease), filter var(--duration) var(--ease);background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border:1px solid #f9731673;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #fff3,inset 0 -1px #0003,0 2px 8px #f9731640,0 1px 2px #0000004d}.btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0003,0 4px 16px #f9731666,0 0 24px #f9731633,0 1px 2px #0000004d}.btn-primary:active:not(:disabled){filter:brightness(.96);transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)}.paywall-overlay{-webkit-backdrop-filter:blur(10px);z-index:10000;background:#000000b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.paywall-modal{color:#fff;background:linear-gradient(#141418 0%,#0d0d10 100%);border:1px solid #f973162e;border-radius:20px;width:100%;max-width:640px;max-height:92vh;padding:36px 32px 28px;position:relative;overflow-y:auto;box-shadow:0 40px 100px #0009,0 0 80px #f973160f}.paywall-close{color:#aaa;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.paywall-close:hover{color:#fff;background:#ffffff14}.paywall-header{text-align:center;margin-bottom:26px}.paywall-badge{color:#f97316;letter-spacing:.04em;text-transform:uppercase;background:#f973161f;border:1px solid #f973164d;border-radius:999px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 12px;font-size:.72rem;font-weight:700;display:inline-flex}.paywall-header h2{letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#ccc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:1.55rem;font-weight:800}.paywall-header p{color:#9a9aa3;margin:0;max-width:460px;margin-inline:auto;font-size:.88rem;line-height:1.55}.paywall-packs{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}@media (width<=600px){.paywall-packs{grid-template-columns:repeat(2,1fr)}}.paywall-pack{text-align:center;color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:18px 10px 14px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.paywall-pack:hover{background:#f973160d;border-color:#f9731673;transform:translateY(-2px)}.paywall-pack:disabled{opacity:.5;cursor:not-allowed;transform:none}.paywall-pack.highlight{background:linear-gradient(#f9731617,#f9731605);border-color:#f973168c;box-shadow:0 0 0 1px #f9731633,0 12px 32px -12px #f9731659}.pack-ribbon{color:#fff;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:999px;padding:3px 10px;font-size:.62rem;font-weight:800;position:absolute;top:-9px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px -4px #f973168c}.pack-icon{color:#f97316;background:#f973161f;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-bottom:4px;display:flex}.pack-name{color:#9a9aa3;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.pack-credits{letter-spacing:-.02em;color:#fff;margin-top:2px;font-size:1.35rem;font-weight:800}.pack-credits-label{color:#777;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.65rem}.pack-price{color:#f97316;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;width:100%;min-height:22px;padding-top:8px;font-size:.85rem;font-weight:700;display:flex}.paywall-custom-btn{color:#c8c8d0;cursor:pointer;background:0 0;border:1px dashed #ffffff26;border-radius:11px;width:100%;margin-bottom:14px;padding:12px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s;display:block}.paywall-custom-btn:hover{color:#f97316;background:#f973160a;border-color:#f9731680}.paywall-custom{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;margin-bottom:16px;padding:20px}.paywall-custom label{color:#9a9aa3;text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:.75rem;font-weight:700;display:block}.paywall-custom-row{align-items:center;gap:14px;margin-bottom:14px;display:flex}.custom-input-wrap{flex:0 0 160px;position:relative}.custom-prefix{color:#f97316;font-weight:700;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.custom-input-wrap input{color:#fff;background:#0a0a0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 14px 12px 28px;font-family:inherit;font-size:1.1rem;font-weight:700}.custom-input-wrap input:focus{border-color:#f97316}.custom-credits{color:#9a9aa3;font-size:.9rem}.custom-credits strong{color:#fff;font-weight:700}.paywall-custom-actions{justify-content:space-between;gap:10px;display:flex}.btn-ghost{color:#c8c8d0;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;padding:10px 16px;font-family:inherit;font-size:.85rem;font-weight:600}.btn-ghost:hover{border-color:#fff3}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 22px;font-family:inherit;font-size:.88rem;font-weight:700;display:flex;box-shadow:0 10px 28px -10px #f9731699}.paywall-error{color:#fca5a5;text-align:center;background:#ef444414;border:1px solid #ef444440;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:.82rem}.paywall-skip{color:#777;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;font-family:inherit;font-size:.82rem;transition:color .15s;display:flex}.paywall-skip:hover{color:#f97316}.paywall-secure{text-align:center;color:#555;margin:8px 0 0;font-size:.72rem}.auth-modal{max-width:480px}.auth-pending-prompt{background:#f973160d;border:1px solid #f973162e;border-radius:12px;margin-bottom:18px;padding:12px 14px}.auth-pending-prompt .pending-label{color:#f97316;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.66rem;font-weight:700;display:block}.auth-pending-prompt .pending-text{color:#d4d4dc;-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:60px;font-size:.85rem;line-height:1.45;display:-webkit-box;overflow:hidden}.auth-mode-tabs{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;gap:6px;margin-bottom:16px;padding:4px;display:flex}.auth-mode-tab{color:#9a9aa3;cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.auth-mode-tab:hover{color:#fff}.auth-mode-tab.active{color:#f97316;background:#f973161a}.auth-fields-modal{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.auth-name-row{gap:10px;display:flex}.auth-name-row .auth-input-modal{flex:1}.auth-input-modal{color:#fff;background:#0a0a0d;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.auth-input-modal:focus{border-color:#f97316}.auth-input-modal::placeholder{color:#555}.auth-submit-big{justify-content:center;width:100%;margin-bottom:12px;padding:14px;font-size:.95rem}.auth-link-row{justify-content:center;margin-bottom:12px;display:flex}.auth-text-link{color:#9a9aa3;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:.8rem;font-weight:500;transition:color .15s,background .15s;display:inline-flex}.auth-text-link:hover{color:#f97316;background:#f973160f}.auth-success-box{color:#86efac;background:#22c55e14;border:1px solid #22c55e38;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;display:flex}.auth-success-box svg{flex-shrink:0;margin-top:1px}.auth-success-title{color:#86efac;margin-bottom:4px;font-size:.88rem;font-weight:600}.auth-success-text{color:#a3a3a8;font-size:.82rem;line-height:1.5}.model-selector{position:relative}.model-trigger{color:var(--text2);background:var(--surface);border:1px solid var(--border2);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.model-trigger:hover{border-color:var(--border3);color:var(--text);background:#ffffff08}.model-trigger svg.chevron{transition:transform .2s}.model-trigger svg.chevron.open{transform:rotate(180deg)}.model-selector.compact .model-trigger{padding:4px 10px;font-size:.78rem}.model-dropdown{-webkit-backdrop-filter:blur(32px)saturate(200%);z-index:100;background:#0c0c10 linear-gradient(#18181efa,#0c0c10);border:1px solid #ffffff1a;border-radius:14px;min-width:300px;max-height:400px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;position:absolute;bottom:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 0 0 1px #ffffff0a,0 20px 60px #000000b3,0 0 40px #f973160f}.model-option{text-align:left;background:0 0;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;transition:all .15s;display:flex;position:relative}.model-option:hover{background:#ffffff0f}.model-option.active{background:var(--orange-dim);box-shadow:inset 0 0 0 1px var(--orange-border)}.model-option.active:before{content:"";background:var(--orange);border-radius:1px;width:2px;position:absolute;top:8px;bottom:8px;left:0}.model-option-left{align-items:center;gap:8px;display:flex}.model-name{color:var(--text);font-size:.85rem;font-weight:600}.model-tag{color:var(--orange);background:var(--orange-dim);text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.model-desc{color:var(--text3);font-size:.75rem}.model-option.locked{opacity:.45;cursor:not-allowed}.model-option.locked .model-desc{color:var(--orange);opacity:.7}.model-lock{color:var(--text3)}.model-upgrade{text-align:center;color:var(--orange);background:var(--orange-dim);border:1px solid var(--orange-border);border-radius:8px;margin:4px 6px 6px;padding:10px;font-size:.78rem;font-weight:600;transition:all .15s;display:block}.model-upgrade:hover{color:var(--orange2);background:#f973161f}.settings-overlay-v2{-webkit-backdrop-filter:blur(8px);z-index:200;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.settings-modal-v2{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:210;background:linear-gradient(#121218fa,#0c0c10fa);border:1px solid #ffffff14;border-radius:18px;width:min(960px,92vw);height:min(680px,88vh);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000b3,inset 0 0 1px #ffffff0d}.settings-sidebar{background:#00000040;border-right:1px solid #ffffff0d;flex-direction:column;flex-shrink:0;width:220px;padding:24px 14px;display:flex}.settings-sidebar-header{border-bottom:1px solid #ffffff0d;margin-bottom:12px;padding:0 10px 20px}.settings-sidebar-header h2{background:linear-gradient(135deg,#fff,#aaa);-webkit-text-fill-color:transparent;letter-spacing:-.01em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.05rem;font-weight:700}.settings-nav{flex-direction:column;gap:2px;display:flex}.settings-nav-item{color:var(--text3,#888);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex;position:relative}.settings-nav-item:hover{color:var(--text,#fff);background:#ffffff08}.settings-nav-item.active{color:#f97316;background:linear-gradient(135deg,#f973161f,#f973160a);border-color:#f9731640}.nav-count{color:var(--text2,#aaa);background:#ffffff14;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:.68rem;font-weight:600}.settings-nav-item.active .nav-count{color:#f97316;background:#f9731633}.settings-content{flex:1;padding:30px 36px;position:relative;overflow-y:auto}.settings-close-v2{width:32px;height:32px;color:var(--text2,#aaa);cursor:pointer;z-index:5;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:18px;right:18px}.settings-close-v2:hover{color:var(--text,#fff);background:#ffffff14}.settings-pane{min-height:100%}.pane-header{margin-bottom:24px;padding-right:40px}.pane-header h3{color:var(--text,#fff);letter-spacing:-.01em;margin:0 0 6px;font-size:1.3rem;font-weight:700}.pane-header p{color:var(--text3,#888);margin:0;font-size:.84rem;line-height:1.5}.pane-header code{color:#f97316;font-size:.88em;font-family:var(--mono,monospace);background:#f973161a;border-radius:4px;padding:1px 6px}.pane-back{color:var(--text3,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;margin-bottom:14px;margin-left:-8px;padding:4px 8px;font-size:.8rem;transition:all .15s;display:flex}.pane-back:hover{color:var(--text,#fff);background:#ffffff0a}.integrations-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.integration-tile{cursor:pointer;text-align:left;width:100%;color:inherit;background:#ffffff06;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:14px;padding:14px;transition:all .2s;display:flex}.integration-tile:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px)}.integration-tile.connected{background:linear-gradient(135deg,#3ecf8e0a,#3ecf8e03);border-color:#3ecf8e40}.integration-tile.connected:hover{border-color:#3ecf8e66}.integration-tile-icon{border:1px solid;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.integration-tile-info{flex:1;min-width:0}.integration-tile-name{color:var(--text,#fff);align-items:center;gap:6px;margin-bottom:3px;font-size:.9rem;font-weight:600;display:flex}.connected-dot{background:#3ecf8e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #3ecf8e99}.integration-tile-desc{color:var(--text3,#888);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.74rem;line-height:1.4;display:-webkit-box;overflow:hidden}.integration-tile-status{width:28px;height:28px;color:var(--text3,#888);background:#ffffff0a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.integration-tile.connected .integration-tile-status{color:#3ecf8e;background:#3ecf8e1f}.integration-detail-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:20px;display:flex}.integration-detail-icon{border:1px solid;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.integration-detail-title{flex:1;min-width:0}.integration-detail-title h3{color:var(--text,#fff);margin:0 0 3px;font-size:1.15rem;font-weight:700}.integration-detail-title p{color:var(--text3,#888);margin:0;font-size:.8rem}.integration-detail-docs{color:var(--text2,#aaa);background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:5px;padding:7px 12px;font-size:.76rem;text-decoration:none;transition:all .15s;display:flex}.integration-detail-docs:hover{color:var(--text,#fff);background:#ffffff14}.integration-detail-note{color:#f4c76e;background:#ffba4914;border:1px solid #ffba4938;border-radius:10px;align-items:flex-start;gap:10px;margin:16px 0;padding:12px 14px;font-size:13px;line-height:1.5;display:flex}.integration-detail-note svg{flex-shrink:0;margin-top:2px}.supa-oauth-section{margin-bottom:20px}.supa-oauth-connect{background:linear-gradient(135deg,#3ecf8e14,#3ecf8e05);border:1px solid #3ecf8e40;border-radius:12px;align-items:center;gap:16px;padding:18px;display:flex}.supa-oauth-info{flex:1}.supa-oauth-info h4{color:var(--text,#fff);margin:0 0 4px;font-size:.92rem;font-weight:600}.supa-oauth-info p{color:var(--text3,#888);margin:0;font-size:.76rem;line-height:1.45}.supa-connected-bar{color:var(--text,#fff);background:#3ecf8e14;border:1px solid #3ecf8e40;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:12px 16px;font-size:.82rem;display:flex}.supa-connected-bar>div{align-items:center;gap:8px;display:flex}.supa-projects-section{margin-bottom:16px}.supa-projects-section h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text3,#888);margin:0 0 10px;font-size:.72rem;font-weight:600}.supa-project-list{flex-direction:column;gap:6px;display:flex}.supa-project-card{cursor:pointer;color:inherit;text-align:left;background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;padding:11px 14px;transition:all .15s;display:flex}.supa-project-card:hover:not(:disabled){background:#3ecf8e0f;border-color:#3ecf8e40}.supa-project-card:disabled{opacity:.5;cursor:wait}.supa-project-card-name{color:var(--text,#fff);font-size:.84rem;font-weight:500}.supa-project-card-region{color:var(--text3,#888);font-size:.68rem;font-family:var(--mono,monospace);margin-top:2px}.supa-project-card-action{color:#3ecf8e;font-size:.74rem;font-weight:600}.supa-create-section{margin-bottom:16px}.supa-create-form-v2{gap:6px;display:flex}.supa-create-form-v2 input{color:var(--text,#fff);background:#00000059;border:1px solid #ffffff1a;border-radius:8px;outline:none;flex:1;padding:9px 12px;font-size:.8rem;transition:border-color .15s}.supa-create-form-v2 input:focus{border-color:#3ecf8e66}.integration-manual{margin-top:8px}.manual-divider{color:var(--text3,#888);align-items:center;gap:12px;margin:24px 0 20px;font-size:.74rem;display:flex}.manual-divider:before,.manual-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.field-list{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.field-item label{color:var(--text2,#aaa);margin-bottom:6px;font-size:.74rem;font-weight:500;display:block}.field-item input{width:100%;color:var(--text,#fff);font-size:.82rem;font-family:var(--mono,monospace);background:#00000059;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 13px;transition:border-color .15s}.field-item input:focus{background:#00000080;border-color:#f9731680}.field-item input::placeholder{color:var(--text3,#666);font-family:var(--mono,monospace)}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 12px #f9731640}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f9731666}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary.full-width{width:100%}.btn-outline{color:var(--text2,#aaa);cursor:pointer;background:0 0;border:1px dashed #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 14px;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-outline:hover{color:#f97316;background:#ffffff08;border-color:#f973164d}.btn-ghost{color:var(--text2,#aaa);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:9px 12px;font-size:.78rem;transition:all .15s}.btn-ghost:hover{color:var(--text,#fff);background:#ffffff14}.btn-ghost-danger{color:var(--text3,#888);cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:6px;padding:7px 12px;font-size:.74rem;transition:all .15s}.btn-ghost-danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.alert-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.78rem}.alert-success{color:#3ecf8e;background:#3ecf8e1a;border:1px solid #3ecf8e4d;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:10px 14px;font-size:.78rem;display:flex}.secrets-add-v2{background:#f973160a;border:1px dashed #f9731640;border-radius:10px;grid-template-columns:220px 1fr auto;gap:8px;margin-bottom:16px;padding:14px;display:grid}.secret-field{color:var(--text,#fff);font:.8rem var(--mono,monospace);background:#0006;border:1px solid #ffffff14;border-radius:7px;outline:none;padding:9px 12px;transition:border-color .15s}.secret-field:focus{border-color:#f9731680}.secret-field-key{color:#f97316;font-weight:600}.secrets-list-v2{flex-direction:column;gap:6px;display:flex}.secret-item{background:#ffffff06;border:1px solid #ffffff0f;border-radius:9px;align-items:center;gap:10px;padding:11px 14px;transition:background .15s;display:flex}.secret-item:hover{background:#ffffff0a}.secret-item-info{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.secret-item-key{font-family:var(--mono,monospace);color:#f97316;white-space:nowrap;text-overflow:ellipsis;max-width:220px;font-size:.78rem;font-weight:600;overflow:hidden}.secret-item-value{font-family:var(--mono,monospace);color:var(--text2,#aaa);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.76rem;overflow:hidden}.secret-item-actions{flex-shrink:0;gap:4px;display:flex}.icon-btn{width:28px;height:28px;color:var(--text3,#888);cursor:pointer;background:0 0;border:1px solid #ffffff0f;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.icon-btn:hover{color:var(--text,#fff);background:#ffffff0f;border-color:#ffffff26}.icon-btn-danger:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.empty-state{color:var(--text3,#888);text-align:center;background:#ffffff04;border:1px dashed #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:48px 20px;display:flex}.empty-state p{color:var(--text2,#aaa);margin:12px 0 4px;font-size:.88rem}.empty-state span{color:var(--text3,#666);font-size:.76rem}.account-card{flex-direction:column;gap:8px;display:flex}.account-link{color:inherit;background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .15s;display:flex}.account-link:hover{background:#ffffff0d;border-color:#f9731640}.account-link>div{flex:1}.account-link-title{color:var(--text,#fff);margin-bottom:2px;font-size:.88rem;font-weight:500}.account-link-desc{color:var(--text3,#888);font-size:.74rem}.about-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.about-card{background:#ffffff06;border:1px solid #ffffff0f;border-radius:10px;padding:14px}.about-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text3,#888);margin-bottom:6px;font-size:.68rem}.about-card-value{color:var(--text,#fff);font-size:.92rem;font-weight:600}.about-links{flex-direction:column;gap:6px;display:flex}.about-link-item{color:var(--text2,#aaa);background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.82rem;text-decoration:none;transition:all .15s;display:flex}.about-link-item:hover{color:var(--text,#fff);background:#ffffff0d}@media (width<=720px){.settings-modal-v2{width:95vw;height:90vh}.settings-sidebar{width:60px;padding:16px 8px}.settings-sidebar-header h2{display:none}.settings-nav-item{justify-content:center;padding:10px}.settings-nav-item span,.settings-nav-item{font-size:0}.settings-nav-item svg{width:18px;height:18px}.nav-count{display:none}.integrations-grid,.secrets-add-v2{grid-template-columns:1fr}.settings-content{padding:24px 20px}}.onboarding-overlay{-webkit-backdrop-filter:blur(12px);z-index:500;background:#000000d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onboarding-bg-glow{pointer-events:none;background:radial-gradient(circle,#f973162e 0%,#0000 60%);width:600px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.onboarding-modal{z-index:510;background:linear-gradient(#141419fa,#0f0f14fa);border:1px solid #ffffff1a;border-radius:20px;width:min(560px,95vw);padding:40px;position:relative;box-shadow:0 30px 80px #000000b3,0 0 80px #f9731626}.onboarding-skip{color:var(--text3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:.78rem;transition:all .15s;position:absolute;top:16px;right:20px}.onboarding-skip:hover{color:var(--text2);background:#ffffff0d}.onboarding-step{flex-direction:column;align-items:flex-start;min-height:280px;display:flex}.onboarding-icon{color:#f97316;background:linear-gradient(135deg,#f9731633,#ea580c1a);border:1px solid #f973164d;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:20px;display:flex;box-shadow:0 8px 24px #f9731626}.onboarding-step h2{background:linear-gradient(135deg,#fff,#aaa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 10px;font-size:1.6rem;font-weight:700}.onboarding-step p{color:var(--text2);margin:0 0 20px;font-size:.92rem;line-height:1.5}.onboarding-step ul{width:100%;margin:0;padding:0;list-style:none}.onboarding-step li{color:var(--text);border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:10px 0;font-size:.86rem;display:flex}.onboarding-step li:before{content:"→";color:#f97316;font-size:14px;font-weight:700}.onboarding-step li:last-child{border-bottom:none}.onboarding-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;display:flex}.onboarding-dots{gap:6px;display:flex}.onboarding-dots .dot{background:#ffffff26;border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dots .dot.active{background:#f97316;border-radius:4px;width:24px}.onboarding-dots .dot.done{background:#f9731666}.onboarding-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:.86rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #f973164d}.onboarding-next:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f9731666}.welcome{flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.welcome-glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#f9731612 0%,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:-180px;left:50%;transform:translate(-50%)}.welcome-glow-secondary{pointer-events:none;z-index:0;background:radial-gradient(circle,#fb923c0a 0%,#0000 60%);border-radius:50%;width:500px;height:500px;position:absolute;bottom:-200px;left:50%;transform:translate(-50%)}.welcome-logo{z-index:1;background:var(--orange-dim);border:1px solid #f9731633;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.logo-img{width:38px;height:38px}.welcome-title{z-index:1;letter-spacing:-.03em;color:var(--text);text-align:center;font-size:2.4rem;font-weight:800;line-height:1.15;position:relative}.welcome-subtitle{z-index:1;color:var(--text2);margin-top:-4px;font-size:1rem;position:relative}.quick-starts{z-index:1;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex;position:relative}.quick-pill{color:var(--text2);background:var(--surface);border:1px solid var(--border2);border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.quick-pill:hover{color:var(--text);background:var(--orange-dim);border-color:#f9731666;transform:translateY(-1px)}.quick-pill svg{opacity:.75}.quick-pill:hover svg{opacity:1;color:var(--orange)}.input-wrap{z-index:1;border-radius:var(--radius);background:var(--border);width:100%;max-width:640px;margin-top:12px;padding:2px;transition:all .3s;position:relative}.input-wrap.focused{background:linear-gradient(135deg, var(--orange), var(--orange2), #f973164d);box-shadow:0 0 40px #f9731614,0 0 80px #f973160a}.input-wrap.drag-over{background:linear-gradient(135deg, var(--orange), var(--orange2));box-shadow:0 0 40px #f9731626}.welcome-drop-overlay{z-index:20;border-radius:calc(var(--radius) - 2px);color:var(--orange);pointer-events:none;background:#0a0a0feb;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.85rem;font-weight:500;display:flex;position:absolute;inset:2px}.input-wrap.focused .input-glow-border{opacity:1}.input-glow-border{border-radius:calc(var(--radius) + 1px);background:conic-gradient(from 0deg, var(--orange), var(--orange2), #f9731633, var(--orange));opacity:0;z-index:-1;filter:blur(4px);transition:opacity .4s;animation:4s linear infinite borderRotate;position:absolute;inset:-1px}@keyframes borderRotate{to{filter:blur(4px)hue-rotate(30deg)}}.input-inner{background:var(--surface);border-radius:calc(var(--radius) - 2px);flex-direction:column;gap:8px;padding:16px 20px 12px;display:flex}.input-inner textarea{width:100%;color:var(--text);resize:none;background:0 0;min-height:48px;max-height:120px;font-size:.95rem;line-height:1.5}.input-inner textarea::placeholder{color:var(--text3)}.input-actions{justify-content:space-between;align-items:center;display:flex}.input-left-actions{gap:4px;display:flex}.attach-btn{width:32px;height:32px;color:var(--text3);background:0 0;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.attach-btn:hover{color:var(--text2);background:var(--surface2)}.send-btn{background:var(--border2);width:36px;height:36px;color:var(--text3);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.send-btn.active{background:var(--orange);color:#000;box-shadow:0 4px 16px #f973164d}.send-btn.active:hover{transform:translateY(-1px);box-shadow:0 6px 24px #f9731666}.send-group{align-items:center;gap:6px;display:flex}.enhance-btn{border:1px solid var(--border2);width:34px;height:34px;color:var(--text3);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.enhance-btn:hover:not(:disabled){border-color:var(--orange);color:var(--orange);background:#f9731614}.enhance-btn:disabled{opacity:.4;cursor:default}.enhance-btn.enhancing{border-color:var(--orange);color:var(--orange)}.enhance-btn .spin{animation:.8s linear infinite spin}.auth-card{z-index:1;background:var(--surface);border:1px solid var(--border2);border-radius:var(--radius-lg);width:100%;max-width:400px;margin-top:8px;padding:24px;position:relative}.auth-checking{color:var(--text2);justify-content:center;align-items:center;gap:10px;padding:20px;font-size:.85rem;display:flex}.auth-tabs{background:var(--bg);border-radius:10px;gap:2px;margin-bottom:20px;padding:3px;display:flex}.auth-tab{color:var(--text3);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.auth-tab.active{color:var(--text);background:var(--surface3);box-shadow:0 1px 4px #0000004d}.auth-tab:hover:not(.active){color:var(--text2)}.auth-hint{color:var(--text2);margin-bottom:12px;font-size:.78rem;line-height:1.5}.auth-fields{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.auth-row{gap:10px;display:flex}.auth-row .auth-input{flex:1}.auth-input{background:var(--bg);width:100%;color:var(--text);border:1px solid var(--border2);border-radius:10px;padding:10px 12px;font-size:.85rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:var(--orange-border);box-shadow:0 0 0 3px var(--orange-dim);outline:none}.auth-input::placeholder{color:var(--text3)}.auth-error{color:var(--red);background:#ef44440f;border:1px solid #ef444426;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:.78rem}.auth-submit{color:#fff;background:linear-gradient(135deg, var(--orange), #ea580c);border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 12px #f9731633}.auth-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 20px #f973164d}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.user-badge{background:#22c55e0d;border:1px solid #22c55e33;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:flex}.user-badge-name{color:var(--text);font-weight:600}.user-badge-balance{color:#22c55e;font-family:JetBrains Mono,monospace;font-weight:600}.user-badge-balance.low{color:#ef4444}.welcome-footer{z-index:1;color:var(--text3);margin-top:24px;font-size:.78rem;position:relative}.footer-brand{color:var(--text2);font-weight:700}.footer-brand span{color:var(--orange)}.footer-logout{color:var(--text3);font-size:inherit;text-underline-offset:3px;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;transition:color .15s}.footer-logout:hover{color:var(--text2)}.quick-pill-templates{color:#f97316!important;background:linear-gradient(135deg,#f9731626,#ea580c1a)!important;border-color:#f973164d!important}.quick-pill-templates:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f9731633;background:linear-gradient(135deg,#f9731640,#ea580c26)!important;border-color:#f9731680!important}.templates-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.templates-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:110;background:#0f0f14fa;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:min(880px,92vw);max-height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 80px #0009}.templates-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:24px 28px 16px;display:flex}.templates-header h2{background:linear-gradient(135deg,#fff,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.4rem;font-weight:700}.templates-header p{color:var(--text3);margin:4px 0 0;font-size:.82rem}.templates-close{width:32px;height:32px;color:var(--text2);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;font-size:14px;transition:all .2s}.templates-close:hover{color:var(--text);background:#ffffff0d}.templates-tabs{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:4px;padding:14px 28px;display:flex}.templates-tab{color:var(--text2);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:all .15s;display:flex}.templates-tab:hover{color:var(--text);background:#ffffff0f}.templates-tab.active{color:#f97316;background:linear-gradient(135deg,#f9731633,#ea580c1a);border-color:#f9731666}.templates-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:20px 28px 28px;display:grid;overflow-y:auto}.template-card{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:14px;padding:16px;transition:all .2s;display:flex}.template-card:hover{background:#ffffff0f;border-color:#f973164d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.template-icon{background:#f973161a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:28px;display:flex}.template-info{flex:1;min-width:0}.template-name{color:var(--text);margin-bottom:3px;font-size:.92rem;font-weight:600}.template-desc{color:var(--text3);font-size:.74rem;line-height:1.4}@media (width<=720px){.templates-grid{grid-template-columns:1fr}}.welcome-topbar{z-index:20;align-items:center;gap:8px;display:flex;position:absolute;top:20px;right:24px}.welcome-icon-btn{width:36px;height:36px;color:var(--text2);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.welcome-icon-btn:hover{color:var(--text);background:#ffffff14;border-color:#f973164d}.welcome-user-wrap{position:relative}.welcome-user-btn{color:#fff;cursor:pointer;width:36px;height:36px;font:600 12px/1 var(--sans,system-ui);background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid #f973164d;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.welcome-user-btn:hover{transform:scale(1.05);box-shadow:0 0 16px #f9731666}.welcome-user-initials{letter-spacing:.05em}.welcome-menu-backdrop{z-index:25;position:fixed;inset:0}.welcome-user-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:30;background:#141419fa;border:1px solid #ffffff1a;border-radius:10px;min-width:200px;padding:8px;position:absolute;top:44px;right:0;box-shadow:0 12px 40px #0009}.welcome-menu-header{flex-direction:column;gap:2px;padding:8px 10px;display:flex}.welcome-menu-name{color:var(--text);font-size:.8rem;font-weight:600}.welcome-menu-balance{color:#22c55e;font-size:.72rem;font-family:var(--mono,monospace)}.welcome-menu-divider{background:#ffffff14;height:1px;margin:4px 0}.welcome-menu-item{width:100%;color:var(--text2);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;text-decoration:none;transition:all .15s;display:flex}.welcome-menu-item:hover{color:var(--text);background:#ffffff0d}.welcome-menu-item.logout:hover{color:#ef4444}.saved-projects{width:100%;max-width:640px;margin-top:8px}.saved-projects-header{color:var(--text3);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:8px;font-size:.8rem;font-weight:500;display:flex}.saved-projects-list{grid-template-columns:1fr 1fr;gap:8px;display:grid}.saved-project-card{cursor:pointer;text-align:left;width:100%;color:inherit;font:inherit;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;transition:all .2s;display:flex}.saved-project-card:hover{background:#ffffff0f;border-color:#f973164d}.project-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.project-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:500;overflow:hidden}.project-card-meta{color:var(--text3);align-items:center;gap:4px;font-size:.7rem;display:flex}.project-card-delete{color:var(--text3);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:opacity .2s,color .2s}.saved-project-card:hover .project-card-delete{opacity:1}.project-card-delete:hover{color:#ef4444}.saved-projects-loading{color:var(--text3);justify-content:center;padding:12px;display:flex}@media (width<=640px){.welcome-title{font-size:1.8rem}.welcome-subtitle{font-size:.9rem}.input-wrap{max-width:100%}.saved-projects-list{grid-template-columns:1fr}}.pay-toast{color:#6ee7b7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10001;background:linear-gradient(135deg,#10b98126,#10b98114);border:1px solid #10b98173;border-radius:12px;padding:14px 22px;font-size:.9rem;font-weight:600;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 20px 48px -16px #0009}.welcome-footer .footer-sep{opacity:.3;margin:0 4px}.welcome-footer .footer-ext-link{color:var(--text2,#888);border-bottom:1px dashed #ffffff26;padding-bottom:1px;text-decoration:none;transition:color .15s}.welcome-footer .footer-ext-link:hover{color:#f97316;border-bottom-color:#f97316}@media (width<=600px){.welcome-footer{flex-direction:column;gap:4px}.welcome-footer .footer-sep{display:none}}.welcome-topbar-auth{align-items:center;gap:8px;display:flex}.welcome-auth-link{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.welcome-auth-link-secondary{color:#d4d4dc;background:0 0;border-color:#ffffff1a}.welcome-auth-link-secondary:hover{color:#fff;background:#ffffff0a;border-color:#ffffff2e;transform:translateY(-1px)}.welcome-auth-link-primary{color:#fff;background:linear-gradient(135deg,#f97316,#ea580c);border-color:#f9731699;box-shadow:0 4px 14px #f9731647,inset 0 1px #ffffff29}.welcome-auth-link-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #f973166b,inset 0 1px #fff3}@media (width<=480px){.welcome-topbar-auth{gap:6px}.welcome-auth-link{padding:8px 14px;font-size:.8rem}}.welcome-attached-images{flex-wrap:wrap;gap:8px;padding:12px 14px 4px;display:flex}.welcome-attached-image{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:8px;width:56px;height:56px;position:relative;overflow:hidden}.welcome-attached-image img{object-fit:cover;width:100%;height:100%;display:block}.welcome-attached-remove{color:#fff;cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:14px;line-height:1;transition:background .15s;display:flex;position:absolute;top:2px;right:2px}.welcome-attached-remove:hover{background:#ef4444}.welcome-capabilities{text-align:center;max-width:620px;color:var(--text3,#777);letter-spacing:.01em;margin:-8px auto 24px;font-size:.82rem;line-height:1.55}@media (width<=600px){.welcome-capabilities{padding:0 18px;font-size:.75rem}}.verify-banner{color:#ffb27a;background:linear-gradient(135deg,#fa73151f,#ea580c14);border:1px solid #fa73154d;border-radius:12px;align-items:center;gap:12px;max-width:680px;margin:18px auto 0;padding:11px 14px;font-size:.88rem;line-height:1.4;display:flex;box-shadow:0 6px 24px -12px #fa731559}.verify-banner>svg{color:#ffb27a;flex-shrink:0}.verify-banner-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.verify-banner-text strong{color:#fff;font-size:.9rem;font-weight:600}.verify-banner-text span{color:#d9b89b;font-size:.82rem}.verify-banner-btn{color:#fff;cursor:pointer;background:#fa731538;border:1px solid #fa731580;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:7px 13px;font-size:.8rem;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.verify-banner-btn:hover:not(:disabled){background:#fa731559}.verify-banner-btn:active:not(:disabled){transform:translateY(1px)}.verify-banner-btn:disabled{opacity:.6;cursor:default}@media (width<=600px){.verify-banner{flex-wrap:wrap;margin:14px 14px 0}.verify-banner-btn{margin-left:auto}}.loading-transition{background:var(--bg);z-index:1000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.loading-bg{pointer-events:none;position:absolute;inset:0}.loading-glow{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.loading-glow-1{background:radial-gradient(circle,#f9731633,#0000 70%);width:300px;height:300px;animation:3s ease-in-out infinite floatUp;top:30%;left:40%}.loading-glow-2{background:radial-gradient(circle,#fb923c1f,#0000 70%);width:200px;height:200px;animation:3s ease-in-out 1s infinite floatUp;top:50%;left:55%}.loading-content{z-index:1;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.loading-logo-wrap{justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative}.loading-logo{z-index:1;filter:drop-shadow(0 0 16px #f9731666);width:36px;height:36px;position:relative}.loading-logo-ring{border:2px solid var(--orange-border);opacity:.4;border-radius:50%;animation:4s linear infinite spin;position:absolute;inset:0}.loading-logo-ring-2{border:1px dashed var(--border2);opacity:.2;animation:8s linear infinite reverse spin;inset:-6px}.loading-brand{color:var(--text);letter-spacing:-.03em;font-size:1.4rem;font-weight:800}.loading-brand span{background:linear-gradient(135deg, var(--orange), var(--orange3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.loading-steps{flex-direction:column;gap:12px;min-width:220px;display:flex}.loading-step{color:var(--text3);align-items:center;gap:12px;font-size:.85rem;transition:color .3s;display:flex}.loading-step.active{color:var(--text)}.loading-step.done{color:var(--text2)}.step-indicator{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.step-dot{background:var(--border2);border-radius:50%;width:6px;height:6px}.step-check{background:linear-gradient(135deg, var(--orange), #ea580c);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.65rem;font-weight:700;display:flex;box-shadow:0 0 12px #f9731640}.step-spinner{border:2px solid var(--border2);border-top-color:var(--orange);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.step-label{font-weight:500}.loading-progress-wrap{max-width:220px}.loading-progress-track{background:var(--border);border-radius:2px;width:100%;height:3px;overflow:hidden}.loading-progress-bar{background:linear-gradient(90deg, var(--orange), var(--orange2));border-radius:2px;height:100%;transition:width 30ms linear;box-shadow:0 0 8px #f973164d}.explorer{background:var(--bg2);border-right:1px solid var(--border);flex-direction:column;width:200px;min-width:200px;display:flex;overflow:hidden}.explorer-header{color:var(--text3);letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:.66rem;font-weight:700;display:flex}.explorer-count{color:var(--text3);text-align:center;letter-spacing:0;background:#ffffff0a;border-radius:10px;min-width:18px;padding:1px 6px;font-size:.6rem;font-weight:600}.explorer-toolbar{background:#00000026;border-bottom:1px solid #ffffff0a;align-items:center;gap:2px;padding:6px 10px;display:flex}.explorer-tool-btn{width:26px;height:26px;color:var(--text3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.explorer-tool-btn:hover{color:var(--text);background:#ffffff0f;border-color:#ffffff14}.explorer-tree{flex:1;padding:6px;overflow-y:auto}.rename-input{color:var(--text);font:inherit;background:#0006;border:1px solid #f9731666;border-radius:4px;outline:none;flex:1;min-width:0;padding:2px 6px;font-size:.78rem}.rename-input:focus{border-color:#f97316b3;box-shadow:0 0 0 2px #f973161a}.explorer-file.creating{background:#f973160d}.ctx-menu-backdrop{z-index:90;position:fixed;inset:0}.ctx-menu{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#141419fa;border:1px solid #ffffff1a;border-radius:8px;min-width:170px;margin-top:-8px;padding:4px;animation:.15s ctxFadeIn;position:absolute;left:24px;box-shadow:0 12px 36px #0009}.ctx-menu-fixed{margin-top:0;position:fixed;left:auto}@keyframes ctxFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ctx-menu button{width:100%;color:var(--text2);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:5px;align-items:center;gap:8px;padding:7px 10px;font-size:.76rem;transition:all .12s;display:flex}.ctx-menu button:hover{color:var(--text);background:#ffffff0d}.ctx-menu button.ctx-danger:hover{color:#ef4444;background:#ef44441a}.explorer-empty{text-align:center;animation:fadeIn var(--duration-slow) var(--ease);flex-direction:column;align-items:center;gap:12px;padding:32px 16px;display:flex}.empty-logo-wrap{justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.empty-logo{opacity:.3;z-index:1;width:24px;height:24px;animation:2s ease-in-out infinite pulse;position:relative}.empty-logo-ring{border:1px solid var(--orange-border);opacity:.5;border-radius:50%;animation:2s ease-in-out infinite ripple;position:absolute;inset:0}.explorer-empty span{color:var(--text3);font-size:.72rem;line-height:1.5}.ficon{color:var(--text3);flex-shrink:0;transition:color .15s}.ficon-html{color:#e44d26}.ficon-css{color:#42a5f5}.ficon-js{color:#f7df1e}.ficon-react{color:#61dafb}.ficon-json{color:#8bc34a}.ficon-md{color:var(--text3)}.ficon-env{color:#f97316}.ficon-folder{color:var(--orange2);opacity:.9}.explorer-folder-group{margin-bottom:2px}.explorer-folder{color:var(--text2);letter-spacing:-.01em;text-align:left;cursor:pointer;border-radius:6px;align-items:center;gap:5px;width:100%;padding:5px 8px;font-size:.76rem;font-weight:600;transition:all .15s;display:flex}.explorer-folder:hover{color:var(--text);background:#ffffff08}.folder-chevron{color:var(--text3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.folder-count{color:var(--text3);opacity:.85;margin-left:auto;font-size:.6rem;font-weight:500}.folder-children{overflow:hidden}.explorer-file{width:100%;color:var(--text2);text-align:left;background:0 0;border-radius:6px;align-items:center;gap:7px;padding:5px 10px;font-size:.78rem;transition:all .15s;display:flex;position:relative}.explorer-file.nested{padding-left:32px}.explorer-file:hover{color:var(--text);background:#ffffff0a}.explorer-file.active{background:var(--orange-dim);color:var(--orange2);box-shadow:inset 0 0 0 1px var(--orange-border)}.explorer-file.active:before{content:"";background:var(--orange);border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:0}.explorer-file.active .ficon{color:var(--orange)}.file-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ficon-thumb{object-fit:cover;border:1px solid #ffffff14;border-radius:3px;flex-shrink:0;width:16px;height:16px}.ficon-image{color:#f97316}.explorer{transition:background .15s;position:relative}.explorer.drag-over{background:#f973160a}.explorer-drop-overlay{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f97316;pointer-events:none;background:#0a0a0dd9;border:2px dashed #f973168c;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;margin:8px;font-size:.82rem;font-weight:600;display:flex;position:absolute;inset:0}.gh-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;background:#000000b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.gh-modal{background:linear-gradient(#1a1a1f 0%,#141418 100%);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:85vh;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #0009,0 0 0 1px #f973160f}.gh-modal-close{color:#aaa;cursor:pointer;z-index:2;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.gh-modal-close:hover{color:#fff;background:#ffffff1a}.gh-modal-header{border-bottom:1px solid #ffffff0f;align-items:center;gap:14px;padding:22px 24px 18px;display:flex}.gh-modal-icon{color:#f0f6fc;background:#f0f6fc14;border:1px solid #f0f6fc26;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.gh-modal-header h2{color:#fff;margin:0 0 3px;font-size:1.05rem;font-weight:700}.gh-modal-header p{color:#888;margin:0;font-size:.82rem}.gh-modal-header p strong{color:#ccc;font-weight:600}.gh-modal-tabs{border-bottom:1px solid #ffffff0f;gap:4px;padding:14px 24px 0;display:flex}.gh-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 14px;font-family:inherit;font-size:.84rem;font-weight:500;transition:all .15s;display:flex}.gh-tab:hover{color:#ccc}.gh-tab.active{color:#f97316;border-bottom-color:#f97316}.gh-tab-count{color:#aaa;background:#ffffff14;border-radius:8px;padding:1px 6px;font-size:.7rem;font-weight:600}.gh-tab.active .gh-tab-count{color:#f97316;background:#f9731626}.gh-modal-body{flex-direction:column;flex:1;gap:14px;padding:18px 24px;display:flex;overflow-y:auto}.gh-search{color:#888;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9px;align-items:center;gap:8px;padding:9px 12px;display:flex}.gh-search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.84rem}.gh-loading,.gh-empty{text-align:center;color:#888;justify-content:center;align-items:center;gap:8px;padding:30px 10px;font-size:.85rem;display:flex}.gh-repo-list{flex-direction:column;gap:4px;max-height:280px;margin:0 -4px;padding:0 4px;display:flex;overflow-y:auto}.gh-repo-item{cursor:pointer;text-align:left;background:#ffffff05;border:1px solid #ffffff0f;border-radius:9px;align-items:center;gap:11px;padding:11px 12px;font-family:inherit;transition:all .15s;display:flex}.gh-repo-item:hover:not(:disabled){background:#f973160f;border-color:#f973164d}.gh-repo-item:disabled{opacity:.5;cursor:not-allowed}.gh-repo-icon{color:#888;background:#ffffff0d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.gh-repo-info{flex:1;min-width:0}.gh-repo-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:500;overflow:hidden}.gh-repo-desc{color:#777;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.74rem;overflow:hidden}.gh-repo-link{color:#666;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:flex}.gh-repo-link:hover{color:#ccc;background:#ffffff0f}.gh-new-form,.gh-message-field{flex-direction:column;display:flex}.gh-new-form label,.gh-message-field label{flex-direction:column;gap:6px;display:flex}.gh-new-form span,.gh-message-field span{color:#888;letter-spacing:.02em;text-transform:uppercase;font-size:.76rem;font-weight:600}.gh-new-form input,.gh-message-field input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9px;outline:none;padding:11px 14px;font-family:inherit;font-size:.88rem;transition:all .15s}.gh-new-form input:focus,.gh-message-field input:focus{background:#f973160a;border-color:#f9731680}.gh-new-form small{color:#666;margin-top:2px;font-size:.72rem}.gh-modal-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444440;border-radius:9px;margin:0 24px 12px;padding:10px 14px;font-size:.82rem}.gh-modal-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:8px;padding:14px 24px 18px;display:flex}.gh-btn-ghost{color:#aaa;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:9px;padding:9px 16px;font-family:inherit;font-size:.84rem;transition:all .15s}.gh-btn-ghost:hover:not(:disabled){color:#fff;background:#ffffff0a}.gh-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 18px;font-family:inherit;font-size:.84rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 14px #f9731659}.gh-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f9731680}.gh-btn-primary:disabled{opacity:.5;cursor:not-allowed}.spin{animation:.9s linear infinite gh-spin}@keyframes gh-spin{to{transform:rotate(360deg)}}.gh-tab-refresh{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff14;border-radius:7px;align-items:center;margin-bottom:6px;margin-left:auto;padding:7px 9px;transition:all .15s;display:flex}.gh-tab-refresh:hover:not(:disabled){color:#fff;border-color:#ffffff26}.gh-tab-refresh:disabled{opacity:.5;cursor:not-allowed}.gh-repo-item.current{background:#00ad9f0a;border-color:#00ad9f4d}.gh-current-badge{color:#00ad9f;text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;background:#00ad9f1f;border:1px solid #00ad9f4d;border-radius:5px;margin-left:7px;padding:1px 6px;font-size:.62rem;font-weight:600;display:inline-block}.editor-panel{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.editor-tabs{background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;display:flex;overflow-x:auto}.editor-tabs::-webkit-scrollbar{height:0}.editor-tab{color:var(--text3);border-right:1px solid var(--border);white-space:nowrap;align-items:center;gap:6px;min-width:0;padding:7px 12px;font-size:.74rem;font-weight:500;transition:all .15s;display:flex;position:relative}.editor-tab:hover{color:var(--text2);background:#ffffff05}.editor-tab.active{color:var(--text);background:var(--bg)}.editor-tab.active:after{content:"";background:var(--orange);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.tab-icon{color:var(--text3);flex-shrink:0}.tab-icon-html{color:#e44d26}.tab-icon-css{color:#42a5f5}.tab-icon-js{color:#f7df1e}.tab-icon-json{color:#8bc34a}.editor-tab.active .tab-icon{opacity:1}.tab-name{text-overflow:ellipsis;overflow:hidden}.tab-close{width:16px;height:16px;color:var(--text3);opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.editor-tab:hover .tab-close,.editor-tab.active .tab-close{opacity:.8}.tab-close:hover{color:var(--text);background:#ffffff14;opacity:1!important}.editor-breadcrumb{border-bottom:1px solid var(--border);background:#0f0f1280;flex-shrink:0;align-items:center;gap:4px;padding:5px 16px;font-size:.7rem;display:flex}.breadcrumb-folder{color:var(--text3)}.breadcrumb-sep{color:var(--text3);opacity:.7}.breadcrumb-file{color:var(--text2);font-weight:600}.breadcrumb-actions{gap:2px;margin-left:auto;margin-right:8px;display:flex}.breadcrumb-btn{width:24px;height:24px;color:var(--text3);border-radius:5px;justify-content:center;align-items:center;transition:all .15s;display:flex}.breadcrumb-btn:hover:not(:disabled){color:var(--text);background:#ffffff0f}.breadcrumb-btn:active:not(:disabled){transform:scale(.92)}.breadcrumb-btn:disabled{opacity:.4;cursor:not-allowed}.breadcrumb-lang{color:var(--text3);letter-spacing:.04em;background:#ffffff0a;border-radius:4px;padding:1px 6px;font-size:.62rem;font-weight:600}.typing-indicator{z-index:10;color:var(--orange);-webkit-backdrop-filter:blur(12px);border:1px solid var(--orange-border);letter-spacing:-.01em;animation:fadeInScale .3s var(--ease);background:#111114d9;border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:70px;right:16px;box-shadow:0 4px 16px #0000004d}.typing-dots{gap:3px;display:flex}.typing-dots span{background:var(--orange);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dotPulse}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.editor-empty{justify-content:center;align-items:center;height:100%;display:flex}.editor-empty-content{text-align:center;color:var(--text3)}.editor-empty-icon-wrap{justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex;position:relative}.editor-empty-icon-wrap:after{content:"";filter:blur(12px);z-index:0;background:radial-gradient(circle,#f973162e 0%,#0000 60%);border-radius:50%;animation:3.2s ease-in-out infinite pulse;position:absolute;inset:-20%}.editor-empty-icon{font-family:var(--mono);background:linear-gradient(135deg, var(--orange2), var(--orange3));-webkit-text-fill-color:transparent;opacity:.85;z-index:1;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;position:relative}.editor-empty-ring{border:1px dashed #f9731640;border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:0}.editor-empty-content p{font-size:.82rem}.editor-building{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;max-width:400px;padding:0 40px;display:flex}.building-lines{flex-direction:column;gap:6px;width:100%;display:flex}.building-line{transform-origin:0;background:linear-gradient(90deg,#f973160a 0%,#f9731638 30%,#fb923c47 50%,#f9731638 70%,#f973160a 100%) 0 0/200% 100%;border-radius:4px;height:10px;animation:3s linear infinite shimmer;box-shadow:0 0 14px #f9731614}.building-line.indent-0{margin-left:0}.building-line.indent-1{margin-left:24px}.building-line.indent-2{margin-left:48px}.building-label{color:var(--text3);align-items:center;gap:10px;font-size:.82rem;font-weight:500;display:flex}.building-dots{gap:3px;display:flex}.building-dots span{background:var(--orange);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite dotPulse}.editor-image-preview{background-image:linear-gradient(45deg,#ffffff05 25%,#0000 25%),linear-gradient(-45deg,#ffffff05 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff05 75%),linear-gradient(-45deg,#0000 75%,#ffffff05 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:100%;padding:32px;display:flex;position:relative}.editor-image-preview img{object-fit:contain;border-radius:10px;max-width:min(90%,900px);max-height:calc(100% - 48px);box-shadow:0 20px 60px -20px #0009}.editor-image-caption{color:#888;font-size:.78rem;font-family:var(--mono,monospace);letter-spacing:.02em}.editor-image-missing{color:#ef4444;font-size:.85rem}.preview-panel{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.preview-header{color:var(--text2);border-bottom:1px solid var(--border);background:var(--bg2);letter-spacing:-.01em;align-items:center;gap:10px;padding:8px 12px;font-size:.78rem;font-weight:600;display:flex}.preview-browser-dots{gap:5px;padding-right:4px;display:flex}.dot{opacity:.85;border-radius:50%;width:8px;height:8px}.dot-red{background:#ef4444}.dot-yellow{background:#eab308}.dot-green{background:#22c55e}.preview-url-bar{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex:1;align-items:center;gap:6px;min-width:0;padding:4px 10px;display:flex}.url-bar-icon{color:var(--text3);flex-shrink:0}.url-bar-icon.server-active{color:var(--green);filter:drop-shadow(0 0 4px #22c55e66)}.url-bar-text{color:var(--text3);font-size:.7rem;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-actions{gap:2px;display:flex}.preview-action-btn{width:26px;height:26px;color:var(--text3);transition:all var(--duration) var(--ease);border-radius:6px;justify-content:center;align-items:center;display:flex}.preview-action-btn:hover{color:var(--text);background:#ffffff0f}.preview-open-btn.has-hint{color:var(--text);position:relative}.preview-open-btn.has-hint:after{content:"";pointer-events:none;background:#ff7a1a;border-radius:50%;width:6px;height:6px;animation:1.8s ease-in-out infinite preview-hint-pulse;position:absolute;top:4px;right:4px;box-shadow:0 0 0 2px #ff7a1a33}@keyframes preview-hint-pulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.preview-empty{text-align:center;color:var(--text3);flex:1;justify-content:center;align-items:center;font-size:.82rem;display:flex}.preview-empty-content{flex-direction:column;align-items:center;gap:12px;display:flex}.preview-empty-icon-wrap{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.preview-empty-icon{opacity:.3;z-index:1;position:relative}.preview-empty-ring{border:1px dashed var(--border2);border-radius:50%;animation:25s linear infinite spin;position:absolute;inset:0}.preview-empty-content p{max-width:200px;line-height:1.5}.preview-frame-wrap{animation:fadeIn var(--duration) var(--ease);background:#fff;border-radius:0;flex:1;position:relative}.preview-frame{background:#fff;border:none;width:100%;height:100%}.md-body{font-family:var(--font);color:var(--text);word-wrap:break-word;overflow-wrap:break-word;font-size:.85rem;line-height:1.6}.md-body>:first-child{margin-top:0}.md-body>:last-child{margin-bottom:0}.md-paragraph{margin:6px 0}.md-heading{color:var(--text);margin:12px 0 6px;font-weight:700;line-height:1.3}h1.md-heading{font-size:1.1rem}h2.md-heading{font-size:1rem}h3.md-heading{font-size:.92rem}h4.md-heading{font-size:.88rem}h5.md-heading{font-size:.85rem}.md-inline-code{color:var(--orange2);background:#ffffff0f;border:1px solid #ffffff0a;border-radius:5px;padding:2px 6px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.82em}.md-file-link{cursor:pointer;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange)}.md-file-link:hover{background:var(--orange-dim);color:var(--orange)}.md-code-block{border:1px solid var(--border);background:var(--bg);border-radius:10px;margin:8px 0;overflow:hidden;box-shadow:0 2px 8px #00000026}.md-code-header{border-bottom:1px solid var(--border);background:#ffffff05;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.md-code-lang{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;font-size:.68rem;font-weight:600}.code-copy-btn{color:var(--text3);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.7rem;transition:all .15s;display:flex}.code-copy-btn:hover{color:var(--text);background:#ffffff0f}.md-code-pre{tab-size:2;margin:0;padding:12px 14px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;line-height:1.6;overflow-x:auto}.md-code-pre code{font-family:inherit}.sh-keyword{color:#c678dd}.sh-string{color:#98c379}.sh-comment{color:#5c6370;font-style:italic}.sh-number{color:#d19a66}.sh-tag{color:#e06c75}.sh-attr{color:#d19a66}.md-table-wrap{border:1px solid var(--border);border-radius:8px;margin:8px 0;overflow-x:auto}.md-table{border-collapse:collapse;width:100%;font-size:.82rem}.md-table th,.md-table td{border:1px solid var(--border);text-align:left;padding:7px 12px}.md-table th{color:var(--text);background:#ffffff08;font-weight:600}.md-table td{color:var(--text2)}.md-list{margin:6px 0;padding-left:20px}.md-list li{color:var(--text2);margin:3px 0}.md-list li strong{color:var(--text)}.md-checklist{align-items:flex-start;gap:6px;margin-left:-20px;list-style:none;display:flex}.md-check{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;font-size:.7rem;display:inline-flex}.md-checklist:not(.checked) .md-check{border:1px solid var(--border2);color:var(--text3)}.md-checklist.checked .md-check{background:var(--orange);color:#000;font-weight:700}.md-blockquote{border-left:3px solid var(--orange);color:var(--text2);background:#f973160a;border-radius:0 8px 8px 0;margin:8px 0;padding:8px 14px}.md-hr{background:linear-gradient(90deg, transparent, var(--border2), transparent);border:none;height:1px;margin:12px 0}.md-body a{color:var(--orange2);text-decoration:none;transition:color .15s}.md-body a:hover{color:var(--orange3);text-decoration:underline}.md-body strong{color:var(--text);font-weight:600}.md-body em{font-style:italic}.cmd-palette{-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border2);border-radius:var(--radius-lg);z-index:50;background:#0f0f12eb;max-height:380px;margin-bottom:6px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 0 0 1px #ffffff08,0 8px 40px #00000080,0 0 60px #f9731608}.cmd-list{padding:6px}.cmd-section{color:var(--text3);letter-spacing:.08em;align-items:center;gap:6px;padding:10px 10px 5px;font-size:.62rem;font-weight:700;display:flex}.cmd-section-icon{opacity:.7}.cmd-section-skills{color:var(--orange);border-top:1px solid var(--border);margin-top:4px;padding-top:12px}.cmd-section-skills .cmd-section-icon{color:var(--orange);opacity:.85}.cmd-item{text-align:left;width:100%;color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:all .15s;display:flex;position:relative}.cmd-item:hover,.cmd-item.selected{background:#ffffff0d}.cmd-item.selected:before{content:"";background:var(--orange);border-radius:1px;width:2px;animation:.15s fadeIn;position:absolute;top:6px;bottom:6px;left:0}.cmd-icon{background:var(--surface2);border:1px solid var(--border);width:30px;height:30px;color:var(--text2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.cmd-icon-skill{background:var(--orange-dim);border-color:var(--orange-border);color:var(--orange)}.cmd-item.selected .cmd-icon,.cmd-item:hover .cmd-icon{border-color:var(--orange-border);background:var(--orange-dim);color:var(--orange);box-shadow:0 0 12px #f9731614}.cmd-name{white-space:nowrap;letter-spacing:-.01em;font-size:.82rem;font-weight:600}.cmd-desc{color:var(--text3);white-space:nowrap;margin-left:auto;font-size:.72rem}.file-mention{-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--glass-border2);z-index:50;background:#0f0f12eb;border-radius:12px;max-height:240px;margin-bottom:6px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) scaleIn;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 0 0 1px #ffffff08,0 8px 40px #00000080}.file-mention-header{color:var(--text3);letter-spacing:.06em;align-items:center;gap:4px;padding:6px 10px 4px;font-size:.64rem;font-weight:700;display:flex}.file-mention-item{text-align:left;width:100%;color:var(--text2);border-radius:8px;align-items:center;gap:8px;padding:7px 10px;font-size:.82rem;transition:all .15s;display:flex;position:relative}.file-mention-item:hover,.file-mention-item.selected{color:var(--text);background:#ffffff0d}.file-mention-item.selected:before{content:"";background:var(--orange);border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px;left:0}.chat-panel{background:var(--surface);flex-direction:column;width:380px;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.chat-panel:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#f9731608 0%,#0000 50%),radial-gradient(at 50% 100%,#f9731605 0%,#0000 40%);position:absolute;inset:0}.chat-header{color:var(--text);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px)saturate(180%);letter-spacing:-.01em;z-index:1;background:#09090bcc;align-items:center;gap:8px;padding:14px 16px;font-size:.84rem;font-weight:600;display:flex;position:relative}.chat-spinner{color:var(--orange);animation:1s linear infinite spin}.chat-messages{z-index:1;flex-direction:column;flex:1;gap:12px;min-height:0;padding:16px;display:flex;position:relative;overflow-y:auto}.chat-msg{align-items:flex-start;gap:10px;display:flex}.msg-avatar{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:transform .2s;display:flex}.chat-msg:hover .msg-avatar{transform:scale(1.05)}.chat-msg.user .msg-avatar{background:linear-gradient(135deg, var(--surface3), var(--surface2));color:var(--text2);border:1px solid var(--border2)}.chat-msg.assistant .msg-avatar{border:1px solid var(--orange-border);background:linear-gradient(135deg,#f973161f,#f973160a);box-shadow:0 0 12px #f973160f}.chat-msg.status{gap:0}.msg-status{color:var(--text2);border:1px solid var(--border);letter-spacing:-.01em;-webkit-backdrop-filter:blur(8px);background:#ffffff05;border-radius:10px;align-items:center;gap:8px;padding:7px 12px;font-size:.75rem;font-weight:500;display:flex;position:relative;overflow:hidden}.msg-status:before{content:"";background:linear-gradient(180deg, var(--orange), var(--orange2));border-radius:1px;width:2px;position:absolute;top:0;bottom:0;left:0}.msg-status .status-logo{opacity:.85;width:14px;height:14px}.avatar-logo{width:16px;height:16px}.msg-content{flex:1;min-width:0}.msg-content pre{font-family:var(--font);color:var(--text);white-space:pre-wrap;word-wrap:break-word;margin:0;font-size:.84rem;line-height:1.6}.chat-msg.user .msg-content pre{color:var(--text2)}.chat-msg.user .msg-content{border:1px solid var(--border);background:#ffffff08;border-radius:12px 12px 12px 4px;padding:10px 14px}.chat-msg.assistant .msg-content{padding:2px 0}.cursor-blink{vertical-align:middle;border:2px solid #f9731640;border-top-color:var(--orange);border-radius:50%;width:12px;height:12px;margin-left:6px;animation:.7s linear infinite spin;display:inline-block}.chat-thinking{color:var(--text3);align-items:center;gap:12px;padding:10px 0;font-size:.82rem;display:flex}.thinking-logo{width:18px;height:18px;animation:1s ease-in-out infinite pulse}.thinking-dots{gap:4px;display:flex}.thinking-dots span{background:var(--orange);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dotPulse}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}.chat-input-area{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);z-index:1;background:#11111499;padding:8px 12px 12px;position:relative}.chat-input-area.drag-over:before{content:"";border:2px dashed var(--orange);border-radius:var(--radius);background:var(--orange-dim);z-index:5;pointer-events:none;animation:1.5s ease-in-out infinite borderGlow;position:absolute;inset:4px}.drop-overlay{color:var(--orange);z-index:10;pointer-events:none;justify-content:center;align-items:center;font-size:.82rem;font-weight:600;display:flex;position:absolute;inset:0}.attached-images{flex-wrap:wrap;gap:6px;padding:4px 4px 8px;display:flex}.attached-thumb{border:1px solid var(--border2);width:44px;height:44px;transition:all var(--duration) var(--ease);border-radius:8px;position:relative;overflow:hidden}.attached-thumb:hover{border-color:var(--orange-border);transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.attached-thumb img{object-fit:cover;width:100%;height:100%}.thumb-remove{background:var(--red);color:#fff;opacity:0;width:16px;height:16px;transition:opacity var(--duration) var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;display:flex;position:absolute;top:-3px;right:-3px}.attached-thumb:hover .thumb-remove{opacity:1}.chat-input-top{align-items:center;gap:4px;margin-bottom:6px;display:flex}.btn-attach{width:28px;height:28px;color:var(--text3);transition:all var(--duration) var(--ease);border-radius:8px;justify-content:center;align-items:center;font-size:.95rem;font-weight:500;display:flex}.btn-attach:hover{color:var(--text);background:#ffffff14;transform:scale(1.05)}.mode-toggle{color:var(--text3);transition:all var(--duration) var(--ease);border-radius:6px;padding:3px 10px;font-size:.72rem;font-weight:600}.mode-toggle:hover{color:var(--text);background:#ffffff0f}.mode-toggle.plan-active{background:var(--orange-dim);color:var(--orange);border:1px solid var(--orange-border)}.chat-input-wrap{align-items:flex-end;gap:8px;display:flex;position:relative}.chat-input-wrap textarea{background:var(--bg2);color:var(--text);border:1px solid var(--border2);resize:none;min-height:40px;max-height:120px;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), background var(--duration) var(--ease);border-radius:12px;flex:1;padding:10px 12px;font-size:.84rem;line-height:1.5}.chat-input-wrap textarea:focus{border-color:var(--orange-border);box-shadow:0 0 0 3px var(--orange-dim), 0 0 20px #f973160f;background:#0f0f12cc}.chat-input-wrap textarea::placeholder{color:var(--text3)}.chat-send{background:var(--surface3);width:36px;height:36px;color:var(--text3);transition:all var(--duration) var(--ease);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send.active{background:linear-gradient(135deg, var(--orange), #ea580c);color:#fff;border:1px solid #f9731673;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000040,0 2px 12px #f9731659,0 0 24px #f9731626}.chat-send.active:hover{filter:brightness(1.08);transform:translateY(-1px)scale(1.03);box-shadow:inset 0 1px #ffffff47,inset 0 -1px #00000040,0 6px 22px #f973167a,0 0 40px #f9731640}.chat-send.active:active{filter:brightness(.96);transform:translateY(0)scale(1)}.chat-send.active.cancel{background:var(--surface3);color:var(--text2);box-shadow:none}.chat-send.active.cancel:hover{color:var(--red);background:#ef44441f;box-shadow:0 0 12px #ef444426}.chat-msg.error{gap:0}.msg-error{color:var(--red);animation:fadeInScale .3s var(--ease);background:#ef44440f;border:1px solid #ef444426;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.76rem;font-weight:500;line-height:1.5;display:flex}.error-text{word-break:break-word}.chat-msg.queued{gap:0}.chat-msg.queued .msg-content pre{color:var(--text3);font-size:.78rem;font-style:italic}.active-skill-badge{background:var(--orange-dim);border:1px solid var(--orange-border);color:var(--orange);animation:fadeInScale .2s var(--ease);border-radius:6px;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;font-size:.7rem;font-weight:600;display:flex}.active-skill-badge button{color:var(--orange);opacity:.75;transition:opacity var(--duration) var(--ease);padding:0 2px;font-size:.82rem}.active-skill-badge button:hover{opacity:1}.xterm{cursor:text;-webkit-user-select:none;user-select:none;position:relative}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{z-index:5;position:absolute;top:0}.xterm .xterm-helper-textarea{opacity:0;z-index:-5;white-space:nowrap;resize:none;border:0;width:0;height:0;margin:0;padding:0;position:absolute;top:0;left:-9999em;overflow:hidden}.xterm .composition-view{color:#fff;white-space:nowrap;z-index:1;background:#000;display:none;position:absolute}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{cursor:default;background-color:#000;position:absolute;inset:0;overflow-y:scroll}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;top:0;left:0}.xterm-char-measure-element{visibility:hidden;line-height:normal;display:inline-block;position:absolute;top:0;left:-9999em}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{z-index:10;color:#0000;pointer-events:none;position:absolute;inset:0}.xterm .xterm-accessibility-tree:not(.debug) ::selection{color:#0000}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre;font-family:monospace}.xterm .xterm-accessibility-tree>div{transform-origin:0;width:fit-content}.xterm .live-region{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{-webkit-text-decoration:underline double;text-decoration:underline double}.xterm-underline-3{-webkit-text-decoration:underline wavy;text-decoration:underline wavy}.xterm-underline-4{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.xterm-underline-5{-webkit-text-decoration:underline dashed;text-decoration:underline dashed}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:underline overline}.xterm-overline.xterm-underline-2{-webkit-text-decoration:overline double underline;text-decoration:overline double underline}.xterm-overline.xterm-underline-3{-webkit-text-decoration:overline wavy underline;text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{-webkit-text-decoration:overline dotted underline;text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{-webkit-text-decoration:overline dashed underline;text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;pointer-events:none;position:absolute;top:0;right:0}.xterm-decoration-top{z-index:2;position:relative}.xterm .xterm-scrollable-element>.scrollbar{cursor:default}.xterm .xterm-scrollable-element>.scrollbar>.scra{cursor:pointer;font-size:11px!important}.xterm .xterm-scrollable-element>.visible{opacity:1;z-index:11;background:0 0;transition:opacity .1s linear}.xterm .xterm-scrollable-element>.invisible{opacity:0;pointer-events:none}.xterm .xterm-scrollable-element>.invisible.fade{transition:opacity .8s linear}.xterm .xterm-scrollable-element>.shadow{display:none;position:absolute}.xterm .xterm-scrollable-element>.shadow.top{width:100%;height:3px;box-shadow:var(--vscode-scrollbar-shadow,#000) 0 6px 6px -6px inset;display:block;top:0;left:3px}.xterm .xterm-scrollable-element>.shadow.left{width:3px;height:100%;box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset;display:block;top:3px;left:0}.xterm .xterm-scrollable-element>.shadow.top-left-corner{width:3px;height:3px;display:block;top:0;left:0}.xterm .xterm-scrollable-element>.shadow.top.left{box-shadow:var(--vscode-scrollbar-shadow,#000) 6px 0 6px -6px inset}.terminal-panel{border-top:1px solid var(--border);background:var(--bg2);flex-direction:column;flex-shrink:0;height:220px;animation:.2s fadeIn;display:flex}.terminal-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);background:#09090bcc;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.terminal-title{color:var(--text2);align-items:center;gap:6px;font-size:.74rem;font-weight:600;display:flex}.terminal-title svg{color:var(--orange)}.terminal-close{width:24px;height:24px;color:var(--text3);border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.terminal-close:hover{color:var(--text);background:#ffffff14}.terminal-body{flex:1;padding:4px 8px;overflow:hidden}.terminal-body .xterm{height:100%}.terminal-body .xterm-viewport{scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.terminal-body .xterm-viewport::-webkit-scrollbar{width:5px}.terminal-body .xterm-viewport::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px}.ide{background:var(--bg);flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.ide:before{content:"";background:linear-gradient(90deg, transparent 0%, #f973164d 10%, var(--orange) 25%, var(--orange2) 40%, var(--orange3) 50%, var(--orange2) 60%, var(--orange) 75%, #f973164d 90%, transparent 100%);z-index:100;opacity:.9;background-size:200% 100%;height:2px;animation:6s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.ide:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(#f973160a 0%,#0000 70%);width:60%;height:80px;position:absolute;top:0;left:50%;transform:translate(-50%)}.ide-topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:10;background:#09090beb;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:flex;position:relative}.ide-topbar-left{align-items:center;gap:10px;min-width:0;display:flex}.topbar-btn,.topbar-home{width:32px;height:32px;color:var(--text3);cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.topbar-btn:hover,.topbar-home:hover{color:var(--text);background:#ffffff0f;border-color:#f9731638;box-shadow:0 0 0 3px #f973160f,0 4px 12px #00000040}.topbar-brand-wrap{border-left:1px solid #ffffff0f;align-items:center;gap:8px;margin-left:4px;padding-left:4px;display:flex}.ide-logo{filter:drop-shadow(0 0 10px #f9731659);width:22px;height:22px;transition:all var(--duration) var(--ease)}.ide-logo:hover{filter:drop-shadow(0 0 18px #f9731699);transform:scale(1.05)}.ide-brand{color:var(--text2);letter-spacing:-.02em;font-size:.88rem;font-weight:700}.ide-brand span{background:linear-gradient(135deg, var(--orange), var(--orange3));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.ide-topbar-center{flex:1;justify-content:center;padding:0 24px;display:flex}.view-toggle{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;gap:2px;padding:3px;display:flex}.toggle-btn{color:var(--text3);transition:all var(--duration) var(--ease);background:0 0;border-radius:8px;padding:5px 18px;font-size:.76rem;font-weight:600}.toggle-btn:hover:not(:disabled){color:var(--text2)}.toggle-btn.active{color:var(--text);background:var(--surface3);box-shadow:0 1px 4px #0000004d,inset 0 1px #ffffff0a}.toggle-btn:disabled{opacity:.4;cursor:not-allowed}.ide-topbar-right{align-items:center;gap:8px;display:flex}.topbar-divider{background:#ffffff14;width:1px;height:22px;margin:0 2px}.topbar-token-badge{cursor:default;background:linear-gradient(135deg,#f973160f,#f9731605);border:1px solid #f973162e;border-radius:8px;align-items:center;gap:7px;padding:5px 11px;transition:all .18s;display:flex;position:relative}.topbar-token-badge:hover{background:linear-gradient(135deg,#f973161a,#f973160a);border-color:#f973164d}.token-bar-wrap{background:#ffffff0f;border-radius:3px;width:44px;height:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #0000004d}.token-bar{border-radius:3px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1),background-color .3s;box-shadow:0 0 8px}.token-label{font-size:.66rem;font-weight:700;font-family:var(--mono);text-align:right;letter-spacing:-.02em;min-width:26px}.token-tooltip{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border2);z-index:200;width:260px;animation:fadeInUp .2s var(--ease);background:#0f0f12f2;border-radius:12px;padding:14px;display:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000080}.topbar-token-badge:hover .token-tooltip{display:block}.token-tooltip-row{color:var(--text2);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.78rem;display:flex}.token-tooltip-row strong{color:var(--text);font-size:.82rem}.token-tooltip-bar-full{background:var(--border);border-radius:2px;width:100%;height:4px;margin-bottom:8px;overflow:hidden}.token-tooltip-bar-full>div{border-radius:2px;height:100%;transition:width .3s}.token-tooltip-desc{color:var(--text3);margin:0;font-size:.72rem;line-height:1.5}.token-tooltip-divider{background:var(--border);height:1px;margin:10px 0}.topbar-credit{font-size:.74rem;font-weight:700;font-family:var(--mono);color:#f97316;cursor:pointer;letter-spacing:-.01em;background:linear-gradient(135deg,#f9731614,#f9731605);border:1px solid #f9731638;border-radius:8px;align-items:center;gap:5px;padding:5px 11px;text-decoration:none;transition:all .18s;display:flex}.topbar-credit:hover{color:#fb923c;background:linear-gradient(135deg,#f9731624,#f973160a);border-color:#f9731666;transform:translateY(-1px);box-shadow:0 4px 12px #f973161f}.topbar-credit.low{color:#ef4444;background:linear-gradient(135deg,#ef444414,#ef444405);border-color:#ef444438}.topbar-credit.low:hover{color:#f87171;background:linear-gradient(135deg,#ef444424,#ef44440a);border-color:#ef444466}.topbar-user-wrap{position:relative}.user-avatar{background:linear-gradient(135deg, var(--orange), #ea580c);color:#fff;letter-spacing:.02em;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.66rem;font-weight:800;transition:all .18s;display:flex;box-shadow:0 2px 8px #f9731640,inset 0 1px #ffffff26}.user-avatar:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f9731666,inset 0 1px #fff3}.user-menu{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border2);z-index:200;width:220px;animation:fadeInUp .15s var(--ease);background:#0f0f12f2;border-radius:12px;padding:8px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 32px #00000080}.user-menu-header{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.user-menu-name{color:var(--text);font-size:.82rem;font-weight:600}.user-menu-balance{font-size:.75rem;font-weight:700;font-family:var(--mono);color:#22c55e}.user-menu-divider{background:var(--border);height:1px;margin:4px 0}.user-menu-item{width:100%;color:var(--text2);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.user-menu-item:hover{color:var(--text);background:#ffffff0f}.user-menu-item.logout:hover{color:var(--red);background:#ef444414}.user-menu-key{padding:6px 10px}.user-menu-key-label{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:.65rem;font-weight:600;display:block}.user-menu-key-copy{background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:5px 8px;transition:all .15s;display:flex}.user-menu-key-copy code{font-family:var(--mono);color:var(--text2);font-size:.7rem}.user-menu-key-copy svg{color:var(--text3);flex-shrink:0}.user-menu-key-copy:hover{border-color:var(--orange-border)}.user-menu-key-copy:hover svg{color:var(--orange)}.topbar-btn{width:32px;height:32px;color:var(--text2);border:1px solid var(--border);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.topbar-btn:hover{color:var(--text);border-color:var(--border2);background:#ffffff1a}.topbar-btn.active{color:var(--orange);background:var(--orange-dim);border-color:var(--orange-border)}.topbar-btn:active{transform:scale(.93)}.topbar-btn:disabled{opacity:.4;cursor:not-allowed}.btn-deploy{background:linear-gradient(135deg, var(--orange), #ea580c);color:#fff;transition:all var(--duration) var(--ease);border:1px solid #f9731673;border-radius:8px;align-items:center;gap:6px;margin-left:4px;padding:7px 16px;font-size:.8rem;font-weight:600;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000040,0 2px 10px #f973164d,0 0 24px #f973161f}.btn-deploy:before{content:"";opacity:0;transition:opacity var(--duration) var(--ease);pointer-events:none;background:linear-gradient(135deg,#ffffff2e,#0000 60%);position:absolute;inset:0}.btn-deploy:hover:not(:disabled):before{opacity:1}.btn-deploy:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #00000040,0 6px 20px #f9731666,0 0 40px #f9731640}.btn-deploy:active:not(:disabled){filter:brightness(.96);transform:translateY(0)}.btn-deploy:disabled{opacity:.45;cursor:not-allowed;filter:saturate(.6)}.deploy-link{color:var(--orange2);text-overflow:ellipsis;white-space:nowrap;background:var(--orange-dim);border:1px solid var(--orange-border);border-radius:6px;max-width:120px;padding:3px 8px;font-size:.68rem;overflow:hidden}.ide-panels{flex:1;display:flex;position:relative;overflow:hidden}.main-content-wrap{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.panel-animate{flex:1;min-width:0;display:flex;overflow:hidden}.explorer-wrap{border-right:1px solid var(--border);flex-shrink:0;transition:width .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.explorer-wrap.open{width:200px}.explorer-wrap.closed{border-right:none;width:0}.chat-wrap{border-left:1px solid var(--border);flex-shrink:0;height:100%;transition:width .25s cubic-bezier(.16,1,.3,1);overflow:hidden}.chat-wrap.open{width:380px}.chat-wrap.closed{border-left:none;width:0}.panel-toggle{width:22px;color:var(--text3);background:var(--bg2);cursor:pointer;z-index:2;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.panel-toggle:hover{color:var(--orange);background:#f973160f}.panel-toggle.collapsed{background:var(--orange-dim);color:var(--orange)}.panel-toggle.collapsed:hover{background:#f973161f}.panel-toggle-left{border-right:1px solid var(--border);border-left:none}.panel-toggle-right{border-left:1px solid var(--border);border-right:none}.ide-divider{background:var(--border);width:1px;transition:background var(--duration) var(--ease);flex-shrink:0;position:relative}.ide-divider:after{content:"";width:5px;transition:background var(--duration) var(--ease);cursor:col-resize;background:0 0;margin-left:-2px;position:absolute;inset:0}.ide-divider:hover{background:var(--orange-border)}.ide-divider:hover:after{background:linear-gradient(180deg, transparent, var(--orange-border), transparent)}.preview-ready-overlay{z-index:500;-webkit-backdrop-filter:blur(12px);background:#09090bd9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preview-ready-content{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.preview-ready-icon{object-fit:contain;filter:drop-shadow(0 0 24px #f973168c);width:56px;height:56px;animation:1.5s ease-in-out infinite floatUp}.preview-ready-content h2{color:var(--text);letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.preview-ready-content p{color:var(--text3);font-size:.88rem}.topbar-btn.connected{color:#3ecf8e;position:relative}.topbar-btn-dot{background:#3ecf8e;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px;box-shadow:0 0 6px #3ecf8e99}.topbar-btn .spin,.btn-deploy .spin{animation:.9s linear infinite topbar-spin}@keyframes topbar-spin{to{transform:rotate(360deg)}}.ide-toast{z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#1c1c22,#141418);border:1px solid #ffffff1a;border-radius:12px;align-items:flex-start;gap:12px;max-width:380px;padding:14px 16px;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff08}.ide-toast.success{border-left:3px solid #3ecf8e}.ide-toast.error{border-left:3px solid #ef4444}.ide-toast-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ide-toast.success .ide-toast-icon{color:#3ecf8e;background:#3ecf8e1f}.ide-toast.error .ide-toast-icon{color:#ef4444;background:#ef44441f}.ide-toast-body{flex:1;min-width:0}.ide-toast-msg{color:#fff;font-size:.86rem;font-weight:500;line-height:1.4}.ide-toast-link{color:#f97316;font-size:.76rem;font-family:var(--font-mono,"JetBrains Mono", monospace);word-break:break-all;align-items:center;gap:5px;margin-top:6px;text-decoration:none;display:inline-flex}.ide-toast-link:hover{color:#fb923c;text-decoration:underline}.ide-toast-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.ide-toast-close:hover{color:#fff;background:#ffffff0f}.deploy-wrap{align-items:stretch;gap:0;display:flex;position:relative}.deploy-wrap .btn-deploy{position:relative}.deploy-wrap .btn-deploy+.btn-deploy-chevron{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-left:1px solid #ffffff2e;border-radius:0 10px 10px 0;justify-content:center;align-items:center;margin-left:1px;padding:0 10px;transition:all .15s;display:flex;box-shadow:0 4px 14px #f973164d}.deploy-wrap .btn-deploy+.btn-deploy-chevron:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #f9731673}.deploy-wrap .btn-deploy+.btn-deploy-chevron:disabled{opacity:.4;cursor:not-allowed}.deploy-wrap .btn-deploy:has(+.btn-deploy-chevron){border-radius:10px 0 0 10px}.deploy-dot{background:#fff;border-radius:50%;width:6px;height:6px;margin-left:4px;animation:2.5s ease-in-out infinite deploy-pulse;box-shadow:0 0 8px #ffffffe6}@keyframes deploy-pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}.deploy-menu-backdrop{z-index:9998;position:fixed;inset:0}.deploy-menu{z-index:9999;background:linear-gradient(#1c1c22,#141418);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:2px;min-width:280px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px #00000080,0 0 0 1px #ffffff08}.deploy-menu-header{padding:10px 12px 8px}.deploy-menu-label{text-transform:uppercase;letter-spacing:.05em;color:#666;margin-bottom:5px;font-size:.68rem;font-weight:600}.deploy-menu-url{color:#f97316;font-size:.8rem;font-family:var(--font-mono,"JetBrains Mono", monospace);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;display:flex;overflow:hidden}.deploy-menu-divider{background:#ffffff0f;height:1px;margin:4px 0}.deploy-menu-item{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;width:100%;padding:10px 12px;font-family:inherit;font-size:.84rem;text-decoration:none;transition:all .12s;display:flex}.deploy-menu-item:hover{color:#fff;background:#f9731614}.deploy-menu-item svg{color:#888;flex-shrink:0}.deploy-menu-item:hover svg{color:#f97316}.editor-building .building-label span{display:inline-block}.topbar-btn{transition:background .15s,color .15s,transform .15s,box-shadow .2s}.topbar-btn:hover:not(:disabled){transform:translateY(-1px)}.topbar-btn:active:not(:disabled){transform:translateY(0)}.building-label{min-height:20px}.building-dots span{animation:1.2s ease-in-out infinite status-dot}.building-dots span:nth-child(2){animation-delay:.15s}.building-dots span:nth-child(3){animation-delay:.3s}@keyframes status-dot{0%,60%,to{opacity:.25;transform:scale(.85)}30%{opacity:1;transform:scale(1.1)}}.explorer-wrap{transition:opacity .2s,transform .25s cubic-bezier(.16,1,.3,1)}.ide-toast.success:before{content:"";opacity:.35;background:#3ecf8e;border-radius:50%;width:12px;height:12px;animation:1.8s ease-in-out infinite toast-glow;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}@keyframes toast-glow{0%,to{opacity:.2;transform:translate(-50%,-50%)scale(1)}50%{opacity:.55;transform:translate(-50%,-50%)scale(1.4)}}.reset-root{background:radial-gradient(circle at top,#1a1a1f 0%,#0a0a0d 60%);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.reset-glow,.reset-glow-secondary{filter:blur(120px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.reset-glow{background:radial-gradient(circle,#f9731638,#0000 70%);width:520px;height:520px;animation:14s ease-in-out infinite reset-drift;top:-180px;left:-120px}.reset-glow-secondary{background:radial-gradient(circle,#9333ea26,#0000 70%);width:440px;height:440px;animation:18s ease-in-out infinite reverse reset-drift;bottom:-140px;right:-120px}@keyframes reset-drift{0%,to{transform:translate(0)}50%{transform:translate(40px,30px)}}.reset-card{z-index:1;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;color:#fff;background:#101016db;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:440px;padding:40px 36px 32px;font-family:inherit;position:relative;box-shadow:0 30px 80px #00000080,inset 0 1px #ffffff0f}.reset-badge{color:#f97316;text-transform:uppercase;letter-spacing:.08em;background:#f973161f;border:1px solid #f973164d;border-radius:100px;align-items:center;gap:6px;margin:0 auto 22px;padding:6px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.reset-icon{color:#f97316;background:#f973161f;border:1px solid #f9731647;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 18px;display:flex}.reset-icon-success{color:#22c55e;background:#22c55e1f;border-color:#22c55e47}.reset-card h1{letter-spacing:-.01em;margin:0 0 8px;font-size:1.45rem;font-weight:700}.reset-card p{color:#a3a3a8;margin:0 0 22px;font-size:.9rem;line-height:1.55}.reset-fields{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.reset-input{color:#fff;background:#0a0a0d;border:1px solid #ffffff14;border-radius:10px;outline:none;width:100%;padding:13px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.reset-input:focus{border-color:#f97316}.reset-input::placeholder{color:#555}.reset-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444438;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.82rem;font-weight:500;display:flex}.reset-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#ea580c);border:1px solid #f9731699;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:10px;padding:14px;font-family:inherit;font-size:.95rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #f9731652,inset 0 1px #ffffff2e}.reset-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #f9731673,inset 0 1px #ffffff38}.reset-submit:disabled{opacity:.6;cursor:default}.reset-cancel{color:#8a8a92;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 12px;font-family:inherit;font-size:.82rem;transition:color .15s,background .15s}.reset-cancel:hover{color:#d4d4dc;background:#ffffff0a}.reset-submit .spin{animation:.9s linear infinite spin}@media (width<=480px){.reset-card{padding:32px 24px 24px}.reset-card h1{font-size:1.25rem}}.app-ide{background:var(--bg);justify-content:center;align-items:center;height:100vh;display:flex}.ide-placeholder{text-align:center;color:var(--text2)}