@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-base: #0a0a0c;--bg-panel: rgba(20, 20, 23, .65);--bg-panel-hover: rgba(30, 30, 35, .75);--bg-input: rgba(10, 10, 12, .6);--bg-chat-bubble: rgba(255, 255, 255, .06);--bg-canvas: #050505;--bg-code: #121212;--grid-section: #202020;--grid-cell: #0f0f0f;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-primary: #3b82f6;--accent-glow: rgba(16, 185, 129, .3);--accent-base: #10b981;--accent-base-hover: #059669;--border-light: rgba(255, 255, 255, .08);--border-focus: rgba(16, 185, 129, .5);--glass-blur: blur(16px);--shadow-base: 0 8px 32px 0 rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--accent-glow);--font-sans: "Inter", system-ui, -apple-system, sans-serif;color-scheme:dark}:root.light{--bg-base: #f8fafc;--bg-panel: rgba(255, 255, 255, .8);--bg-panel-hover: rgba(241, 245, 249, .9);--bg-input: rgba(255, 255, 255, .9);--bg-chat-bubble: rgba(0, 0, 0, .04);--bg-canvas: #f1f5f9;--bg-code: #f8fafc;--grid-section: #cbd5e1;--grid-cell: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--accent-primary: #2563eb;--accent-glow: rgba(16, 185, 129, .15);--accent-base: #059669;--accent-base-hover: #047857;--accent-light: rgba(16, 185, 129, .1);--border-light: rgba(0, 0, 0, .08);--border-focus: rgba(16, 185, 129, .4);--shadow-base: 0 8px 32px 0 rgba(0, 0, 0, .08);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-primary);min-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 50%,rgba(16,185,129,.03),transparent 25%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.03),transparent 25%)}#root{display:flex;width:100vw;height:100vh}.glass-panel{background:var(--bg-panel);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-light);box-shadow:var(--shadow-base);border-radius:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}h1,h2,h3,h4{font-weight:600;color:var(--text-primary);letter-spacing:-.02em}p{color:var(--text-secondary);line-height:1.6}input,textarea,select{background:var(--bg-input);border:1px solid var(--border-light);color:var(--text-primary);font-family:var(--font-sans);padding:.75rem 1rem;border-radius:8px;outline:none;transition:all .2s ease;font-size:.9rem}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 1px var(--border-focus)}input::placeholder,textarea::placeholder{color:var(--text-muted)}button{background:var(--bg-panel-hover);color:var(--text-primary);border:1px solid var(--border-light);padding:.75rem 1.5rem;border-radius:8px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}button:hover{background:#ffffff1a;border-color:#fff3}button:active{transform:scale(.98)}button.primary{background:var(--accent-base);color:#fff;border:none;box-shadow:0 4px 12px #10b98133}button.primary:hover{background:var(--accent-base-hover);box-shadow:var(--shadow-glow)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin,.loader-spin{animation:spin 1s linear infinite}