:root{--ink: #33383d;--cream: #fbf1dc;--teal: #17c3a2;--teal-light: #5fd9be;--teal-tint: #dff8f1;--yellow: #ffc24b;--yellow-pale: #ffe28f;--blue: #8fd8f2;--pink: #f9a8c0;--pink-pale: #f9c8d8;--purple: #b79fe6;--purple-pale: #d9ccf2;--green-pale: #cdebd8;--muted: #8a8069;--thumb-stripe: #f3e8ce;--outline: #c9bfa8;--display: "Baloo 2", "Comic Sans MS", "Chalkboard SE", sans-serif;--body: "Nunito", "Trebuchet MS", sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--body);color:var(--ink);background:radial-gradient(circle at 15% 20%,rgba(143,216,242,.22) 0 12%,transparent 13%),radial-gradient(circle at 85% 15%,rgba(249,168,192,.2) 0 10%,transparent 11%),radial-gradient(circle at 80% 80%,rgba(23,195,162,.16) 0 14%,transparent 15%),radial-gradient(circle at 10% 85%,rgba(183,159,230,.2) 0 11%,transparent 12%),var(--cream);min-height:100vh;min-height:100dvh}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app{display:flex;flex-direction:column;gap:12px;width:100%;max-width:1600px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.topbar{display:flex;align-items:center;gap:7px}.logo-mark{width:30px;height:30px;flex:none}.wordmark{font-family:var(--display);font-size:24px;font-weight:800;margin:0;color:var(--ink);text-shadow:2px 2px 0 var(--yellow);letter-spacing:.01em}.favorites-link{margin-left:auto;display:inline-block;text-decoration:none;font-family:var(--display);font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 14px;box-shadow:0 2px 0 var(--ink);cursor:pointer}.steps{display:flex;align-items:center;list-style:none;margin:0;padding:2px 4px}.step-pill{display:flex;align-items:center;gap:6px;flex:none}.step-num{display:grid;place-items:center;width:28px;height:28px;font-family:var(--display);font-size:14px;font-weight:800;line-height:1;color:var(--muted);background:#fff;border:2px solid var(--ink);border-radius:999px}.step-label{font-size:13px;font-weight:700;color:var(--muted)}.step-pill[data-state=current] .step-num{color:var(--ink);background:var(--yellow);box-shadow:0 2px 0 var(--ink)}.step-pill[data-state=done] .step-num{color:#fff;background:var(--teal)}.step-pill[data-state=current] .step-label,.step-pill[data-state=done] .step-label{color:var(--ink)}.step-line{flex:1;height:0;margin:0 8px;border-top:2px dashed var(--outline)}.step-line[data-done=true]{border-top-style:solid;border-top-color:var(--ink)}.flow,.step{display:flex;flex-direction:column;gap:12px;min-width:0}.card{display:flex;flex-direction:column;gap:10px;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink);padding:14px 12px}.step-title{font-family:var(--display);font-size:21px;font-weight:800;line-height:1.2;color:var(--ink);margin:0;outline:none}.step-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.back{font-family:var(--display);font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:10px 18px;min-height:44px;box-shadow:0 2px 0 var(--ink);cursor:pointer}button.go{font-family:var(--display);font-size:16px;font-weight:800;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:12px;padding:12px 20px;min-height:46px;box-shadow:0 3px 0 var(--ink);cursor:pointer}button.go:disabled{opacity:.55;cursor:default}button.go.draw{font-size:18px;padding:14px 20px}.ask-label{font-family:var(--display);font-size:15px;font-weight:800;color:var(--ink)}.reference{display:flex;align-items:center;gap:12px;padding:8px 10px;background:var(--cream);border:2px solid var(--ink);border-radius:12px}.reference-thumb,.context-thumb{flex:none;object-fit:cover;background:#fff;border:2px solid var(--ink);border-radius:8px}.reference-thumb{width:56px;height:56px}.reference-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.reference-title{font-family:var(--display);font-size:14px;font-weight:800;color:var(--ink)}.reference-caption{font-size:12.5px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.talk{position:relative;overflow:hidden;font-family:inherit;display:flex;align-items:center;text-align:left;gap:12px;background:var(--teal);border:2px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);padding:14px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .15s ease}.talk-icon,.talk-copy{position:relative;z-index:1}.talk-wave{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .15s ease}.talk.recording .talk-wave{opacity:1}.talk-icon{width:56px;height:56px;flex:none;display:grid;place-items:center;background:#fff;border:2px solid var(--ink);border-radius:50%;font-size:26px}.talk-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.talk-title{font-family:var(--display);font-size:21px;font-weight:800;color:#fff}.talk-hint{font-size:13.5px;font-weight:700;color:var(--teal-tint)}.talk.recording{background:var(--pink)}.talk.loading{pointer-events:none;opacity:.85}.ask textarea{font-family:var(--body);font-size:16px;font-weight:700;line-height:1.4;color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:12px 14px;background:var(--cream);resize:none;overflow-wrap:break-word;field-sizing:content;max-height:8lh;overflow-y:auto}.ask textarea::placeholder{color:var(--muted)}.ask textarea:focus-visible{outline:3px solid var(--blue);outline-offset:2px}.photo-row{display:flex;align-items:center;gap:8px}.add-photo,.take-photo{font-family:var(--body);font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:2px dashed var(--ink);border-radius:999px;padding:6px 12px;min-height:44px;cursor:pointer;transition:background .12s ease}.add-photo:hover:not(:disabled),.take-photo:hover:not(:disabled){background:var(--cream)}.add-photo:disabled,.take-photo:disabled{opacity:.55;cursor:default}.camera-modal{border:3px solid var(--ink);border-radius:20px;padding:12px;background:#fff;width:min(92vw,560px)}.camera-modal::backdrop{background:#0000008c}.camera-video{display:block;width:100%;max-height:60vh;border:2px solid var(--ink);border-radius:12px;background:var(--ink);object-fit:cover}.camera-video.mirrored{transform:scaleX(-1)}.camera-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.camera-snap{font-family:var(--display);font-size:16px;font-weight:800;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:12px;padding:10px 16px;box-shadow:0 3px 0 var(--ink);cursor:pointer}.camera-cancel{font-family:var(--body);font-size:13px;font-weight:700;color:var(--ink);background:var(--cream);border:2px solid var(--ink);border-radius:999px;padding:8px 14px;cursor:pointer}.photo-chip{position:relative;display:inline-flex;margin-top:4px}.photo-thumb{width:56px;height:56px;object-fit:cover;border:2px solid var(--ink);border-radius:12px;background:var(--cream)}.photo-clear{position:absolute;top:-8px;right:-8px;width:22px;height:22px;display:grid;place-items:center;font-size:11px;font-weight:700;line-height:1;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:0;cursor:pointer}.photo-clear:disabled{opacity:.55;cursor:default}.starters{display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 0}.ideas{display:flex;flex-direction:column;gap:7px;width:100%}.idea{font-family:var(--body);font-size:13.5px;font-weight:700;color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:10px;min-height:44px;box-shadow:0 2px 0 var(--ink);cursor:pointer}.idea:nth-child(4){display:none}.idea-yellow{background:var(--yellow-pale)}.idea-green{background:var(--green-pale)}.idea-pink{background:var(--pink-pale)}.idea-purple{background:var(--purple-pale)}.surprise{align-self:center;font-family:var(--display);font-size:14px;font-weight:700;color:var(--ink);background:var(--purple-pale);border:2px solid var(--ink);border-radius:999px;box-shadow:0 2px 0 var(--ink);padding:6px 14px;min-height:44px;cursor:pointer;transition:background .12s ease}.surprise:hover{background:var(--purple)}.styles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;font-family:var(--body);font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:12px;padding:10px 8px;cursor:pointer;transition:background .12s ease}.style-emoji{font-size:30px;line-height:1}.style-card[aria-pressed=true]{background:var(--yellow);box-shadow:0 2px 0 var(--ink)}.brief{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--cream);border:2px solid var(--ink);border-radius:12px}.brief-thumb{width:64px;height:64px;border-radius:10px}.brief-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.brief-lead{font-size:12.5px;font-weight:700;color:var(--muted)}.brief-text{font-family:var(--display);font-size:19px;font-weight:800;line-height:1.25;color:var(--ink);margin:0;overflow-wrap:anywhere}.context-pill{display:flex;align-items:center;gap:8px;max-width:100%;margin-top:8px;padding:6px 10px;background:var(--cream);border:2px solid var(--ink);border-radius:999px}.context-pill .context-thumb{width:28px;height:28px;border-radius:6px}.context-pill .context-text{min-width:0;font-size:12.5px;font-weight:700;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.shape-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:108px;font-family:var(--body);font-size:14px;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:12px;cursor:pointer;transition:background .12s ease}.shape-card[aria-pressed=true]{background:var(--blue)}.paper{display:block;border:2px solid var(--ink);border-radius:6px;background:#fff}.paper-tall{width:54px;height:72px}.paper-wide{width:72px;height:54px}.stage-col{display:flex;flex-direction:column;gap:12px;min-width:0}.stage{position:relative;display:flex;background:#fff;border:2px solid var(--ink);border-radius:16px;box-shadow:0 4px 0 var(--ink)}.stage[data-state=result]{margin-bottom:34px}.stage-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:40px 14px;min-height:420px;min-width:0}.stage-title{font-family:var(--display);font-size:20px;font-weight:800;color:var(--ink);margin:0;overflow-wrap:anywhere;outline:none}.stage-hint{font-size:13.5px;font-weight:700;color:var(--muted);margin:0}.error-face{font-size:38px;margin:0}.error-actions{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:6px}.retry{font-family:var(--display);font-size:16px;font-weight:800;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);border-radius:12px;padding:10px 18px;min-height:46px;box-shadow:0 3px 0 var(--ink);cursor:pointer}.retry:disabled{opacity:.55;cursor:default}.doodle{width:130px;overflow:visible}.doodle-wide{width:160px}.doodle-line{fill:none;stroke:var(--teal);stroke-width:4;stroke-linecap:round;stroke-dasharray:100 102;stroke-dashoffset:100;animation:ca-draw 3s ease-in-out infinite}.crayon-body,.crayon-band,.crayon-tip{stroke:var(--ink);stroke-width:5;stroke-linejoin:round}.crayon-body{fill:var(--teal)}.crayon-band{fill:#12a88a}.crayon-tip{fill:var(--teal-light)}.doodle-crayon{transform:translate(10px,55px)}@supports (offset-path: path("M0 0 L1 1")){.doodle-crayon{transform:none;offset-path:path("M10 55 Q40 10 75 35 T135 25");offset-rotate:0deg;offset-distance:0%;animation:ca-crayon 3s ease-in-out infinite}}.progress{width:70%;max-width:280px;height:14px;border:2px solid var(--ink);border-radius:999px;overflow:hidden;background:var(--cream)}.progress-fill{height:100%;width:4%;background:repeating-linear-gradient(45deg,var(--teal),var(--teal) 8px,var(--teal-light) 8px,var(--teal-light) 16px);animation:ca-progress 20s ease-out forwards}.result{flex:1;display:flex;flex-direction:column;gap:0;margin:0;padding:12px 12px 52px;min-width:0}.page-frame{flex:1;min-width:0}.preview{width:100%;height:auto;display:block;background:#fff;border:1px dashed var(--outline);border-radius:8px}.caption{font-size:13.5px;font-weight:700;color:var(--muted);text-align:center;margin-top:8px;overflow-wrap:anywhere}.caption:before{content:"“"}.caption:after{content:"”"}.page-actions{position:absolute;left:0;right:0;bottom:-30px;margin-inline:auto;width:fit-content;display:flex;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:7px 9px;box-shadow:0 4px 0 var(--ink);z-index:5}button.print,button.favorite{font-family:var(--display);font-size:15px;font-weight:800;color:var(--ink);border:2px solid var(--ink);border-radius:999px;padding:8px 17px;min-height:44px;cursor:pointer}button.print{background:var(--blue)}button.favorite{background:var(--yellow)}button.favorite:disabled{opacity:.7;cursor:default}button.favorite.pop{animation:ca-pop .45s ease}button.more{font-family:var(--display);font-size:15px;font-weight:800;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:8px 13px;min-height:44px;cursor:pointer}.action-extra{display:none}.result.sheet-open .action-extra{display:flex;flex-direction:column;gap:10px;position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:40;background:#fff;border:2px solid var(--ink);border-radius:18px;box-shadow:0 4px 0 var(--ink);padding:14px}.download,button.share{font-family:var(--body);font-size:14px;font-weight:700;color:var(--ink);text-decoration:none;text-align:center;background:#fff;border:2px solid var(--ink);border-radius:12px;padding:10px 0;cursor:pointer}.paper-label{display:flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--muted)}#paper-size{font-family:var(--body);font-size:12.5px;font-weight:700;color:var(--ink);padding:5px 7px;border:2px solid var(--ink);border-radius:8px;background:var(--cream);cursor:pointer}.action-again{display:flex;gap:8px;margin-top:12px}.remix,.fresh{flex:1;font-family:var(--display);font-size:14px;font-weight:800;color:var(--ink);border:2px solid var(--ink);border-radius:12px;padding:9px 10px;min-height:44px;box-shadow:0 3px 0 var(--ink);cursor:pointer;transition:background .12s ease}.remix{background:var(--purple-pale)}.remix:hover{background:var(--purple)}.fresh{background:#fff}.gallery-strip{display:flex;align-items:center;gap:8px;overflow:hidden}.gallery-label{font-family:var(--display);font-size:14px;font-weight:800;color:var(--ink);flex:none}.gallery-thumbs{display:flex;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;padding:2px 0}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumb,.gallery-more{width:50px;height:64px;flex:none;padding:0;border:2px solid var(--ink);border-radius:8px;background:#fff;overflow:hidden;cursor:pointer}.gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.gallery-more{display:grid;place-items:center;border-style:dashed;background:transparent;font-family:var(--body);font-size:11.5px;font-weight:700;color:var(--muted)}.favorites-link:hover,button.go:not(:disabled):hover,.camera-snap:hover,.surprise:hover,.retry:not(:disabled):hover,button.print:hover,button.favorite:not(:disabled):hover,button.more:hover,.download:hover,button.share:hover,.remix:hover,.fresh:hover,.back:hover{transform:translateY(-1px)}.favorites-link:active,button.go:not(:disabled):active,.camera-snap:active,.surprise:active,.retry:not(:disabled):active,.idea:active,.style-card:active,.shape-card:active,button.print:active,button.favorite:not(:disabled):active,button.more:active,.download:active,button.share:active,.remix:active,.fresh:active,.back:active{transform:translateY(2px);box-shadow:0 1px 0 var(--ink)}.favorites{display:flex;flex-direction:column;gap:18px;width:100%;max-width:1600px;margin:0 auto;padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.favorites-header{display:flex;align-items:center;gap:14px}.favorites-header h2{font-family:var(--display);font-size:clamp(1.3rem,5vw,1.8rem);font-weight:800;margin:0;text-shadow:2px 2px 0 var(--yellow)}.favorites-header .back{padding:7px 16px;min-height:0}.favorites-empty{font-size:1.05rem;font-weight:700;background:#fff;border:2px dashed var(--ink);border-radius:16px;padding:20px;text-align:center;color:var(--muted)}.favorites-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.favorite-card{position:relative;background:#fff;border:2px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);overflow:hidden}.favorite-pick{display:flex;flex-direction:column;width:100%;padding:0;border:none;background:none;font-family:inherit;cursor:pointer}.favorite-pick img{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block;background:#fff}.favorite-caption{font-size:.9rem;font-weight:700;color:var(--ink);padding:7px 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.favorite-delete{position:absolute;top:6px;right:6px;font-size:.9rem;background:#fff;border:2px solid var(--ink);border-radius:8px;box-shadow:0 2px 0 var(--ink);padding:3px 7px;cursor:pointer}.favorite-delete:active{transform:translateY(1px);box-shadow:0 1px 0 var(--ink)}@keyframes ca-draw{0%{stroke-dashoffset:100;opacity:1}70%{stroke-dashoffset:0;opacity:1}82%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes ca-crayon{0%{offset-distance:0%;transform:translateY(0)}70%{offset-distance:100%;transform:translateY(0)}78%{offset-distance:100%;transform:translateY(-9px)}95%{offset-distance:0%;transform:translateY(-9px)}to{offset-distance:0%;transform:translateY(0)}}@keyframes ca-progress{0%{width:4%}to{width:92%}}@keyframes ca-pop{0%{transform:scale(1)}40%{transform:scale(1.25) rotate(-4deg)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.doodle-line,.doodle-crayon,.progress-fill,button.favorite.pop{animation:none!important}.doodle-line{stroke-dashoffset:0}.doodle-crayon{offset-distance:100%;transform:translate(135px,25px)}@supports (offset-path: path("M0 0 L1 1")){.doodle-crayon{transform:none}}.progress-fill{width:60%}}@media(min-width:820px){.app{gap:16px;padding:max(20px,env(safe-area-inset-top)) max(22px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(22px,env(safe-area-inset-left))}.topbar{gap:10px}.logo-mark{width:38px;height:38px}.wordmark{font-size:32px}.favorites-link{font-size:15px;padding:7px 16px}.steps,.flow{width:100%;max-width:640px;margin:0 auto}.flow[data-step=result],.flow[data-step=drawing],.flow[data-step=error]{max-width:820px}.step-num{width:32px;height:32px;font-size:15px}.step-label{font-size:14px}.card{padding:18px 16px}.step-title{font-size:24px}.talk{flex-direction:column;align-items:center;text-align:center;gap:4px;padding:18px;border-radius:16px}.talk-icon{width:auto;height:auto;background:none;border:none;border-radius:0;font-size:34px}.talk-copy{align-items:center}.talk-title{font-size:24px}.talk-hint{font-size:14px}.ask textarea{border-radius:10px;padding:12px}button.go{font-size:17px}.surprise{font-size:15px}.ideas{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:9px;max-width:560px;width:auto}.idea{font-size:14px;padding:9px 16px}.idea:nth-child(4){display:block}.brief-text{font-size:22px}.style-card{min-height:96px;font-size:15px}.style-emoji{font-size:34px}.stage{min-height:460px}.stage[data-state=result]{margin-bottom:0}.stage-panel{padding:32px 24px;gap:14px}.stage-title{font-size:22px}.stage-hint{font-size:14px}.doodle{width:150px}.doodle-wide{width:170px}.error-actions{flex-direction:row}.result{display:grid;grid-template-columns:minmax(0,1fr) 160px;grid-template-rows:1fr 1fr;gap:12px 16px;padding:12px}.page-frame{grid-row:1 / 3}.page-actions{position:static;margin-inline:0;width:100%;grid-column:2;grid-row:1;align-self:end;flex-direction:column;justify-content:flex-end;gap:8px;background:none;border:none;border-radius:0;padding:0;box-shadow:none}.action-again{grid-column:2;grid-row:2;align-self:start;flex-direction:column;gap:8px;margin-top:0;padding-top:12px;border-top:2px dashed var(--outline)}.remix,.fresh{flex:none;font-size:16px;padding:11px 0}button.print,button.favorite{font-size:16px;border-radius:12px;padding:11px 0;box-shadow:0 3px 0 var(--ink)}button.print:active,button.favorite:not(:disabled):active{box-shadow:0 1px 0 var(--ink)}button.more{display:none}.action-extra,.result.sheet-open .action-extra{display:contents}.gallery-label{font-size:15px}.gallery-thumb,.gallery-more{width:60px;height:76px}}