@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;550;600;700;800&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4F46E5;--primary-hover:#4338CA;--primary-light:#EEF2FF;--primary-muted:#C7D2FE;--accent:#6366F1;--accent-hover:#4F46E5;--success:#22C55E;--success-light:#F0FDF4;--warning:#F59E0B;--error:#EF4444;--bg-page:#F8FAFC;--bg-card:#FFFFFF;--bg-sidebar:#FFFFFF;--bg-input:#F1F5F9;--bg-hover:#F1F5F9;--bg-active:#EEF2FF;--bg-elevated:#FFFFFF;--bg-overlay:rgba(15,23,42,0.4);--text-primary:#1E293B;--text-secondary:#64748B;--text-tertiary:#94A3B8;--text-inverse:#FFFFFF;--border-light:#F1F5F9;--border-default:#E2E8F0;--border-strong:#CBD5E1;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(0,0,0,0.04);--shadow-sm:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.07),0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.08),0 4px 6px -4px rgba(0,0,0,0.04);--shadow-card:0 1px 3px rgba(0,0,0,0.05),0 1px 2px rgba(0,0,0,0.03);--sidebar-width:220px;--topbar-height:52px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body,html{height:100%;font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--canvas-bg:#E8ECEF;--canvas-dot:rgba(0,0,0,0.06);--browser-chrome-bg:#F8FAFB;--browser-chrome-border:#E5E7EB}body.dragging,body.dragging *{user-select:none!important;cursor:col-resize!important}body.dragging iframe{pointer-events:none!important}