*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #137fec;--primary-hover: #0f6dd0;--bg-light: #f6f7f8;--bg-dark: #0f172a;--sidebar-dark: #1e293b;--border-light: #e2e8f0;--border-dark: #1e293b;--text-muted: #64748b;--font-sans: "Inter", system-ui, sans-serif}html,body,#root{height:100%;min-height:100dvh}body{font-family:var(--font-sans);background:var(--bg-dark);color:#e2e8f0;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#334155;border-radius:10px}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;vertical-align:middle;line-height:1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.builder-canvas{background-image:radial-gradient(#334155 1px,transparent 1px);background-size:20px 20px}*{transition-property:border-color,background-color,color,opacity,transform,box-shadow;transition-duration:.15s}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typingDot{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.logo-frame{display:flex;align-items:center;justify-content:center;height:40px;max-width:200px;padding:4px;border-radius:4px}.nav-logo-img{max-height:100%;max-width:100%;object-fit:contain}.reveal-on-scroll{opacity:0;transition:opacity var(--reveal-duration, 1.2s) cubic-bezier(.16,1,.3,1),transform var(--reveal-duration, 1.2s) cubic-bezier(.16,1,.3,1)!important;will-change:transform,opacity}.reveal-active{opacity:1!important;transform:translate(0) scale(1)!important}.reveal-genie{transform:translateY(40px) scale(.92)}.reveal-left{transform:translate(-60px)}.reveal-right{transform:translate(60px)}.mobile-warning{display:flex;position:fixed;inset:0;background:#0f172a;z-index:2000;flex-direction:column;align-items:center;justify-content:center;color:#e2e8f0;padding:2rem;text-align:center}[data-tooltip]{position:relative;cursor:pointer}[data-tooltip]:before{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%) translateY(10px);padding:6px 10px;background:#1e293b;color:#f8fafc;font-size:.75rem;font-weight:500;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000080;border:1px solid #334155;z-index:1000;pointer-events:none}[data-tooltip-pos=bottom]:before{bottom:auto;top:125%;transform:translate(-50%) translateY(-10px)}[data-tooltip]:hover:before,[data-tooltip]:focus:before{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}[data-tooltip-pos=bottom]:hover:before,[data-tooltip-pos=bottom]:focus:before{transform:translate(-50%) translateY(0)}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}