:root{color:#101828;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:radial-gradient(circle at 0 0,#4f7cff2e,#0000 30%),linear-gradient(#eef4ff 0%,#f8fbff 34%,#fff 100%);font-family:Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-shell{max-width:1280px;margin:0 auto;padding:24px}.topbar{justify-content:space-between;align-items:flex-end;gap:20px;padding:20px 0 32px;display:flex}.topbar h1,.panel h2,.panel h3{margin:0}.topnav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #dbe4ff;border-radius:999px;gap:10px;padding:8px;display:flex}.topnav a{color:#475467;border-radius:999px;padding:10px 14px}.topnav a.active{color:#fff;background:#4f7cff}.content{flex-direction:column;gap:20px;display:flex}.dashboard-grid,.preview-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.hero-panel{grid-column:span 6}.dashboard-grid>.panel:nth-child(2),.dashboard-grid>.panel:nth-child(3){grid-column:span 3}.preview-grid>.panel:first-child{grid-column:span 4}.preview-panel{grid-column:span 8}.panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffd1;border:1px solid #d8e2ff;border-radius:28px;padding:24px;box-shadow:0 24px 60px #4f7cff1f}.eyebrow{color:#4f7cff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:12px;font-weight:800}.muted{color:#667085;line-height:1.6}.error-text{color:#d92d20}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:16px;padding:14px 18px}.primary-button{color:#fff;background:linear-gradient(135deg,#4f7cff,#315fe8);box-shadow:0 16px 30px #4f7cff3d}.secondary-button{color:#315fe8;background:#eff4ff}.section-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.pill,.badge-premium,.badge-free{border-radius:999px;justify-content:center;align-items:center;min-width:44px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill,.badge-free{color:#315fe8;background:#eff4ff}.badge-premium{color:#fff;background:#101828}.stack{flex-direction:column;gap:12px;display:flex}.card-row{background:#fff;border:1px solid #e4e7ec;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.preview-code{white-space:pre-wrap;color:#101828;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.7}@media (width<=960px){.topbar{flex-direction:column;align-items:stretch}.hero-panel,.dashboard-grid>.panel:nth-child(2),.dashboard-grid>.panel:nth-child(3),.preview-grid>.panel:first-child,.preview-panel{grid-column:1/-1}}