@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@600;700;800&display=swap";: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}.crayon-mark{width:24px;height:11px;flex:none;background:linear-gradient(90deg,var(--pink) 70%,var(--purple) 70%);border:2px solid var(--ink);border-radius:6px;transform:rotate(-20deg)}.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;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}.studio{display:flex;flex-direction:column;gap:12px}.controls-col,.stage-col{display:flex;flex-direction:column;gap:12px;min-width:0}.stage-col{gap:10px}.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{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:12px}.ask-label{font-family:var(--display);font-size:15px;font-weight:800;color:var(--ink)}.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}.styles{display:flex;flex-wrap:wrap;gap:6px}.style-chip{flex:none;font-family:var(--body);font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 12px;cursor:pointer;transition:background .12s ease}.style-chip[aria-pressed=true]{background:var(--yellow);box-shadow:0 2px 0 var(--ink)}.ask-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.orientation{display:flex;border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff}.orient{font-family:var(--body);font-size:13px;font-weight:700;color:var(--ink);background:#fff;border:none;padding:7px 13px;cursor:pointer;transition:background .12s ease}.orient+.orient{border-left:2px solid var(--ink)}.orient[aria-pressed=true]{background:var(--blue)}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:10px 16px;box-shadow:0 3px 0 var(--ink);cursor:pointer}button.go:disabled{opacity:.55;cursor:default}.surprise{display:flex;font-family:var(--display);font-size:16px;font-weight:800;color:var(--ink);background:var(--purple);border:2px solid var(--ink);border-radius:14px;box-shadow:0 3px 0 var(--ink);padding:12px 16px;cursor:pointer;justify-content:center}.stage{position:relative;display:flex;background:#fff;border:2px dashed var(--ink);border-radius:16px}.stage[data-state=loading],.stage[data-state=result]{border-style:solid;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:24px 14px;min-width:0}.stage-title{font-family:var(--display);font-size:20px;font-weight:800;color:var(--ink);margin:0;overflow-wrap:anywhere}.stage-hint{font-size:13.5px;font-weight:700;color:var(--muted);margin:0}.error-face{font-size:38px;margin:0}.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;box-shadow:0 3px 0 var(--ink);cursor:pointer}.doodle{width:130px}.doodle-wide{width:160px}.doodle-line{fill:none;stroke:var(--teal);stroke-width:4;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160;animation:ca-draw 2.2s ease infinite}.doodle-line-long{stroke-dasharray:200;stroke-dashoffset:200;animation-duration:2.4s}.doodle-dot{fill:var(--yellow);stroke:var(--ink);stroke-width:2}.doodle-dot-wiggle{transform-box:fill-box;transform-origin:center;animation:ca-wiggle 1s ease-in-out infinite}.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;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)}.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;gap:12px;margin:0;padding:12px;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;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;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}.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,.surprise:hover,.retry:hover,button.print:hover,button.favorite:not(:disabled):hover,button.more:hover,.download:hover,button.share:hover,.back:hover{transform:translateY(-1px)}.favorites-link:active,button.go:not(:disabled):active,.surprise:active,.retry:active,.idea:active,.style-chip:active,button.print:active,button.favorite:not(:disabled):active,button.more:active,.download:active,button.share: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)}.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:7px 16px;box-shadow:0 2px 0 var(--ink);cursor:pointer}.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{to{stroke-dashoffset:0}}@keyframes ca-wiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@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-dot-wiggle,.progress-fill,button.favorite.pop{animation:none!important}.doodle-line{stroke-dashoffset:0}.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}.crayon-mark{width:34px;height:16px;border-radius:8px}.wordmark{font-size:32px}.favorites-link{font-size:15px;padding:7px 16px}.studio{display:grid;grid-template-columns:480px 1fr;gap:18px;align-items:start}.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{padding:16px}.ask textarea{border-radius:10px;padding:12px}button.go{font-size:17px;padding:10px 18px}.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}.ideas{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:9px;max-width:500px;width:auto}.idea{font-size:14px;padding:9px 16px}.idea:nth-child(4){display:block}.page-actions{position:static;margin-inline:0;width:140px;flex:none;flex-direction:column;justify-content:center;gap:8px;background:none;border:none;border-radius:0;padding:0;box-shadow:none}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}}#print-area{display:none}@media print{.app,.favorites{display:none!important}html,body{margin:0;padding:0;height:100%;background:#fff}#print-area{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}#print-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;page-break-inside:avoid}}