*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #137fec;--primary-hover: #0f6dd0;--bg-main: #f8fafc;--bg-alt: #f1f5f9;--bg-card: #ffffff;--bg-header: rgba(248, 250, 252, .8);--bg-footer: #f1f5f9;--text-main: #0f172a;--text-muted: #64748b;--text-inverse: #f8fafc;--border-main: rgba(0, 0, 0, .05);--border-alt: rgba(0, 0, 0, .1);--img-brightness: 1;--font-sans: "Inter", system-ui, sans-serif}@media(prefers-color-scheme:dark){:root{--bg-main: #0f172a;--bg-alt: rgba(30, 41, 59, .3);--bg-card: rgba(30, 41, 59, .4);--bg-header: rgba(15, 23, 42, .75);--bg-footer: #020617;--text-main: #f8fafc;--text-muted: #94a3b8;--text-inverse: #0f172a;--border-main: rgba(255, 255, 255, .05);--border-alt: rgba(255, 255, 255, .1);--img-brightness: .9}}html,body,#root{height:100%;min-height:100dvh}body{font-family:var(--font-sans);background:var(--bg-main);color:var(--text-main);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}.builder-sidebar-wrapper{height:100%;display:flex;flex-direction:column;flex-shrink:0}@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:var(--bg-main);z-index:2000;flex-direction:column;align-items:center;justify-content:center;color:var(--text-main);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:var(--bg-card);color:var(--text-main);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 #0000004d;border:1px solid var(--border-alt);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)}}.create-modal{width:90%!important;max-width:800px;background:var(--bg-card);border:1px solid var(--border-alt);border-radius:1.5rem;padding:2.5rem;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #0000004d}.create-modal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:start}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.template-grid::-webkit-scrollbar{width:4px}.template-grid::-webkit-scrollbar-thumb{background:#475569}@media(max-width:768px){.create-modal{width:95%!important;padding:1.5rem!important;border-radius:1.25rem!important}.create-modal-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.template-grid{grid-template-columns:1fr 1fr!important;max-height:250px!important}}@media(max-width:480px){.template-grid{grid-template-columns:1fr!important}}