@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--bg-base:#0a0c10;--bg-surface:#12151c;--bg-surface-raised:#1a1e28;--bg-surface-hover:#1f2430;--bg-overlay:#000000a6;--text-primary:#f0f2f5;--text-secondary:#8b95a5;--text-muted:#5a6577;--border-default:#ffffff0f;--border-hover:#ffffff1a;--border-focus:#3b82f6;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f61f;--success:#22c55e;--success-soft:#22c55e1f;--warning:#f59e0b;--warning-soft:#f59e0b1f;--danger:#ef4444;--danger-soft:#ef44441f;--purple:#a855f7;--purple-soft:#a855f71f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #3b82f626;--sidebar-w:260px;--topbar-h:60px;--ease:cubic-bezier(.4, 0, .2, 1);--duration-fast:.12s;--duration-normal:.2s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}::selection{background:#3b82f64d}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.shell-sidebar{display:flex}@media (width<=1199px) and (width>=768px){:root{--sidebar-w:56px}.sidebar-brand-text,.sidebar-nav-label,.sidebar-footer-info,.sidebar-footer-label{display:none}.sidebar-nav-link,.sidebar-footer-btn{justify-content:center;padding:10px!important}.sidebar-brand{justify-content:center;padding:0!important}}@media (width<=767px){.shell-sidebar{display:none!important}.shell-sidebar.open{z-index:200;width:280px;animation:slideInLeft .2s var(--ease);box-shadow:var(--shadow-lg);position:fixed;inset:0;display:flex!important}.sidebar-backdrop{z-index:199;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s var(--ease);display:block;position:fixed;inset:0}.sidebar-backdrop.hidden{display:none}.hamburger-btn{display:flex!important}.shell-content{padding:20px 16px!important}.builder-columns{flex-direction:column!important}.builder-palette{max-height:30vh;overflow-y:auto;width:100%!important}.builder-props{max-height:40vh;overflow-y:auto;width:100%!important}}@media (width>=768px){.hamburger-btn{display:none!important}.sidebar-backdrop{display:none}}