:root{--ink:#1e1b2e;--paper:#f4f0ff;--sheet:#fff;--crayon-red:#d3261f;--sunshine:#ffd23f;--sky:#2f7df6;--leaf:#1faf6b;--grape:#7c4dff;--muted:#5d5870;--on-primary:#fff;--tint-warm:color-mix(in srgb, var(--sunshine) 20%, var(--sheet));--tint-warm-strong:color-mix(in srgb, var(--sunshine) 35%, var(--sheet));--tint-cool:color-mix(in srgb, var(--sky) 15%, var(--sheet));--tint-grape:color-mix(in srgb, var(--grape) 15%, var(--sheet));--line:2.5px solid var(--ink);--shadow:4px 4px 0 var(--ink);--r-control:14px;--r-card:22px;--font-head:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);margin:0;font-size:17px;line-height:1.55;overflow-x:hidden}h1,h2,h3{font-family:var(--font-head);margin:0 0 .5em;font-weight:600;line-height:1.15}h1{letter-spacing:-.01em;font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.6rem,3vw,2.2rem)}h3{font-size:1.3rem}p{margin:0 0 .8em}a{color:inherit}:focus-visible{outline:3px solid var(--sky);outline-offset:3px}.muted{color:var(--muted)}.small{font-size:.9rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--crayon-red);margin-bottom:.6em;font-size:.8rem;font-weight:800}.card{background:var(--sheet);border:var(--line);border-radius:var(--r-card);box-shadow:var(--shadow)}.btn{min-height:44px;font:700 1rem var(--font-body);color:var(--ink);background:var(--sheet);border:var(--line);border-radius:var(--r-control);box-shadow:3px 3px 0 var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.4em;padding:.55em 1.1em;text-decoration:none;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.btn:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)}.btn:active{box-shadow:0 0 0 var(--ink);transform:translate(3px,3px)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:3px 3px 0 var(--ink);transform:none}.btn-primary{background:var(--crayon-red);color:var(--on-primary)}.btn-green{background:var(--leaf)}.btn-yellow{background:var(--sunshine)}.btn-big{padding:.75em 1.4em;font-size:1.08rem}.btn-small{min-height:38px;padding:.35em .9em;font-size:.95rem}.full{width:100%}.link-btn{font:700 1rem var(--font-body);color:var(--ink);cursor:pointer;background:0 0;border:none;padding:.4em 0;text-decoration:underline}.testing-bar{background:var(--ink);color:#fff;text-align:center;padding:6px 16px;font-size:.85rem}.testing-bar strong{color:var(--sunshine)}.site-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1180px;margin:0 auto;padding:18px 24px;display:flex}.brand{font-family:var(--font-head);align-items:center;gap:.55rem;font-size:1.25rem;font-weight:500;text-decoration:none;display:inline-flex}.brand b{font-weight:600}.brand.small{font-size:1rem}.crayon-mark{flex:none;width:36px;height:36px}.brand.small .crayon-mark{width:26px;height:26px}.nav{flex-wrap:wrap;align-items:center;gap:1.1rem;display:flex}.nav>a:not(.btn){font-weight:700;text-decoration:none}.nav>a:not(.btn):hover{text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--sunshine);text-decoration-color:var(--sunshine)}.credit-pill{background:var(--sunshine);border:var(--line);border-radius:999px;padding:.15em .75em;font-size:.9rem;font-weight:800}main{max-width:1180px;margin:0 auto;padding:0 24px}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:28px 0 56px;display:grid}.lead{color:var(--muted);max-width:34em;font-size:1.2rem}.scribble{background:linear-gradient(transparent 62%, var(--sunshine) 62%, var(--sunshine) 90%, transparent 90%);padding:0 .1em}.hero-actions{flex-wrap:wrap;gap:14px;margin:1.4em 0 1.2em;display:flex}.trust{flex-wrap:wrap;gap:.4em 1.2em;margin:0;padding:0;font-size:.95rem;font-weight:700;list-style:none;display:flex}.before-after{margin:0}.ba-frame{aspect-ratio:930/1100;border:var(--line);border-radius:var(--r-card);box-shadow:6px 6px 0 var(--ink);background:var(--sheet);position:relative;overflow:hidden;transform:rotate(1.2deg)}.ba-layer{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sheet-border img,.gallery-item img{object-fit:contain;width:100%;height:100%;display:block}.gallery-item img{aspect-ratio:400/520;height:auto}.ba-layer svg,.sheet svg,.gallery-item svg{width:100%;height:100%;display:block}.ba-photo{transform-origin:50% 60%;transform:scale(1.15)}.ba-line{background:var(--sheet);clip-path:inset(0 0 0 var(--split));will-change:clip-path;transition:clip-path .6s cubic-bezier(.2,.8,.2,1)}.ba-handle{border-left:3px solid var(--ink);width:100%;transform:translateX(var(--split));will-change:transform;pointer-events:none;margin-left:-1.5px;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0;left:0}.ba-handle span{background:var(--sunshine);border:var(--line);white-space:nowrap;border-radius:999px;padding:.15em .6em;font-weight:800;position:absolute;top:90%;left:0;transform:translate(-50%,-50%)}.ba-frame{touch-action:pan-y;cursor:ew-resize;-webkit-user-select:none;user-select:none}.ba-dragging .ba-line{transition:clip-path 80ms ease-out}.ba-dragging .ba-handle{transition:transform 80ms ease-out}.ba-frame img{pointer-events:none;-webkit-user-drag:none}.ba-tag{background:var(--sheet);border:var(--line);border-radius:999px;padding:.1em .7em;font-size:.85rem;font-weight:800;position:absolute;top:14px}.ba-tag-left{left:14px}.ba-tag-right{right:14px}.ba-range{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.ba-frame:has(.ba-range:focus-visible){outline:3px solid var(--sky);outline-offset:4px}.before-after figcaption{color:var(--muted);text-align:center;margin-top:14px;font-size:.85rem}.creator{margin-bottom:64px;padding:32px;scroll-margin-top:16px}.tabs{border:var(--line);border-radius:var(--r-control);margin-bottom:18px;display:inline-flex;overflow:hidden}.tab{font:700 1rem var(--font-body);background:var(--sheet);color:var(--ink);cursor:pointer;border:none;min-height:44px;padding:.6em 1.1em}.tab+.tab{border-left:var(--line)}.tab.active{background:color-mix(in srgb, var(--sky) 30%, var(--sheet))}.field{margin-bottom:14px;display:block}.field-label{margin-bottom:6px;font-weight:800;display:block}textarea,input[type=email],select{width:100%;font:1.05rem var(--font-body);color:var(--ink);background:var(--sheet);border:var(--line);border-radius:var(--r-control);padding:.7em .85em}textarea{resize:vertical;min-height:3.4em}textarea:focus,input:focus,select:focus{outline:3px solid var(--sky);outline-offset:1px}.dropzone{text-align:center;border:2.5px dashed var(--ink);border-radius:var(--r-card);cursor:pointer;background:var(--tint-warm);flex-direction:column;justify-content:center;align-items:center;gap:4px;margin-bottom:16px;padding:26px;display:flex}.dropzone:hover{background:var(--tint-warm-strong)}.dropzone input{opacity:0;width:1px;height:1px;position:absolute}.dropzone:focus-within{outline:3px solid var(--sky);outline-offset:2px}.dropzone strong{font-size:1.1rem}.dropzone span{color:var(--muted);max-width:30em;font-size:.95rem}.dropzone img{border:var(--line);border-radius:12px;max-height:160px}.ideas{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.ideas-label{margin-right:4px;font-weight:800}.chip{font:600 .92rem var(--font-body);color:var(--ink);background:var(--sheet);border:2px solid var(--ink);cursor:pointer;border-radius:999px;min-height:36px;padding:.3em .8em}.chip:hover{background:var(--tint-cool)}.create-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.paper-pick{flex:240px;max-width:340px}.hint{color:var(--muted);margin-top:4px;font-size:.85rem;display:block}.create-row .btn-big{flex:260px}.progress{gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}.progress li{color:var(--muted);padding-left:2rem;font-weight:700;position:relative}.progress li:before{content:"";border:2.5px solid var(--muted);border-radius:50%;width:1.2em;height:1.2em;position:absolute;top:.2em;left:0}.progress li.now{color:var(--ink)}.progress li.now:before{border-color:var(--ink);border-top-color:var(--crayon-red);animation:.8s linear infinite spin}.progress li.done{color:var(--ink)}.progress li.done:before{background:var(--leaf);border-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}.result{border-top:2.5px dashed var(--ink);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;margin-top:30px;padding-top:30px;scroll-margin-top:16px;display:grid}.result-sheet{justify-content:center;align-items:flex-start;display:flex}.result-title{font-family:var(--font-head);margin-bottom:.2em;font-size:1.6rem;font-weight:600}.prototype-note{background:var(--tint-grape);border:2px dashed var(--grape);border-radius:10px;padding:.3em .7em;font-size:.85rem;font-weight:700;display:inline-block}.sizes{flex-wrap:wrap;gap:8px;margin:10px 0 16px;display:flex}.size{font:700 .95rem var(--font-body);color:var(--ink);background:var(--sheet);border:var(--line);cursor:pointer;border-radius:10px;min-height:40px;padding:.35em .9em}.size.active{background:var(--ink);color:#fff}.downloads{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.save-cta{background:var(--tint-warm);border:var(--line);border-radius:var(--r-control);margin:18px 0 10px;padding:16px}.sheet{background:#fff;border:1px solid #d9d4c7;flex-direction:column;width:100%;max-width:380px;padding:5%;transition:aspect-ratio .3s;display:flex;box-shadow:0 1px #d9d4c7,8px 10px #1e1b2e1f;container-type:inline-size}.sheet-border{border:.6cqi solid #000;border-radius:2.4cqi;flex:1;min-height:0;padding:4cqi 4cqi 5cqi;display:flex;position:relative}.sheet-art{border-radius:1.8cqi;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.sheet-art svg,.sheet-art img{object-fit:contain;width:100%;height:100%}.sheet-border.cut-across{padding-left:0;padding-right:0}.sheet-border.cut-updown{padding-top:0;padding-bottom:0}.sheet.landscape{max-width:560px}.sheet-attribution{z-index:1;font:800 2.2cqi/1 var(--font-body);color:#000;white-space:nowrap;background:#fff;padding:0 1.3cqi;position:absolute;bottom:0;right:5cqi;transform:translateY(55%)}.characters{scroll-margin-top:16px}.characters-intro{max-width:760px;margin-bottom:28px}.eyebrow-grape{color:#5b35e0}.characters-flow{background:var(--tint-grape);border:var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);grid-template-columns:1fr auto 1.25fr;align-items:start;gap:20px;margin-bottom:14px;padding:28px;display:grid}.flow-step h3{margin-top:4px}.flow-arrow{font:600 2.4rem var(--font-head);align-self:center}.char-row,.story-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.char-card{text-align:center;margin:0;padding:8px}.char-portrait{aspect-ratio:1;border:2px solid var(--ink);background:#fff;border-radius:50%;position:relative;overflow:hidden}.char-portrait img{max-width:none;height:auto;position:absolute}.char-portrait img.char-portrait-full{object-fit:cover;width:100%;height:100%;inset:0}.char-portrait svg{width:100%;height:100%;transform:scale(1.5)translateY(8%)}.char-card figcaption{margin-top:6px;line-height:1.25;display:grid}.char-card strong{font:600 1.1rem var(--font-head)}.char-card span{color:var(--muted);font-size:.8rem}.story{margin:0;padding:8px}.story-art{aspect-ratio:930/1100;display:flex}.story-art svg,.story-art img{object-fit:contain;width:100%;height:100%}.story figcaption{margin-top:6px;font-size:.85rem;font-weight:700;line-height:1.3}.chip-char{background:var(--tint-grape)}.chip-char.on{background:var(--grape);color:#fff}.chip-new{border-style:dashed}.error-note{border:var(--line);border-radius:var(--r-control);background:color-mix(in srgb, var(--crayon-red) 12%, var(--sheet));margin:18px 0 0;padding:12px 16px;font-weight:700}.testing-details{background:var(--tint-grape);border:2px dashed var(--grape);border-radius:10px;margin-bottom:8px;padding:8px 10px;font-size:.82rem}.testing-details ul{margin:4px 0 0;padding-left:18px}.qc-warn{color:#8a5a00;font-weight:700}.qc-fail{color:var(--crayon-red);font-weight:700}.gallery-art{aspect-ratio:2/3;background:#fff}.gallery-art img{object-fit:contain;width:100%;height:100%}.starring{background:var(--tint-grape);border:2px solid var(--ink);border-radius:999px;margin:0 0 8px;padding:.15em .8em;font-weight:800;display:inline-block}.modal.character-modal{width:min(640px,100%)}.character-modal input[type=text]{width:100%;font:1.05rem var(--font-body);color:var(--ink);background:var(--sheet);border:var(--line);border-radius:var(--r-control);padding:.7em .85em}.thumbs{gap:8px;display:flex}.thumbs img{object-fit:cover;border:var(--line);border-radius:12px;width:84px;height:84px}.drawing{text-align:center;padding:24px 0}.spinner{border:4px solid var(--ink);border-top-color:var(--grape);border-radius:50%;width:44px;height:44px;margin-bottom:12px;animation:.9s linear infinite spin;display:inline-block}.sheet-review{border:var(--line);border-radius:var(--r-control);background:#fff;justify-content:center;margin-bottom:10px;padding:10px;display:flex}.sheet-review img{width:auto;max-width:100%;max-height:46vh}.replaced-note{background:var(--tint-warm);border:2px solid var(--ink);border-radius:12px;padding:10px 12px;font-weight:600}.review-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.status-tag{background:var(--sunshine);border:1.5px solid var(--ink);border-radius:999px;padding:0 .5em;font-size:.72rem;font-weight:800}.status-original{background:var(--tint-grape)}.card-actions{gap:12px;display:flex}.add-character{font:700 1rem var(--font-body);color:var(--ink);cursor:pointer;border-style:dashed;align-content:center;place-items:center;gap:6px;min-height:200px;display:grid}.add-character span{font-size:2rem;line-height:1}.printed{background:var(--sheet);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:20px;margin-top:22px;padding:24px;display:grid}.printed figure{margin:0}.printed img{background:#fff;border:1px solid #d9d4c7;width:100%;height:auto;display:block;box-shadow:4px 5px #1e1b2e1f}.printed figure:nth-of-type(2) img{transform:rotate(1.5deg)}.printed figcaption{text-align:center;margin-top:10px;font-size:.9rem;font-weight:800}.printed-text h3{margin-top:0}.dropzone .dropzone-icon{margin-bottom:4px;font-size:2.8rem;line-height:1;transition:transform .2s}.dropzone:hover .dropzone-icon{transform:rotate(-8deg)scale(1.1)}.dropzone-change{font-weight:800;color:var(--ink)!important}.chip-surprise{background:var(--sunshine);font-weight:800}.chip-surprise:hover{background:var(--sunshine);transform:rotate(-3deg)}.chip{transition:transform .12s}.chip:hover{transform:translateY(-1px)}.btn-create{flex:100%;font-size:1.2rem}.create-row .hint{text-align:center;width:100%;margin-top:-4px}.size-hint{margin:12px 0 0;font-size:.9rem;font-weight:700}.dropzone.dragging{background:var(--tint-cool);border-color:var(--sky);border-style:solid;transform:scale(1.01)}.dropzone{transition:transform .12s,background .12s}.creator.drop-target{outline:4px dashed var(--sky);outline-offset:6px}.subject-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:14px 0;display:grid}.subject{border:2.5px solid var(--ink);border-radius:var(--r-control);background:var(--sheet);opacity:.75;padding:8px;transition:opacity .12s,transform .12s}.subject.chosen{opacity:1;background:var(--tint-grape);box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.subject-pick{cursor:pointer;gap:6px;display:grid;position:relative}.subject-pick input{width:22px;height:22px;accent-color:var(--grape);position:absolute;top:6px;left:6px}.subject-pick img{object-fit:cover;border:2px solid var(--ink);background:#fff;border-radius:10px;width:100%}.subject.wide{grid-column:1/-1}.subject-list{align-items:start}.subject-label{text-transform:capitalize;font-weight:800}.subject-name{width:100%;font:1rem var(--font-body);color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:10px;margin-top:6px;padding:.45em .6em}.modal.character-modal{width:min(640px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.draft-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:14px 0;display:grid}.draft{align-content:start;gap:8px;margin:0;display:grid}.draft figcaption strong{font:600 1.25rem var(--font-head)}.draft .sheet-review img{max-height:34vh}.draft-grid.single .sheet-review img{max-height:46vh}.tweak{border:2px dashed var(--ink);border-radius:var(--r-control);background:var(--tint-warm);gap:8px;padding:12px;display:grid}.tweak-row{flex-wrap:wrap;gap:8px;display:flex}.tweak-row input{min-width:0;font:1rem var(--font-body);color:var(--ink);border:2px solid var(--ink);background:#fff;border-radius:10px;flex:180px;padding:.5em .7em}.tweak-ideas{flex-wrap:wrap;gap:6px;display:flex}.tweak p{margin:0}.saved-tag{color:#11784a;font-weight:800}.workspace-hello{padding:28px 0 22px}.workspace-hello h1{margin-bottom:.2em;font-size:clamp(1.8rem,4vw,2.6rem)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.section-head h2{margin:0}.starter-cards{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:12px;display:grid}.starter-card{text-align:left;cursor:pointer;font:inherit;color:var(--ink);gap:6px;padding:18px;transition:transform .12s;display:grid}.starter-card:hover{background:var(--tint-grape);transform:translate(-2px,-2px)rotate(-.5deg)}.starter-emoji{font-size:2.4rem;line-height:1}.starter-card strong{font:600 1.2rem var(--font-head)}a.credit-pill{text-decoration:none}@media (width<=700px){.starter-cards{grid-template-columns:1fr}}.photo-list{flex-wrap:wrap;gap:12px;margin:0 0 12px;padding:0;list-style:none;display:flex}.photo-list li{position:relative}.photo-list img{object-fit:cover;border:var(--line);border-radius:14px;width:104px;height:104px;display:block}.photo-remove{border:2.5px solid var(--ink);width:30px;height:30px;font:800 1.1rem/1 var(--font-body);color:var(--ink);cursor:pointer;background:#fff;border-radius:50%;position:absolute;top:-10px;right:-10px}.photo-remove:hover{background:var(--tint-warm)}.dropzone.compact{flex-direction:row;gap:8px;padding:14px}.gallery-open{font:inherit;color:var(--ink);text-align:left;cursor:pointer;gap:8px;transition:transform .12s;display:grid}.gallery-open:hover{transform:translate(-2px,-2px)}.gallery-caption{font-size:.9rem;font-weight:700}.modal.page-modal{width:min(760px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.page-modal-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.danger{color:var(--crayon-red)}@media (width<=640px){.page-modal-body{grid-template-columns:1fr}}.page-modal-body:has(.sheet.landscape){grid-template-columns:1fr}.legal-main{max-width:820px;margin:0 auto;padding:24px 24px 48px}.legal{padding:36px}.legal h1{font-size:clamp(1.9rem,4vw,2.6rem)}.legal h2{margin-top:1.4em;font-size:1.3rem}.legal li{margin-bottom:.4em}.legal-draft{background:var(--tint-warm);border:2px dashed var(--ink);border-radius:10px;padding:.3em .8em;font-size:.9rem;font-weight:700;display:inline-block}.report-form{gap:4px;margin-top:18px;display:grid}.report-form input[type=text],.report-form input[type=email]{width:100%;font:1.05rem var(--font-body);color:var(--ink);background:var(--sheet);border:var(--line);border-radius:var(--r-control);padding:.7em .85em}.check{align-items:flex-start;gap:10px;margin:6px 0 10px;font-weight:600;display:flex}.check input{width:20px;height:20px;accent-color:var(--grape);flex:none;margin-top:3px}@media (width<=560px){.legal{padding:22px}.legal-main{padding:16px}}.emoji{text-align:center;min-width:1.25em;margin-right:.4em;display:inline-block}.section{margin-bottom:72px;scroll-margin-top:16px}.steps{grid-template-columns:repeat(3,1fr);gap:22px;margin:0;padding:0;list-style:none;display:grid}.steps li{padding:24px}.step-num{border:var(--line);width:44px;height:44px;font:600 1.3rem var(--font-head);border-radius:50%;place-items:center;margin-bottom:12px;display:inline-grid}.plans{grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0 14px;display:grid}.plan{flex-direction:column;padding:22px;display:flex;position:relative}.plan .btn{margin-top:auto}.plan.popular{background:var(--tint-warm)}.price{font:600 2rem var(--font-head);margin-bottom:.2em}.badge{background:var(--crayon-red);color:var(--on-primary);border:var(--line);border-radius:999px;padding:.05em .7em;font-size:.8rem;font-weight:800;position:absolute;top:-14px;left:18px}.gallery{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;display:grid}.gallery-item{margin:0;padding:12px}.gallery-item svg{aspect-ratio:400/520;height:auto}.gallery-item figcaption{margin-top:8px;font-size:.9rem;font-weight:700}.faq details{background:var(--sheet);border:var(--line);border-radius:var(--r-control);margin-bottom:12px;padding:14px 18px}.faq summary{cursor:pointer;font-weight:800}.faq details p{margin:.6em 0 0}.site-footer{border-top:var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;max-width:1180px;margin:0 auto;padding:28px 24px 40px;display:flex}.site-footer nav{flex-wrap:wrap;gap:18px;font-weight:700;display:flex}.site-footer p{width:100%;margin:0}.modal-backdrop{z-index:20;background:#1e1b2e73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:min(440px,100%);padding:30px;position:relative}.modal h2{padding-right:32px}.modal .field{margin-bottom:18px}.modal-note{text-align:center;color:var(--muted);margin:14px 0 0;font-size:.92rem;line-height:1.45}.modal-close{cursor:pointer;width:40px;height:40px;color:var(--ink);background:0 0;border:none;font-size:1.6rem;position:absolute;top:10px;right:12px}.toast{background:var(--ink);color:#fff;border-radius:var(--r-control);z-index:30;max-width:calc(100% - 32px);padding:.7em 1.2em;font-weight:700;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}@media (width<=900px){.hero{grid-template-columns:1fr;gap:32px}.before-after{width:100%;max-width:440px;margin:0 auto}.steps{grid-template-columns:1fr}.plans{grid-template-columns:repeat(2,1fr)}.characters-flow{grid-template-columns:1fr}.printed{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.printed-text{grid-column:1/-1}.flow-arrow{justify-self:center;transform:rotate(90deg)}.result{grid-template-columns:1fr}}@media (width<=560px){main,.site-header{padding-left:16px;padding-right:16px}.site-header{padding-top:12px;padding-bottom:12px}.nav>a:not(.btn):not(.credit-pill){display:none}.brand{font-size:1.05rem}.creator,.characters-flow{padding:20px}.char-row,.story-row{gap:8px}.plans{grid-template-columns:1fr}.create-row .btn-big{margin-bottom:0}.paper-pick{max-width:none}.ba-frame{transform:none}.tab{white-space:nowrap;padding:.55em .75em;font-size:.95rem}}.dictate{position:relative}.dictate textarea{box-sizing:border-box;width:100%;margin:0;padding-right:56px;display:block}.mic{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.mic:hover,.mic:focus-visible{background:color-mix(in srgb, var(--ink) 8%, transparent)}.dictation-bar{background:var(--sheet);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:10px;padding:6px;display:flex;position:absolute;inset:6px 6px auto}.dictation-btn{background:color-mix(in srgb, var(--ink) 8%, transparent);width:36px;height:36px;color:var(--ink);font:800 1rem var(--font-body);cursor:pointer;border:none;border-radius:50%;flex:none;place-items:center;display:grid}.dictation-done{background:var(--ink);color:#fff}.dictation-btn:disabled{cursor:progress}.waveform{flex:1;justify-content:flex-end;align-items:center;gap:2px;min-width:0;height:28px;display:flex;overflow:hidden}.waveform i{background:var(--ink);border-radius:2px;flex:none;width:3px;transition:height .1s linear}.dictation-time{font:700 .9rem var(--font-body);color:var(--muted);font-variant-numeric:tabular-nums;flex:none}.dictation-done .spinner.small{border-width:2px;border-color:#0000 #fff #fff;width:16px;height:16px;margin:0}.mic-note{color:var(--muted);margin-top:6px;font-size:.9rem;display:block}.mic-error{color:var(--crayon-red)}.skeleton{background:linear-gradient(90deg, color-mix(in srgb, var(--ink) 7%, var(--sheet)) 0%, color-mix(in srgb, var(--ink) 12%, var(--sheet)) 50%, color-mix(in srgb, var(--ink) 7%, var(--sheet)) 100%);background-size:200% 100%;border-radius:12px;animation:1.4s ease-in-out infinite skeleton-shimmer;display:block}.skeleton-pill{border-radius:999px;width:260px;max-width:50vw;height:36px}.skeleton-title{width:min(520px,90%);height:2.6rem;margin-bottom:12px}.skeleton-line{width:min(340px,70%);height:1rem}.skeleton-card{gap:16px;display:grid}.skeleton-heading{width:240px;max-width:70%;height:1.8rem}.skeleton-tabs{width:260px;max-width:80%;height:44px}.skeleton-box{height:76px}.skeleton-row{flex-wrap:wrap;gap:8px;display:flex}.skeleton-chip{border-radius:999px;height:36px}.skeleton-button{border-radius:var(--r-control);height:56px}.skeleton-tile{aspect-ratio:2/3;border-radius:var(--r-card)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.redo{flex-wrap:wrap;align-items:center;gap:12px;margin:14px 0 6px;display:flex}.spinner.small{border-width:3px;width:22px;height:22px;margin:0}.page-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-auto-rows:380px;grid-auto-flow:dense}.page-gallery .gallery-open{flex-direction:column;grid-column:span 2;gap:8px;min-width:0;display:flex;overflow:hidden}.page-gallery .gallery-open.wide{grid-column:span 3}.page-gallery .gallery-art{aspect-ratio:auto;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.page-gallery .gallery-art img{aspect-ratio:auto;object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.page-gallery .gallery-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=480px){.page-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:280px}.page-gallery .gallery-open{grid-column:span 1}.page-gallery .gallery-open.wide{grid-column:1/-1}}.account-main{gap:18px;max-width:760px;margin:0 auto;padding:24px 16px 64px;display:grid}.account-card{justify-items:start;gap:10px;padding:22px 24px;display:grid}.account-card h2{margin:0}.account-card h3{margin:10px 0 0}.account-card p{margin:0}.account-balance strong{font:600 2rem var(--font-head)}.history{border-collapse:collapse;width:100%}.history td{border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, transparent);vertical-align:top;padding:7px 6px}.history-change{text-align:right;white-space:nowrap;font-weight:800}.history-change.plus{color:var(--leaf)}.account-danger{border-color:var(--crayon-red)}.btn-danger{background:var(--crayon-red);color:#fff}.delete-confirm{gap:8px;width:100%;max-width:360px;display:grid}.delete-confirm input{font:1rem var(--font-body);border:2px solid var(--ink);border-radius:10px;padding:.45em .6em}.delete-actions{align-items:center;gap:12px;display:flex}.nav-current{text-underline-offset:4px;text-decoration:underline}.pages-tools{flex-wrap:wrap;gap:10px;margin:6px 0 10px;display:flex}.pages-search{font:1rem var(--font-body);border:2px solid var(--ink);color:var(--ink);background:#fff;border-radius:999px;flex:220px;padding:.5em 1em}.pages-tools select{width:auto;font:700 .95rem var(--font-body);color:var(--ink);border:2px solid var(--ink);cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231e1b2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 1em center;background-repeat:no-repeat;background-size:12px 8px;border-radius:999px;flex:none;padding:.45em 2.4em .45em 1em}.pages-filter{margin-bottom:12px}.pages-more{justify-content:center;align-items:center;gap:14px;margin-top:18px;display:flex}.page-gallery.is-loading{opacity:.5;min-height:200px}.character-gallery{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch}.character-card{flex-direction:column;gap:10px;padding:14px;display:flex}.character-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.character-head-actions{gap:10px;margin-left:auto;display:flex}.character-tags{flex-basis:100%;gap:6px;display:flex}.character-gallery .add-character{min-height:0}.character-head strong{font:600 1.2rem var(--font-head)}.scale-art{border-bottom:2px dashed color-mix(in srgb, var(--ink) 35%, transparent);background:#fff;justify-content:center;align-items:flex-end;height:230px;padding:12px 8px 6px;display:flex}.scale-art img{object-fit:contain;object-position:bottom;mix-blend-mode:multiply;max-width:100%;transition:height .2s ease-out}.height-control{border:2px solid var(--ink);background:#fff;border-radius:999px;justify-content:space-between;align-items:center;gap:6px;padding:4px;display:flex}.height-control button{background:color-mix(in srgb, var(--ink) 7%, #fff);width:30px;height:30px;font:800 1.1rem/1 var(--font-body);color:var(--ink);cursor:pointer;border:none;border-radius:50%;flex:none}.height-value{font:800 .95rem var(--font-body);white-space:nowrap}.height-value small{color:var(--muted);margin-left:4px;font-weight:600}.card-delete{color:var(--muted);padding:0;font-size:.8rem}.outfits{gap:8px;display:grid}.outfits-toggle{cursor:pointer;font:800 .8rem var(--font-body);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:0 0;border:none;justify-self:start;padding:2px 0}.outfits-toggle:hover{color:var(--ink)}.outfit-row{grid-template-columns:repeat(auto-fill,64px);gap:10px;display:grid}.outfit{text-align:center;width:64px;font:inherit;color:var(--ink);background:0 0;border:none;justify-items:center;gap:4px;margin:0;padding:0;display:grid;position:relative}.outfit-art{border:2px solid var(--ink);background:#fff;border-radius:12px;place-items:center;width:64px;height:80px;display:grid;overflow:hidden}.outfit-art img{object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:100%}.outfit-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.outfit-add{cursor:pointer}.outfit-add .outfit-art{font:800 1.4rem var(--font-body);background:#fff;border-style:dashed}.outfit-add:hover .outfit-art{background:color-mix(in srgb, var(--ink) 5%, #fff)}.outfit-remove{border:2px solid var(--ink);width:22px;height:22px;font:800 .8rem/1 var(--font-body);cursor:pointer;color:var(--ink);background:#fff;border-radius:50%;position:absolute;top:-8px;right:-8px}.outfit-form{background:color-mix(in srgb, var(--ink) 4%, #fff);border-radius:12px;gap:6px;padding:10px;display:grid}.outfit-form input{box-sizing:border-box;width:100%;font:1rem var(--font-body);border:2px solid var(--ink);background:#fff;border-radius:10px;padding:.4em .6em}.outfit-ideas,.outfit-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip.chip-small{min-height:30px;padding:.2em .65em;font-size:.8rem}.outfit-pick{flex-wrap:wrap;flex-basis:100%;align-items:center;gap:6px;margin-top:4px;display:flex}.character-emoji{margin-right:.35em;display:inline-block}@media (width<=480px){.character-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.character-card{padding:10px}.scale-art{height:180px}.height-value small{display:none}}.lang-select{width:auto;font:800 .78rem var(--font-body);letter-spacing:.03em;color:var(--ink);cursor:pointer;border:1.5px solid color-mix(in srgb, var(--ink) 35%, transparent);appearance:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231e1b2e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right .7em center;background-repeat:no-repeat;background-size:10px 7px;border-radius:999px;flex:none;min-height:30px;padding:.3em 1.9em .3em .75em}.lang-select:hover{border-color:var(--ink)}.consent-checks{text-align:left;gap:10px;margin:6px 0 14px;display:grid}.consent-checks .check,.account-card .check{cursor:pointer;align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.4;display:flex}.consent-checks input,.account-card .check input{width:20px;height:20px;accent-color:var(--grape);flex:none;margin-top:1px}.consent-hint{margin-top:4px;font-size:.8rem;display:block}.modal.checkout-modal{width:min(560px,100%);max-height:calc(100dvh - 32px);padding-top:22px;overflow-y:auto}.checkout-modal h2{margin:0 40px 4px 0;font-size:24px}.checkout-secure{margin:0}.checkout-embed{min-height:120px;margin-top:8px}.checkout-loading{text-align:center;padding:40px 0}.checkout-more{background:linear-gradient(to bottom, transparent, var(--sheet) 55%);pointer-events:none;justify-content:center;margin:-72px -30px -30px;padding:40px 0 18px;display:flex;position:sticky;bottom:-30px}.checkout-more .btn{pointer-events:auto;box-shadow:0 2px 0 var(--ink)}@media (width<=560px){.modal-backdrop:has(.checkout-modal){padding:0}.modal.checkout-modal{border:0;border-radius:0;width:100%;height:100dvh;max-height:100dvh}}.purchase-modal{text-align:center}.purchase-icon{margin-bottom:10px;font-size:52px;line-height:1}.purchase-modal h2{margin:0 0 8px;font-size:28px}.purchase-modal .btn{margin-top:12px}.admin{max-width:1100px;margin:0 auto;padding:24px 16px 64px}.admin-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.admin-head h1{margin:0}.admin-tabs{border-bottom:2px solid var(--ink);flex-wrap:wrap;gap:6px;margin:16px 0 20px;display:flex}.admin-tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;margin-bottom:-2px;padding:8px 14px;font-weight:700}.admin-tabs button.active{color:var(--ink);border-bottom-color:var(--ink)}.admin-h2{margin:24px 0 10px;font-size:20px}.admin h3{margin:20px 0 8px;font-size:16px}.admin-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-status{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1.5px solid var(--ink);background:var(--sheet);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;display:inline-block}.pill.warn{background:#fff4d6}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.tile{box-shadow:none;padding:14px 16px}.tile-label{color:var(--muted);font-size:13px;font-weight:700}.tile-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:26px;font-weight:800;line-height:1.2}.tile-note{color:var(--muted);margin-top:2px;font-size:12px}.segmented{border:2px solid var(--ink);border-radius:10px;display:inline-flex;overflow:hidden}.segmented button{background:var(--sheet);font:inherit;cursor:pointer;border:0;padding:6px 12px;font-weight:700}.segmented button.active{background:var(--ink);color:#fff}.charts{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:16px;margin-top:12px;display:grid}.chart{background:var(--sheet);border:1.5px solid #d9d4e6;border-radius:14px;margin:0;padding:14px 16px}.chart figcaption{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.chart-title{font-weight:800}.chart-sum{color:var(--muted);flex:1;font-size:13px}.chart-legend{color:var(--muted);gap:14px;margin:8px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.chart-legend span,.chart-swatch{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}.chart-plot{margin-top:8px;position:relative}.chart-plot svg{width:100%;height:auto;display:block}.chart-grid{stroke:#ebe8f2;stroke-width:1px}.chart-baseline{stroke:#b9b4c8;stroke-width:1px}.chart-axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.chart-tip{background:var(--sheet);border:1.5px solid var(--ink);pointer-events:none;white-space:nowrap;box-shadow:0 2px 0 var(--ink);border-radius:10px;padding:6px 10px;font-size:13px;position:absolute;top:0;transform:translate(-50%)}.chart-table{max-height:220px;margin-top:8px;overflow:auto}.chart-table table,.admin-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.chart-table th,.chart-table td,.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #ebe8f2;padding:6px 8px}.admin-table th{color:var(--muted);font-size:13px}.admin-table td.pos{color:#14804a;font-weight:700}.admin-table td.neg{color:#b42318;font-weight:700}.admin-search{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.admin-search input{flex:1;min-width:220px}.admin-pager{align-items:center;gap:12px;margin-top:12px;display:flex}.admin-card{box-shadow:none;margin:16px 0;padding:16px 18px}.admin-card h3{margin-top:0}.admin-credit-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.admin-credit-form label{flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.admin-credit-form label.grow{flex:1;min-width:220px}.admin-credit-form input[type=number]{width:90px}.admin-settings{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:12px;display:grid}.admin-setting{box-shadow:none;padding:14px 16px}.admin-setting-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-setting-edit{align-items:flex-start;gap:8px;display:flex}.admin-setting-edit input,.admin-setting-edit textarea{flex:1;font-family:ui-monospace,monospace;font-size:13px}.admin-message{background:#eef7f0;border:1.5px solid #14804a;border-radius:10px;padding:8px 12px}:root{--hairline:#e9e7ef}html .card,html .btn,html .chip,html .size,html .credit-pill,html .ba-frame,html .ba-tag,html .ba-handle span,html .subject,html .status-tag,html .starring,html .char-portrait,html .pages-search,html .lang-select,html .outfit-art,html .pill,html .segmented,html textarea,html input[type=email],html input[type=search],html input[type=number],html input:not([type]),html select{border:1px solid var(--hairline)}html .ba-frame{transform:none}html .ba-handle{filter:drop-shadow(0 0 6px #00000040);border-left-width:3px;border-left-color:#fff}html .btn{transition:transform .12s,box-shadow .12s,background .12s}html .btn:hover{transform:translateY(-1px)}html .btn:active{transform:translateY(0)}html .btn:disabled,html .chip:hover,html .chip-surprise:hover{transform:none}html .size.active{border-color:var(--ink)}html .nav>a:not(.btn):hover{opacity:.7;text-decoration:none}html h1{letter-spacing:-.03em}html h2{letter-spacing:-.02em}html .site-header{padding-top:22px;padding-bottom:22px}html .tabs{border:1px solid var(--hairline);background:var(--paper);gap:3px;padding:3px}html .tab{border-radius:calc(var(--r-control) - 3px);background:0 0}html .tab+.tab{border-left:0}html .tab.active{background:var(--sheet);box-shadow:0 1px 3px #00000014}html .dropzone{background:var(--paper);border:1.5px dashed #cfccd8}html .dropzone:hover{background:#f3f1ec}html .dropzone img{border:1px solid var(--hairline)}html .prototype-note{background:#f1effa;border:0;font-weight:600}html .characters-flow{border:1px solid var(--hairline);box-shadow:none;background:var(--paper)}html .starter-card:hover{background:var(--sheet);transform:translateY(-2px)}html .faq details{border:1px solid var(--hairline)}html .plan.popular{background:var(--sheet)}:root{--ink:#1a1a1f;--paper:#faf9f6;--sheet:#fff;--muted:#6b6a75;--crayon-red:#f2542d;--on-primary:#fff;--sunshine:#ffe58a;--sky:#3b82f6;--leaf:#2f9e6a;--grape:#6d5bd0;--coral:#ff6b4a;--hairline:#ebe8e1;--line:1px solid var(--hairline);--shadow:0 1px 2px #1a1a1f0a, 0 10px 30px #1a1a1f0f;--r-control:999px;--r-card:24px;--font-head:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif}html body{font-size:16.5px}html h1,html h2,html h3{font-weight:800}html h1{font-size:clamp(2.3rem,5vw,3.9rem);line-height:1.05}html .eyebrow{color:#d9431f;letter-spacing:.1em;background:#fff0ea;border-radius:999px;padding:.35em .9em;font-size:.75rem;display:inline-block}html .scribble{background:linear-gradient(#0000 68%,#ffe27a 68% 92%,#0000 92%);padding:0 .05em}html .btn{box-shadow:none;background:#fff;border-color:#dedad2;padding:.6em 1.3em;font-weight:700}html .btn:hover{box-shadow:0 6px 18px #1a1a1f1a}html .btn:disabled{box-shadow:none}html .btn-primary{background:var(--crayon-red);border-color:var(--crayon-red);color:#fff}html .btn-primary:hover{background:#e04722;border-color:#e04722;box-shadow:0 8px 22px #f2542d47}html .btn-green{background:var(--leaf);border-color:var(--leaf);color:#fff}html .btn-green:hover{background:#288a5c}html .btn-yellow{background:var(--sunshine);border-color:var(--sunshine)}html .card{border:1px solid var(--hairline);box-shadow:var(--shadow)}html .ba-frame{border:0;box-shadow:0 20px 50px #1a1a1f24}html .ba-tag,html .ba-handle span{border:0;box-shadow:0 2px 10px #0000001f}html .ba-tag{background:var(--ink);color:#fff}html .ba-handle span{background:var(--sunshine)}html .credit-pill{background:#fff4c7;border-color:#f2e1a0;font-weight:700}html .chip{background:#f4f2ed;border-color:#0000;font-weight:600}html .chip:hover{border-color:var(--crayon-red);background:#fff}html .chip-surprise{background:#fff4c7}html .chip-char{background:#efedfb}html .chip-char.on{background:var(--grape);color:#fff}html .size{border-radius:999px}html .size.active{background:var(--ink);color:#fff}html textarea,html input[type=email],html select{background-color:#fcfbf8;border-radius:16px}html textarea:focus,html input:focus,html select:focus{border-color:var(--crayon-red);outline:3px solid #ffd9cc}html .plan.popular{border:2px solid var(--crayon-red);background:#fffaf7}html .badge{background:var(--crayon-red);color:#fff;border:0}html .testing-bar strong{color:var(--sunshine)}html .step-num{border:0;box-shadow:0 4px 12px #1a1a1f1f}html .modal{border:0;box-shadow:0 30px 80px #1a1a1f40}