@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono:"Fira Code", source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--bg-main:#070913;--bg-card:#0f172a73;--bg-sidebar:#0a0f1eb3;--bg-header:#090b17cc;--border-color:#ffffff14;--border-glow:#6366f126;--color-primary:#6366f1;--color-primary-glow:#6366f14d;--color-secondary:#06b6d4;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--glass-blur:16px;--glass-border:1px solid var(--border-color);--shadow-premium:0 8px 32px 0 #0000005e;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:all .5s cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;margin:0;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-glow)}.app-container{background-image:radial-gradient(circle at 10% 20%,#6366f114 0%,#0000 40%),radial-gradient(circle at 90% 80%,#06b6d414 0%,#0000 40%);flex-direction:column;width:100vw;height:100vh;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--shadow-premium);transition:var(--transition-smooth);border-radius:12px}.glass-panel:hover{border-color:#ffffff1f;box-shadow:0 12px 40px #00000080}.app-header{background:var(--bg-header);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.logo-container{align-items:center;gap:10px;display:flex}.logo-text{letter-spacing:1px;background:linear-gradient(135deg, #a5b4fc 0%, var(--color-primary) 50%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.logo-badge{text-transform:uppercase;color:#c7d2fe;background:#6366f133;border:1px solid #6366f166;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600}.workspace-layout{flex:1;gap:16px;padding:16px;display:flex;overflow:hidden}.panel-sidebar{flex-direction:column;gap:16px;width:260px;height:100%;display:flex}.panel-editor-preview{flex:1;gap:16px;height:100%;display:flex}.panel-chat{flex-direction:column;width:380px;height:100%;display:flex}.panel-editor{flex-direction:column;flex:1.2;height:100%;display:flex;overflow:hidden}.panel-preview{flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);background:#ffffff05;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.panel-title{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.panel-content{flex:1;position:relative;overflow-y:auto}.file-list{flex-direction:column;gap:2px;padding:12px;display:flex}.file-item{cursor:pointer;transition:var(--transition-smooth);color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.9rem;display:flex}.file-item:hover,.file-item.active{color:var(--text-primary);background:#ffffff0d}.file-item.active{border-left:2px solid var(--color-primary);background:#6366f11a}.file-info{align-items:center;gap:8px;display:flex}.editor-container{background:#1e1e1e;width:100%;height:100%}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.chat-message{border-radius:12px;flex-direction:column;gap:6px;max-width:85%;padding:12px 16px;font-size:.92rem;line-height:1.45;display:flex}.chat-message.user{background:var(--color-primary);color:#fff;border-bottom-right-radius:2px;align-self:flex-end}.chat-message.assistant{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d;border-bottom-left-radius:2px;align-self:flex-start}.chat-message-action{font-size:.8rem;font-family:var(--font-mono);color:var(--color-secondary);background:#0003;border:1px solid #06b6d433;border-radius:6px;margin-top:8px;padding:6px 10px}.chat-input-container{border-top:1px solid var(--border-color);background:#0003;padding:16px}.chat-input-wrapper{align-items:center;display:flex;position:relative}.chat-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#0f172a99;border-radius:8px;outline:none;padding:12px 48px 12px 16px;font-size:.92rem}.chat-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-glow)}.chat-send-btn{background:var(--color-primary);color:#fff;cursor:pointer;width:32px;height:32px;transition:var(--transition-smooth);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;right:8px}.chat-send-btn:hover{background:#4f46e5;transform:translateY(-1px)}.preview-frame{background:#fff;border:none;width:100%;height:100%}.preview-address-bar{border-bottom:1px solid var(--border-color);background:#0000004d;align-items:center;gap:12px;padding:8px 16px;font-size:.85rem;display:flex}.preview-address-input{border:1px solid var(--border-color);color:var(--text-secondary);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;background:#0006;border-radius:6px;flex:1;padding:6px 12px;overflow:hidden}.preview-btn{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.preview-btn:hover{color:var(--text-primary);background:#ffffff0d}.console-panel{border-top:1px solid var(--border-color);background:#05050ae6;flex-direction:column;height:160px;display:flex}.console-logs{font-family:var(--font-mono);color:#34d399;flex-direction:column;flex:1;gap:4px;padding:12px;font-size:.8rem;display:flex;overflow-y:auto}.auth-container{background:var(--bg-main);background-image:radial-gradient(circle,#6366f126 0%,#0000 60%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.auth-card{flex-direction:column;gap:24px;width:400px;padding:40px;display:flex}.auth-header-title{text-align:center;background:linear-gradient(135deg, #a5b4fc 0%, var(--color-primary) 50%, var(--color-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:700}.auth-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-input{border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#0f172a99;border-radius:8px;outline:none;padding:10px 14px}.form-input:focus{border-color:var(--color-primary)}.form-btn{background:var(--color-primary);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;padding:12px;font-size:.95rem;font-weight:600}.form-btn:hover{background:#4f46e5;transform:translateY(-1px)}.auth-switch{color:var(--text-secondary);text-align:center;font-size:.85rem}.auth-switch-link{color:var(--color-primary);cursor:pointer;font-weight:500;text-decoration:underline}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:500;display:flex}.btn-primary:hover{background:#4f46e5}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:#ffffff0d;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.88rem;font-weight:500;display:flex}.btn-secondary:hover{background:#ffffff1a}.pulse-circle{background-color:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 #10b981b3}.pulse-circle.building{background-color:var(--color-warning);box-shadow:0 0 #f59e0bb3}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}