@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&family=Outfit:wght@100..900&family=Playpen+Sans:wght@300..800&display=swap";.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}:root{--bg-main:#060813;--bg-surface:#0f172abf;--bg-surface-solid:#0f172a;--border-glow:#6366f126;--border-glow-active:#8b5cf666;--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--shadow-lg:0 10px 25px -5px #0000004d, 0 8px 10px -6px #0000004d;--font-display:"Outfit", sans-serif;--font-body:"Playpen Sans", "Fredoka", cursive, sans-serif}*{box-sizing:border-box;font-family:var(--font-body);margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(at 0 0,#6366f11a 0,#0000 50%),radial-gradient(at 100% 0,#ec489914 0,#0000 50%),radial-gradient(at 50% 100%,#8b5cf60f 0,#0000 50%);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a4d}::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.glass-panel{background:var(--bg-surface);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-lg);border:1px solid #ffffff14;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{border-color:#6366f133}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}h1{background:linear-gradient(135deg,#a5b4fc 0%,#6366f1 50%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.book-page-canvas h1,.book-page-canvas h2,.book-page-canvas p,.book-page-canvas p.special-page-text,.cover-caption-text h1,.cover-caption-text h2,.cover-caption-text p,.print-text p,.print-text-overlay p,.print-panel-content p{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important}input,textarea,select{width:100%;color:var(--text-primary);background:#0f172a99;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:12px 16px;font-size:.95rem;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);background:#0f172ad9;box-shadow:0 0 0 3px #6366f140}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.btn{font-family:var(--font-display);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;box-shadow:0 4px 15px #6366f166}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1a}.btn-secondary:hover{background:#ffffff1f;border-color:#fff3}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#b91c1c 100%)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ef444466}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.btn-success:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.badge{text-transform:uppercase;border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-danger{color:#f87171;background:#ef444426;border:1px solid #ef44444d}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.canva-workspace{grid-template-columns:280px 1fr 340px;gap:16px;height:calc(100vh - 80px);padding:0 20px 20px;display:grid;overflow:hidden}@media (width<=1200px){.canva-workspace{grid-template-columns:250px 1fr;height:auto;overflow:visible}.canva-right-panel{grid-column:span 2}}@media (width<=800px){.canva-workspace{grid-template-columns:1fr}.canva-left-panel,.canva-right-panel{grid-column:span 1}}.book-canvas-wrapper{border-radius:14px;width:auto;max-width:100%;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0f}.book-page-canvas{background-position:50%;background-size:cover;border-radius:0;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.page-layout-top-text{flex-direction:column}.page-layout-bottom-text{flex-direction:column-reverse}.page-layout-left-text{flex-direction:row}.page-layout-right-text{flex-direction:row-reverse}.page-layout-overlay{flex-direction:column;justify-content:center;align-items:center}.canvas-image-half{object-fit:cover;flex:1;width:100%;height:100%}.canvas-text-half{z-index:10;flex-direction:column;flex:1;justify-content:center;padding:24px;font-size:1.1rem;display:flex;overflow-y:auto}.canvas-text-half p,.canvas-text-overlay p{width:100%;margin:0}.page-layout-top-text .canvas-text-half,.page-layout-top-text .canvas-image-half,.page-layout-bottom-text .canvas-text-half,.page-layout-bottom-text .canvas-image-half{flex:50%!important;width:100%!important;height:50%!important;min-height:50%!important;max-height:50%!important}.page-layout-left-text .canvas-text-half,.page-layout-left-text .canvas-image-half,.page-layout-right-text .canvas-text-half,.page-layout-right-text .canvas-image-half{flex:50%!important;width:50%!important;min-width:50%!important;max-width:50%!important;height:100%!important}.page-layout-overlay .canvas-background-image{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.page-layout-overlay .canvas-text-overlay{z-index:10;border-radius:12px;padding:20px;position:absolute}.page-layout-overlay .canvas-text-overlay.overlay-transparent{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important}.page-layout-overlay .canvas-text-overlay.overlay-light,.page-layout-overlay .canvas-text-overlay.overlay-medium{box-shadow:none!important}.page-layout-overlay .canvas-text-overlay.overlay-light{border-color:#ffffff14!important}.page-layout-overlay .canvas-text-overlay.overlay-bottom{inset:auto 24px 24px}.page-layout-overlay .canvas-text-overlay.overlay-center{inset:50% 24px auto;transform:translateY(-50%)}.page-layout-overlay .canvas-text-overlay.overlay-top{inset:24px 24px auto}.page-layout-overlay .canvas-text-overlay.overlay-left{width:42%;max-width:45%;inset:50% auto auto 24px;transform:translateY(-50%)}.page-layout-overlay .canvas-text-overlay.overlay-right{width:42%;max-width:45%;inset:50% 24px auto auto;transform:translateY(-50%)}.page-layout-overlay .canvas-text-overlay.overlay-top-left{width:48%;max-width:50%;inset:24px auto auto 24px;transform:none}.page-layout-overlay .canvas-text-overlay.overlay-top-right{width:48%;max-width:50%;inset:24px 24px auto auto;transform:none}.page-layout-overlay .canvas-text-overlay.overlay-bottom-left{width:48%;max-width:50%;inset:auto auto 24px 24px;transform:none}.page-layout-overlay .canvas-text-overlay.overlay-bottom-right{width:48%;max-width:50%;inset:auto 24px 24px auto;transform:none}.format-align-btn{color:var(--text-secondary);cursor:pointer;background:#0f172acc;border:1px solid #ffffff1a;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.75rem;transition:all .15s;display:flex}.format-align-btn:hover{color:var(--text-primary);border-color:#6366f166}.format-align-btn.active{border-color:var(--primary);color:#fff;background:#6366f133}.pulse-glow{animation:2.5s ease-in-out infinite pulse-border}@keyframes pulse-border{0%,to{border-color:#6366f126}50%{border-color:#8b5cf699}}.spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.canvas-hover-controls{opacity:0;transition:opacity .2s ease-in-out}.canvas-text-half:hover .canvas-hover-controls,.canvas-text-overlay:hover .canvas-hover-controls,.canvas-image-half:hover .canvas-hover-controls,.book-page-canvas:hover>.canvas-hover-controls{opacity:1}.print-preview-overlay{z-index:9999;background:#000000d9;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.print-preview-toolbar{color:#f8fafc;background:#0f172a;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.print-pages-container{flex-direction:column;flex:1;align-items:center;gap:32px;padding:32px;display:flex;overflow-y:auto}.print-page{border-radius:8px;flex-shrink:0;width:min(700px,90vw);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009}.print-story-page{display:flex}.print-story-page.print-page-overlay{position:relative}.print-page-overlay-inner{width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.print-image{flex:1;min-height:0;position:relative;overflow:hidden}.print-image img{object-fit:cover;width:100%;height:100%;display:block}.print-page-overlay .print-image-full{z-index:0;flex:none;width:100%;height:100%;position:absolute;inset:0}.print-page-overlay .print-image-full img{object-fit:cover;width:100%;height:100%}.print-page-overlay .print-text-overlay{z-index:2}.print-layout-left-text{flex-direction:row}.print-layout-right-text{flex-direction:row-reverse}.print-layout-top-text{flex-direction:column}.print-layout-bottom-text{flex-direction:column-reverse}.print-text{z-index:10;flex-direction:column;flex:50%;justify-content:center;padding:24px;display:flex;position:relative;overflow:hidden}.print-text p,.print-text-overlay p{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;width:100%;margin:0;font-weight:600}.print-panel-content{z-index:1;width:100%;padding:2px 0;position:relative}.print-layout-top-text .print-text,.print-layout-top-text .print-image,.print-layout-bottom-text .print-text,.print-layout-bottom-text .print-image{flex:50%;width:100%;height:50%;min-height:50%;max-height:50%}.print-layout-left-text .print-text,.print-layout-left-text .print-image,.print-layout-right-text .print-text,.print-layout-right-text .print-image{flex:50%;width:50%;min-width:50%;max-width:50%;height:100%}.print-page-overlay .print-text-overlay{z-index:10;border-radius:12px;padding:20px;position:absolute}.print-page-overlay .print-text-overlay.overlay-transparent{box-shadow:none!important;border:none!important}.print-page-overlay .print-text-overlay.overlay-light,.print-page-overlay .print-text-overlay.overlay-medium{box-shadow:none!important}.print-page-overlay .print-text-overlay.overlay-light{border-color:#ffffff14!important}.cover-caption{z-index:10;position:absolute;left:0;right:0}.cover-caption-scrim,.print-cover-scrim{pointer-events:none;position:absolute;inset:0}.cover-caption-text{z-index:1;text-align:center;padding:32px 24px 24px;position:relative}.print-panel-scrim{border-radius:inherit;pointer-events:none;position:absolute;inset:0}.print-panel-bg{z-index:0;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.print-text,.print-text-overlay{overflow:hidden}.print-page-overlay .print-text-overlay.overlay-bottom{inset:auto 24px 24px}.print-page-overlay .print-text-overlay.overlay-center{inset:50% 24px auto;transform:translateY(-50%)}.print-page-overlay .print-text-overlay.overlay-top{inset:24px 24px auto}.print-page-overlay .print-text-overlay.overlay-left{width:42%;max-width:45%;inset:50% auto auto 24px;transform:translateY(-50%)}.print-page-overlay .print-text-overlay.overlay-right{width:42%;max-width:45%;inset:50% 24px auto auto;transform:translateY(-50%)}.print-page-overlay .print-text-overlay.overlay-top-left{width:48%;max-width:50%;inset:24px auto auto 24px;transform:none}.print-page-overlay .print-text-overlay.overlay-top-right{width:48%;max-width:50%;inset:24px 24px auto auto;transform:none}.print-page-overlay .print-text-overlay.overlay-bottom-left{width:48%;max-width:50%;inset:auto auto 24px 24px;transform:none}.print-page-overlay .print-text-overlay.overlay-bottom-right{width:48%;max-width:50%;inset:auto 24px 24px auto;transform:none}.print-page-number{opacity:.5;font-family:serif;font-size:.65rem;position:absolute;bottom:8px;right:12px}@media print{html,body{background:#fff!important;height:auto!important;margin:0!important;overflow:visible!important}body>:not(#book-print-portal){display:none!important}#book-print-portal{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;width:100%!important;height:auto!important;display:block!important;position:static!important}.print-preview-overlay{inset:unset!important;z-index:auto!important;background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;display:block!important;position:static!important;overflow:visible!important}.print-preview-toolbar{display:none!important}.print-pages-container{flex:none!important;gap:0!important;height:auto!important;max-height:none!important;padding:0!important;display:block!important;overflow:visible!important}.print-page{box-sizing:border-box;page-break-after:always;break-after:page;page-break-inside:avoid;break-inside:avoid;width:100%!important;max-width:100%!important;height:100vh!important;min-height:100vh!important;max-height:none!important;aspect-ratio:unset!important;box-shadow:none!important;border-radius:0!important;margin:0!important;display:flex!important;overflow:hidden!important}.print-page:last-child{page-break-after:auto;break-after:auto}.print-page.print-page-overlay{display:block!important;position:relative!important}.print-page-overlay-inner{width:100%!important;height:100%!important;min-height:100vh!important;position:relative!important;overflow:hidden!important}.print-page-overlay .print-image-full{z-index:0!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.print-page-overlay .print-text-overlay{z-index:2!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;position:absolute!important}.print-page-overlay .print-panel-bg,.print-cover-scrim,.print-image,.print-image img,.print-text,.print-text-overlay,.print-text p,.print-text-overlay p,.print-panel-content p,.cover-caption-scrim,.print-cover-scrim,.print-panel-scrim,.book-page-canvas h1,.book-page-canvas h2,.book-page-canvas p,.cover-caption-text h1,.cover-caption-text h2,.cover-caption-text p{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-panel-scrim{display:none!important}.print-text,.print-text-overlay,.print-text p,.print-text-overlay p,.print-panel-content p,.cover-caption-text h1,.cover-caption-text h2,.cover-caption-text p{text-shadow:none!important;-webkit-backdrop-filter:none!important;filter:none!important}.cover-caption-scrim{display:none!important}.print-text,.print-text-overlay,.print-cover-caption,.cover-caption-text{box-shadow:none!important}.book-page-canvas h1,.book-page-canvas h2,.book-page-canvas p,.cover-caption-text h1,.cover-caption-text h2,.cover-caption-text p{background:0 0!important;-webkit-background-clip:unset!important;background-clip:unset!important}.print-text p,.print-text-overlay p,.print-panel-content p{text-rendering:optimizelegibility!important;-webkit-font-smoothing:antialiased!important;font-weight:600!important}.print-page-number{opacity:.65!important}@page{margin:0;size:auto}}