@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/3df855c5313a6ce1-s.3wiqdwqz1gfqe.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/fb935d2767b6bc53-s.1znw80anc03tc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/106680e3cb941a97-s.0dpkqgqz79smb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:500;font-display:swap;src:url(../media/4686f7842ee651e2-s.p.2zp15__9k16__.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/3df855c5313a6ce1-s.3wiqdwqz1gfqe.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/fb935d2767b6bc53-s.1znw80anc03tc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/106680e3cb941a97-s.0dpkqgqz79smb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:700;font-display:swap;src:url(../media/4686f7842ee651e2-s.p.2zp15__9k16__.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../media/3df855c5313a6ce1-s.3wiqdwqz1gfqe.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF4,U+1CF7-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B0A}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../media/fb935d2767b6bc53-s.1znw80anc03tc.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../media/106680e3cb941a97-s.0dpkqgqz79smb.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Baloo 2";font-style:normal;font-weight:800;font-display:swap;src:url(../media/4686f7842ee651e2-s.p.2zp15__9k16__.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Baloo 2 Fallback";src:local(Arial);ascent-override:112.55%;descent-override:54.71%;line-gap-override:0.0%;size-adjust:95.78%}.EY3Qca_className{font-family:"Baloo 2","Baloo 2 Fallback";font-style:normal}.EY3Qca_variable{--font-baloo:"Baloo 2", "Baloo 2 Fallback"}
:root{--bg:#fff6dd;--ink:#1d1a2b;--yellow:#ffc93c;--mint:#7dd3a8;--sky:#8ec5ff;--pink:#ffe3ec;--green:#ddf5e7;--red:#a3261e;--muted:#6b5f45;--dash:#8a7a55;--shadow:none;--shadow-lg:none;--font:var(--font-baloo), ui-rounded, "SF Pro Rounded", system-ui, sans-serif}*{box-sizing:border-box;scrollbar-width:none}::-webkit-scrollbar{display:none}html{-webkit-text-size-adjust:100%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:21px;font-weight:500;line-height:1.3}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}img{max-width:100%}.title{margin:0;font-size:44px;font-weight:800;line-height:1.05}.title.sm{font-size:34px}.title.xl{font-size:56px}.lead{margin:6px 0 0;font-size:24px}.hint{color:var(--muted);margin:0;font-size:17px}.hint a{color:inherit}.err{color:var(--red);margin:0;font-size:19px;font-weight:700}.note{border:3px solid var(--ink);background:var(--pink);border-radius:16px;margin:0;padding:10px 16px;font-size:18px;font-weight:700}.savestate{color:var(--muted);font-size:17px;font-weight:700}.good{color:#14683f}.btn{border:3px solid var(--ink);white-space:nowrap;background:#fff;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:64px;padding:8px 26px;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}a.btn{color:inherit}.btn.primary{background:var(--yellow);box-shadow:var(--shadow)}.btn.sky{background:var(--sky);box-shadow:var(--shadow)}.btn.sm{border-radius:16px;min-height:52px;padding:6px 18px;font-size:20px}.btn:disabled{opacity:.45;box-shadow:none}.btn svg{flex:none}.btn:not(:disabled):active{box-shadow:none;transform:translate(2px,2px)}.textbtn{background:0 0;border:none;min-height:48px;padding:8px 6px;font-size:18px;font-weight:700;text-decoration:underline}input[type=text],textarea,select{border:3px solid var(--ink);background:#fff;border-radius:16px;width:100%;min-height:56px;padding:10px 16px;font-size:22px}textarea{resize:none;line-height:1.3}input::placeholder,textarea::placeholder{color:#9b9179}:focus-visible{outline:4px solid var(--sky);outline-offset:2px}.chip{border:3px solid var(--ink);background:#fff;border-radius:999px;min-height:48px;padding:4px 16px;font-size:19px;font-weight:700}.chip.on{background:var(--yellow)}.chip.gone{border-style:dashed;border-color:var(--red);text-decoration:line-through}.card{border:3px solid var(--ink);box-shadow:var(--shadow-lg);background:#fff;border-radius:22px}.badge{background:var(--ink);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:19px;font-weight:800;line-height:1;display:inline-flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spinner{border:6px solid #e8dfc4;border-top-color:var(--ink);border-radius:50%;width:56px;height:56px;animation:1s linear infinite spin}.spinner.big{border-width:8px;width:84px;height:84px}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.shell{grid-template-columns:120px minmax(0,1fr);gap:28px;max-width:1680px;height:100dvh;margin:0 auto;padding:28px;display:grid}.stage{flex-direction:column;min-width:0;min-height:0;display:flex}.view{flex-direction:column;flex:1;gap:16px;min-height:0;display:flex;overflow-y:auto}.view.center{justify-content:center;align-items:center}.bar{flex:none;justify-content:space-between;align-items:center;gap:16px;padding-top:4px;display:flex}.bar.end{justify-content:flex-end}.bar .btn.primary,.bar .btn{min-width:0}.bar .btn.primary{border-radius:20px;min-height:68px;padding:8px 32px;font-size:26px}.rail{flex-direction:column;gap:22px;min-height:0;display:flex}.logo{background:var(--yellow);border:3px solid var(--ink);height:72px;box-shadow:var(--shadow);color:var(--ink);border-radius:20px;justify-content:center;align-items:center;text-decoration:none;display:flex}.steps{flex-direction:column;flex:1;justify-content:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.step{border:3px solid var(--ink);background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:100px;padding:8px 4px;font-size:18px;font-weight:800;display:flex}.step.cur{background:var(--yellow);box-shadow:var(--shadow)}.step.done{background:var(--mint)}.step.locked{border:3px dashed var(--dash);color:var(--muted);background:0 0}.step.locked .badge{background:var(--dash)}@media (max-width:900px),(orientation:portrait),(max-height:500px){.shell{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:start;gap:20px;height:auto;min-height:100dvh;padding:20px}.view{overflow:visible}.rail{flex-direction:row;align-items:stretch;gap:12px}.logo{flex:none;width:72px;height:auto}.steps{flex-direction:row;justify-content:stretch;gap:10px}.steps li{flex:1}.step{flex-direction:row;gap:10px;min-height:72px;font-size:20px}}.chargrid{flex:1 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;align-items:start;gap:24px;padding:8px 10px 10px;display:grid}.sticker{flex-direction:column;gap:10px;min-width:0;padding:14px;display:flex;position:relative}.pics{position:relative}.cartoon{object-fit:contain;border:2px solid var(--ink);color:#9b9179;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:100%;height:230px;font-size:64px;display:flex}.cartoon.faded{opacity:.35}.spinner.over{margin:-28px 0 0 -28px;position:absolute;top:50%;left:50%}.pics .thumb{object-fit:cover;border:3px solid var(--ink);background:#fff;border-radius:12px;width:76px;height:76px;position:absolute;bottom:-8px;right:-8px;rotate:6deg}.info{flex-direction:column;gap:8px;min-width:0;display:flex}.name{flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:30px;font-weight:800;line-height:1.1;display:flex}.tag{background:var(--yellow);border:2px solid var(--ink);border-radius:999px;padding:2px 10px;font-size:14px;font-weight:800}.tag.good{background:var(--mint);color:var(--ink)}.progress{margin:0;font-size:19px;font-weight:700}.info .row .btn{white-space:normal;flex:1 1 0;line-height:1.05}.addcard{border:3px dashed var(--dash);border-radius:22px;flex-direction:column;align-content:start;gap:12px;padding:18px;display:flex}.removebtn{z-index:2;border:3px solid var(--ink);width:48px;height:48px;color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:-16px;right:-16px}.picturetag{background:var(--bg);position:absolute;top:10px;left:10px}.grownups{min-height:44px;color:var(--muted);background:0 0;border:none;align-self:flex-start;align-items:center;gap:4px;padding:4px 2px;font-size:17px;font-weight:700;display:inline-flex}.sticker textarea,.addcard textarea{box-sizing:border-box;width:100%;font:inherit;border:3px solid var(--ink);resize:none;background:#fff;border-radius:14px;padding:8px 12px;font-size:18px}.reusecard{text-align:center;background:var(--green);border-style:solid;align-items:center}.reusecard .faces{justify-content:center;padding:6px 8px}.reusecard .faces img{width:76px;height:76px}.tag.fromlib{align-self:flex-start}.pop{border:3px solid var(--ink);background:var(--bg);width:min(760px,94vw);max-height:92dvh;color:var(--ink);box-shadow:none;border-radius:24px;padding:18px 22px 22px;overflow:auto}.pop[open]{flex-direction:column;gap:14px;display:flex}.pop::backdrop{background:#1d1a2b8c}.pophead{justify-content:space-between;align-items:center;gap:12px;display:flex}.pop .lead{margin:0;font-size:21px}.pop .addcard{background:#fff}.pickgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.pick{border:3px solid var(--ink);box-shadow:none;background:#fff;border-radius:18px;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:10px;display:flex;position:relative}.pick img,.pick .cartoon{object-fit:contain;border:2px solid var(--ink);background:#fff;border-radius:12px;width:100%;height:140px}.pick .name{justify-content:center;font-size:22px}.pick.on{background:var(--green);outline:4px solid var(--mint)}.pick:disabled{opacity:.55;box-shadow:none}.pick .tick{background:var(--mint);border:3px solid var(--ink);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:-10px;right:-10px}@media (max-width:640px){.pop{padding:14px 14px 18px}.pickgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.lbl{font-size:19px;font-weight:700;display:block}.lbl .optional{color:var(--muted);font-weight:500}.lbl input,.lbl textarea,.lbl select{margin-top:6px;font-weight:500}.storyhead{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:20px;display:flex}.chatwrap{flex:1;gap:20px;min-height:0;display:flex}.chat{border-radius:28px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.chatlog{flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px;display:flex;overflow-y:auto}.chatlog>:first-child{margin-top:auto}.chatlog{scrollbar-width:thin;scrollbar-color:var(--yellow) transparent}.chatlog::-webkit-scrollbar{width:10px;display:block}.chatlog::-webkit-scrollbar-thumb{background:var(--yellow);border:2px solid var(--ink);border-radius:999px}.chatlog::-webkit-scrollbar-track{background:0 0}.msg{align-items:flex-end;gap:12px;display:flex}.msg.kid{justify-content:flex-end;padding-left:64px}.buddyface{flex:none;width:52px;height:52px}.chatbubble{border:3px solid var(--ink);overflow-wrap:anywhere;border-radius:24px;max-width:600px;margin:0;padding:14px 20px;font-size:22px;font-weight:600;line-height:1.3}.msg.buddy .chatbubble{background:var(--bg);border-bottom-left-radius:6px;flex-direction:column;gap:10px;display:flex}.msg.buddy .chatbubble p{margin:0}.msg.kid .chatbubble{background:var(--sky);white-space:pre-wrap;border-bottom-right-radius:6px}.wholestory{border:2px solid var(--ink);background:#fff;border-radius:18px;padding:12px 16px;font-size:19px;line-height:1.4}.msg.buddy .chatbubble.typing{flex-direction:row;align-items:center;gap:6px;min-height:52px}.typing i{background:var(--ink);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite blink}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.typing i{animation:none}}.ideas{flex-wrap:wrap;gap:12px;padding-left:64px;display:flex}.idea{border:3px solid var(--ink);min-height:52px;box-shadow:none;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:6px 20px;font-size:20px;font-weight:700;display:inline-flex}.idea.surprise{background:var(--pink)}.idea:active{box-shadow:none;transform:translate(2px,2px)}.chatform{border-top:3px solid var(--ink);background:#fffdf6;align-items:flex-end;gap:12px;padding:14px 16px;display:flex}.chatform .field{border:3px solid var(--ink);min-width:0;height:auto;min-height:60px;color:var(--muted);background:#fff;border-radius:30px;flex:1;align-items:flex-start;gap:10px;padding:12px 18px;display:flex}.chatform svg{flex:none}.chatform textarea{width:auto;min-width:0;min-height:0;color:var(--ink);resize:none;background:0 0;border:0;border-radius:0;flex:1;max-height:7.8em;padding:0;font-size:20px;font-weight:600;line-height:1.3;overflow-y:auto}.chatform textarea:focus-visible{outline:none}.chatnote{background:#fffdf6;padding:0 18px 10px;font-size:15px}.chatform .field:focus-within{outline:4px solid var(--sky);outline-offset:2px}.sendbtn{background:var(--yellow);border:3px solid var(--ink);width:60px;height:60px;box-shadow:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.sendbtn:disabled{opacity:.45;box-shadow:none}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.storyside{flex-direction:column;flex:none;gap:14px;width:300px;min-height:0;display:flex}.beatsbar{display:none}.beatscard{min-height:0;box-shadow:none;border-radius:28px;flex-direction:column;flex:1;gap:4px;padding:18px;display:flex;overflow-y:auto}.beatscard h2{margin:0 0 6px 4px;font-size:24px;font-weight:800}.beat{border:2px solid #0000;border-radius:16px;align-items:center;gap:12px;padding:10px 12px;display:flex}.beat .dot{width:32px;height:32px;color:var(--muted);border:2px dashed var(--dash);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;font-weight:800;display:flex}.beat.on .dot{background:var(--mint);border:2px solid var(--ink);color:var(--ink)}.beat.now{border:2px dashed var(--ink);background:#fff3c4}.beat.now .dot{background:var(--yellow);border:2px solid var(--ink);color:var(--ink)}.beat .lbl{color:var(--muted);font-size:14px;line-height:1}.beat .val{font-size:19px;font-weight:700;line-height:1.2}.beat .val.wait{color:var(--muted)}.sofar{background:var(--bg);border-radius:16px;margin:auto 0 0;padding:12px 14px;font-size:17px;font-weight:600;line-height:1.35}.drawbtn{min-height:76px;box-shadow:var(--shadow-lg);border-radius:20px;font-size:28px}.drawbtn.backbtn{background:#fff}.drawbtn.backbtn,.drawbtn.backbtn+.drawbtn{justify-content:flex-start;padding-left:40px}.drawbtn:disabled{color:var(--muted);border-color:var(--dash);box-shadow:none;opacity:1;background:#ffe9a8}.prevcomic{min-height:0;font:inherit;color:inherit;text-align:left;cursor:pointer;box-shadow:none;border-radius:28px;flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.prevcomic .lbl{flex:none;margin-left:4px;font-size:22px;font-weight:800}.prevcomic img{object-fit:contain;border-radius:12px;flex:1;width:100%;min-height:0}.sidefoot{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:0 6px;font-size:16px;font-weight:700;display:flex}.sidefoot .grownups{align-self:auto;margin-left:auto}.planningcard{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:48px 64px;display:flex}.storyhead{min-height:64px}.titlebox{flex:1;min-width:240px;max-width:520px;position:relative}.titlebox .savestate{font-size:15px;line-height:1;position:absolute;top:calc(100% + 1px);left:0}.titlefield{color:var(--muted);align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.titlefield input{min-width:0;min-height:52px;color:var(--ink);font-weight:700}.planboard{border-radius:28px;flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:18px 20px;display:flex;overflow:hidden}.planboard .panelgrid{flex:1;grid-auto-rows:minmax(170px,auto);align-content:start;overflow-y:auto}.panelgrid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(150px,1fr);gap:18px;min-height:0;padding:2px 6px 6px 2px;display:grid}.panelmini{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;padding:14px 16px;display:flex;overflow:hidden}button.panelmini{font:inherit}.panelmini .cap{font-size:22px;font-weight:800;line-height:1.1}.panelmini .scene{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:17px;line-height:1.2;display:-webkit-box;overflow:hidden}.panelmini .speechchip{background:var(--bg);border:2px solid var(--ink);text-overflow:ellipsis;white-space:nowrap;border-radius:12px;max-width:100%;margin-top:auto;padding:2px 10px;font-size:16px;font-weight:700;overflow:hidden}.panelmini .warnline{color:var(--red);font-size:16px;font-weight:800}.panelmini .momentline{align-items:center;gap:8px;width:100%;display:flex}.panelmini .moment{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.panelmini .updating{background:var(--pink);border:2px solid var(--ink);border-radius:999px;align-self:flex-start;padding:0 10px;font-size:15px;font-weight:800}.panelmini.stale{background:#fffdf6}.panelmini.waiting{text-align:center;border:3px dashed var(--dash);color:var(--muted);background:0 0;border-radius:22px;justify-content:center;align-items:center;font-size:19px;font-weight:700}.panelmini.warn{border-color:var(--red)}.panelmini.addpanel{border:3px dashed var(--dash);color:var(--muted);background:0 0;border-radius:22px;justify-content:center;align-items:center}dialog.editor{border:3px solid var(--ink);background:var(--bg);width:min(720px,94vw);max-height:92dvh;color:var(--ink);box-shadow:none;border-radius:24px;padding:0;overflow:auto}dialog.confirm{border:3px solid var(--ink);background:var(--bg);width:min(520px,92vw);color:var(--ink);text-align:center;border-radius:28px;padding:32px 36px}dialog.confirm::backdrop{background:#1d1a2b8c}dialog.confirm form{flex-direction:column;align-items:center;gap:12px;display:flex}dialog.confirm h2{margin:4px 0 0;font-size:34px;font-weight:800;line-height:1.1}dialog.confirm p{color:var(--muted);margin:0;font-size:21px}.confirmface{width:84px;height:84px}.confirmbtns{flex-direction:column;gap:14px;width:100%;margin-top:14px;display:flex}.confirmbtns .btn{white-space:normal;border-radius:20px;width:100%;min-height:76px;font-size:28px}.btn.danger{border-color:var(--red);color:var(--red);background:#fff}.confirmtype{text-align:left;flex-direction:column;gap:8px;width:100%;margin-top:6px;font-size:21px;display:flex}.confirmtype input{font:inherit;border:3px solid var(--ink);color:var(--ink);background:#fff;border-radius:14px;padding:10px 14px}.accountpage{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.accountpage .gatecard{align-self:stretch}.dangercard{border-color:var(--red)}dialog.editor::backdrop{background:#1d1a2b8c}.panelcard{flex-direction:column;gap:10px;padding:20px 22px;display:flex}.panelcard.warn{background:#fff0ee}.phead{align-items:center;gap:12px;display:flex}.phead .badge{width:44px;height:44px;font-size:24px}.phead .grow{flex:1;min-width:0}.chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.speech{grid-template-columns:1fr 2fr;gap:10px;display:grid}.actions{margin-top:6px}.actions .btn.primary{margin-left:auto}.finished{gap:22px;padding:0 8px 8px 0;overflow:hidden}.comichead{flex-wrap:wrap;flex:none;align-items:center;gap:20px;min-height:72px;display:flex}.comicbody{flex:1 1 0;gap:32px;min-height:0;display:flex}.pagecard{width:calc(75dvh - 111px);min-width:300px;box-shadow:none;flex:none;padding:12px;position:relative}.pagecard .pageimg{border-radius:10px;width:100%;height:100%;max-height:none}.pagetag{background:var(--ink);color:#fff;border-radius:999px;padding:2px 14px;font-size:16px;font-weight:800;position:absolute;top:-15px;left:20px}.sidecol{flex-direction:column;flex:320px;gap:20px;min-width:0;max-width:560px;min-height:0;margin-bottom:-8px;padding:0 8px 8px 0;display:flex;overflow-y:auto}.stickers{flex:none;gap:18px;padding:6px 8px;display:flex}.card.sticker.mini{text-align:center;flex:0 200px;align-items:center;gap:4px;min-width:0;padding:10px}.card.sticker.mini img{object-fit:contain;width:100%;max-width:150px;height:150px}.card.sticker.mini .name{justify-content:center;font-size:22px}.changecard{background:var(--pink);flex-direction:column;flex:none;gap:10px;padding:20px;display:flex}.changecard h2{margin:0;font-size:26px;font-weight:800;line-height:1.1}.changecard p{margin:0;font-size:18px}.changerow{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.changerow .btn{background:#fff}.pageimg{object-fit:contain;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.pageimg.faded{opacity:.45}.versionbox{flex-direction:column;flex:none;gap:10px;display:flex}.versionhead{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.versionhead h2{margin:0;font-size:22px;font-weight:800}.versions{gap:12px;margin:-4px 0 -12px -4px;padding:4px 10px 12px 4px;display:flex;overflow-x:auto}.vthumb{border:3px solid var(--ink);background:#fff;border-radius:12px;flex:0 0 72px;padding:4px;position:relative}.vthumb.on{background:var(--yellow);box-shadow:none}.vthumb img{aspect-ratio:3/4;object-fit:cover;border-radius:6px;width:100%;display:block}.vnum{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 6px;font-size:14px;font-weight:800;display:flex;position:absolute;bottom:-8px;right:-8px}.savebox{text-align:right;flex-direction:column;flex:none;align-items:flex-end;gap:6px;margin-top:auto;display:flex}.savebox .btn{border-radius:20px;width:100%;min-height:76px;font-size:28px}.savebox .hint{font-size:15px}@media (orientation:landscape) and (max-height:860px){.sidecol{gap:14px}.changecard{gap:8px;padding:14px 16px}.changecard h2{font-size:24px}.changecard .btn{min-height:54px}.versionbox{gap:6px}.vthumb{flex-basis:60px}.savebox .btn,.drawbtn{min-height:64px;font-size:26px}.savebox .hint{font-size:14px}}@media (orientation:landscape) and (max-height:760px){.sidecol{gap:10px}.changecard{padding:12px 14px}.changecard h2{font-size:22px}.changecard p{font-size:16px}.changecard .btn{min-height:50px;font-size:22px}.vthumb{flex-basis:52px}.savebox .btn,.drawbtn{min-height:58px;font-size:24px}}.drawingview{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 430px;gap:36px;display:grid;overflow:visible}.drawleft{flex-direction:column;justify-content:center;gap:18px;min-width:0;display:flex}.progressbar{border:3px solid var(--ink);background:#fff;border-radius:999px;height:40px;overflow:hidden}.progressbar .fill{background:var(--yellow);border-right:3px solid var(--ink);height:100%;transition:width 1.8s linear}.frame{justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.cells{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:12px;width:100%;height:100%;display:grid}.cell{border:3px dashed var(--dash);color:var(--dash);border-radius:14px;justify-content:center;align-items:center;font-size:36px;font-weight:800;display:flex}@media (max-width:900px),(orientation:portrait),(max-height:500px){.chargrid{grid-template-columns:repeat(2,minmax(0,1fr))}.drawingview{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.finished{overflow:visible}.comicbody{flex-direction:column;flex:none;align-items:center}.pagecard{width:min(100%,max(300px,75dvh - 165px));min-width:0}.pagecard .pageimg{height:auto}.sidecol{flex:none;align-self:stretch;max-width:none;margin:0;padding:0;overflow:visible}.pageimg{max-height:none}.frame{min-height:420px}.panelgrid{grid-auto-rows:minmax(170px,auto)}.chatwrap{flex-direction:column;flex:none;gap:12px}.chat{flex:none;height:max(380px,100dvh - 320px)}.storyside{display:contents}.beatsbar{border:3px solid var(--ink);background:#fff;border-radius:18px;order:-1;align-items:center;gap:10px;padding:8px 14px;font-size:17px;font-weight:800;display:flex}.beatstitle{flex:none}.pips{flex:1;gap:4px;display:flex}.pips i{border:2px dashed var(--dash);border-radius:4px;flex:1;max-width:22px;height:8px}.pips i.on{background:var(--mint);border:2px solid var(--ink)}.pips i.now{background:var(--yellow);border:2px solid var(--ink)}.beatscard{box-shadow:var(--shadow);flex:none;order:-1;display:none;overflow:visible}.beatscard.open{display:flex}.beatscard h2,.drawbtn{display:none}.prevcomic{flex:none}.prevcomic img{flex:none;max-height:360px}.planview .drawbtn{display:inline-flex}.storyhead{min-height:0}.planboard{flex:none;overflow:visible}.planboard .panelgrid{overflow:visible}.sidefoot{padding:0 4px;font-size:15px}}@media (max-width:640px){.chargrid,.panelgrid{grid-template-columns:minmax(0,1fr)}.speech{grid-template-columns:1fr}.title{font-size:34px}.msg.kid{padding-left:40px}.buddyface{width:40px;height:40px}.chatbubble{border-radius:20px;padding:10px 16px;font-size:19px}.ideas{gap:10px;padding-left:48px}.idea{min-height:48px;padding:4px 16px;font-size:18px}.chatlog{gap:14px;padding:14px}.chatform{gap:8px;padding:10px}.chatform .field{min-height:52px;padding:10px 14px}.sendbtn{width:52px;height:52px}.title.xl{font-size:40px}.bar{flex-wrap:wrap}.shell{gap:16px;padding:16px}.rail,.steps{gap:8px}.logo{width:56px}.steps li{min-width:0}.step{flex-direction:column;gap:2px;min-height:64px;padding:6px 2px}.step .badge{width:28px;height:28px;font-size:16px}.step .steplabel{font-size:15px;line-height:1.1}}@media (max-width:360px){.logo{width:48px}.step .steplabel{font-size:13px}}.logo.big{width:96px;height:96px;box-shadow:none;border-radius:26px;margin-bottom:18px;rotate:-6deg}.mycomics{flex-direction:column;gap:24px;max-width:1400px;min-height:100dvh;margin:0 auto;padding:32px 48px 48px;display:flex}.mchead{align-items:center;gap:20px;padding-right:160px;display:flex}.mchead .logo{flex:none;width:80px;height:80px}.chip.filter{min-height:52px;color:inherit;align-items:center;gap:10px;padding:4px 8px 4px 20px;font-size:20px;text-decoration:none;display:inline-flex}.chip.filter.on{box-shadow:none}.chip.filter .count{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:0 8px;font-size:16px;font-weight:800;display:inline-flex}.comicgrid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px;display:grid}.newcard{background:var(--yellow);border:3px solid var(--ink);min-height:340px;box-shadow:var(--shadow-lg);color:var(--ink);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-decoration:none;display:flex}.newcard .plus{border:3px solid var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:108px;height:108px;display:flex}.newcard .big{font-size:36px;font-weight:800;line-height:1}.newcard .small{font-size:19px;font-weight:600}.newcard:active,.comiccard:active{box-shadow:none;transform:translate(2px,2px)}.comiccard{color:var(--ink);flex-direction:column;min-width:0;text-decoration:none;display:flex;position:relative;overflow:hidden}.cover{border-bottom:3px solid var(--ink);background:var(--pink);flex:none;justify-content:center;align-items:center;height:230px;display:flex;position:relative}.comiccard.making .cover{background:var(--green)}.comiccard.drawing .cover{background:#e3f0ff}.coverpage{object-fit:contain;border:3px solid var(--ink);max-width:80%;height:190px;box-shadow:var(--shadow);background:#fff;border-radius:6px;rotate:-3deg}.coverpage.faded{opacity:.35}.covermaking{flex-direction:column;align-items:center;gap:16px;display:flex}.faces{display:flex}.faces img{object-fit:cover;object-position:top;border:3px solid var(--ink);background:#fff;border-radius:50%;flex:none;width:100px;max-width:none;height:100px;margin:0 -8px}.dots{gap:8px;margin:0;padding:0;list-style:none;display:flex}.dots li{border:3px dashed var(--dash);min-width:40px;height:40px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-size:16px;font-weight:800;display:flex}.dots li.done{background:var(--mint);border:3px solid var(--ink);color:var(--ink)}.dots li.now{background:var(--yellow);border:3px solid var(--ink);color:var(--ink)}.comiccard .tag{font-size:15px;position:absolute;top:12px;left:12px}.comiccard .tag.done{background:var(--mint)}.comiccard .tag.drawing{background:var(--sky)}.covertext{min-width:0;padding:14px 18px 16px}.covertext h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:28px;font-weight:800;line-height:1.15;overflow:hidden}.shelf{background:var(--green);border:3px solid var(--ink);border-radius:24px;flex-direction:column;gap:10px;min-width:0;padding:16px 20px 20px;display:flex}.shelfrow{align-items:stretch;gap:20px;margin:-8px -8px 0;padding:18px 16px 14px 8px;display:flex;overflow-x:auto}.shelfchar{text-align:center;flex:none;align-items:center;gap:6px;width:190px;padding:10px}.shelfchar .pics{width:100%}.shelfchar .cartoon{height:130px}.shelfchar .name{justify-content:center;gap:6px;font-size:22px}.shelfchar .hint,.shelfchar .err{font-size:16px}.tag.drawing{background:var(--sky)}@media (max-width:1100px){.comicgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.mycomics{gap:16px;padding:20px 16px 24px}.mchead{gap:12px;padding-right:76px}.mchead .logo{width:56px;height:56px}.mchead .logo svg{width:30px;height:30px}.mchead .title{font-size:36px}.mchead .lead{display:none}.mycomics nav.row{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin:-4px -16px;padding:4px 16px;overflow-x:auto}.chip.filter{flex:none;gap:6px;min-height:44px;padding:2px 6px 2px 14px;font-size:17px}.shelf{border-radius:20px;padding:12px 12px 14px}.shelf .title{font-size:28px}.shelfrow{gap:14px}.shelfchar{width:150px}.shelfchar .cartoon{height:100px}.comicgrid{grid-template-columns:minmax(0,1fr);gap:14px}.comiccard{border-radius:18px;flex-direction:row;min-height:96px}.cover{border-bottom:0;border-right:3px solid var(--ink);width:96px;height:auto}.coverpage{max-width:70%;height:68px;box-shadow:none;border-width:2px}.faces img{width:56px;height:56px}.faces img+img,.dots{display:none}.spinner.over{border-width:5px;width:40px;height:40px;margin:-20px 0 0 -20px}.comiccard .tag{align-self:flex-start;font-size:14px;position:static}.covertext{flex-direction:column;flex:1;justify-content:center;gap:4px;padding:10px 14px;display:flex}.covertext h2{font-size:22px}.newcard{z-index:5;border-radius:20px;flex-direction:row;order:99;gap:10px;min-height:68px;position:sticky;bottom:12px}.newcard .plus{background:0 0;border:0;width:auto;height:auto}.newcard .plus svg{width:28px;height:28px}.newcard .big{font-size:26px}.newcard .small{display:none}}.landing{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1400px;min-height:100dvh;margin:0 auto;padding:40px 64px;display:grid}.landingtext{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.landingtext .logo.big{margin-bottom:6px}.landing .title{font-size:88px}.landing .lead{margin:0 0 8px;font-size:32px}.howto{flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;list-style:none;display:flex}.howto li{border:3px solid var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 14px 3px 3px;font-size:18px;font-weight:700;display:flex}.howto .num{border:2px solid var(--ink);background:var(--pink);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:800;display:inline-flex}.howto li:nth-child(2) .num{background:var(--sky)}.howto li:nth-child(3) .num{background:var(--mint)}.gbtn{min-height:76px;box-shadow:var(--shadow-lg);border-radius:22px;gap:14px;padding:8px 32px 8px 12px;font-size:27px}.gmark{border:2px solid var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex}.landingtext .note{max-width:520px}.collage{height:min(640px,76dvh);min-height:360px;position:relative}.sheet{border:3px solid var(--ink);box-shadow:var(--shadow-lg);background:#fff;border-radius:22px;gap:12px;padding:18px;display:grid;position:absolute}.sheet i{border:3px solid var(--ink);background:var(--green);border-radius:12px}.sheet i:nth-child(2){background:var(--pink)}.sheet i:nth-child(3){background:var(--sky)}.sheet i:nth-child(4){background:var(--yellow)}.sheet.s1{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:62%;height:78%;top:8%;left:4%;rotate:-5deg}.sheet.s2{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:50%;height:52%;bottom:4%;right:2%;rotate:6deg}.sheet.s2 i:nth-child(3){grid-column:1/3}.blob{border:3px solid var(--ink);border-radius:50%;position:absolute}.blob.b1{background:var(--yellow);width:90px;height:90px;box-shadow:var(--shadow);top:4%;right:8%}.blob.b2{background:var(--mint);width:56px;height:56px;box-shadow:none;bottom:10%;left:0}.bubble{border:3px solid var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:26px;padding:6px 22px;font-size:34px;font-weight:800;position:absolute;top:34%;right:16%;rotate:8deg}@media (max-width:1100px){.landing{padding:32px 40px}.landing .title{font-size:68px}.landing .lead{font-size:28px}}@media (max-width:900px),(orientation:portrait),(max-height:500px){.landing{grid-template-columns:minmax(0,1fr);align-content:center;gap:12px;max-width:680px;padding:24px 32px 40px}.collage{order:-1;height:300px;min-height:0}}@media (max-width:640px){.landing{padding:16px 16px 32px}.landingtext{align-items:stretch}.landingtext .logo.big{display:none}.landing .title{font-size:52px}.landing .lead{font-size:24px}.howto li{font-size:17px}.gbtn{padding-right:20px;font-size:23px}.collage{height:220px}.bubble{font-size:26px}.blob.b1{width:64px;height:64px}}.gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:100dvh;padding:28px 20px;display:flex}.gate .logo.big{margin-bottom:0}.gate .lead{max-width:560px}.gatecard{text-align:left;flex-direction:column;gap:14px;max-width:640px;padding:24px 28px;display:flex}.gatecard ul{flex-direction:column;gap:8px;margin:0;padding-left:22px;display:flex}.agree{align-items:center;gap:14px;font-size:22px;font-weight:700;display:flex}.agree input{width:32px;height:32px;accent-color:var(--ink);flex:none}.account{position:relative}.account.corner{z-index:20;position:fixed;top:16px;right:20px}.shell{position:relative}.account.rail{z-index:20;position:absolute;top:28px;right:28px}.accountbtn{justify-content:center;align-items:center;gap:8px;max-width:100%;display:inline-flex}.account.rail .accountbtn{max-width:220px;min-height:56px}.acname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.acinit{display:none}.accountmenu{z-index:30;text-align:left;overflow-wrap:anywhere;flex-direction:column;gap:10px;width:250px;padding:14px 16px;display:flex;position:absolute}.account.corner .accountmenu,.account.rail .accountmenu{top:calc(100% + 10px);right:0}.storyhead{padding-right:320px}.comichead{padding-right:200px}.drawingview .frame{margin-top:76px}@media (max-width:900px),(orientation:portrait),(max-height:500px){.account.rail{flex:none;width:72px;position:relative;top:auto;right:auto}.storyhead,.comichead{padding-right:0}.drawingview .frame{margin-top:0}.account.rail .accountbtn{width:100%;max-width:none;height:100%;padding:4px}.account.rail .acname{display:none}.account.rail .acinit{font-size:28px;font-weight:800;display:inline}.account.rail .accountmenu{inset:calc(100% + 10px) 0 auto auto}}@media (max-width:640px){.rail{flex-wrap:wrap}.rail .logo{height:64px}.steps{flex:100%;order:3}.account.rail{width:64px;height:64px;margin-left:auto}.account.corner{right:12px}.account.corner .accountbtn{max-width:150px}}.admin{max-width:1400px;margin:0 auto;padding:16px 24px 48px;font-size:14px;font-weight:400;line-height:1.4}.admin h1{margin:0 0 4px;font-size:22px}.admin h2{border-bottom:2px solid var(--ink);margin:24px 0 8px;padding-bottom:2px;font-size:16px}.admin h3{margin:0 0 6px;font-size:14px}.admin a{color:#1b4fa8}.admin .muted{color:var(--muted)}.admin .bad{color:var(--red);font-weight:700}.admin .ok{color:#14683f;font-weight:700}.admin .boxes{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:16px;display:grid}.admin .box{border:2px solid var(--ink);background:#fff;border-radius:6px;padding:10px 12px}.admin table{border-collapse:collapse;background:#fff;width:100%}.admin th,.admin td{text-align:left;vertical-align:top;border:1px solid #cdbf98;padding:3px 7px}.admin th{white-space:nowrap;background:#f3e8c4;font-weight:700}.admin td.num,.admin th.num{text-align:right;font-variant-numeric:tabular-nums}.admin .kv th{background:#faf3dc;width:170px}.admin .thumb{border:1px solid var(--ink);width:auto;height:64px;display:block}.admin pre{white-space:pre-wrap;word-break:break-word;background:#faf3dc;border:1px solid #cdbf98;border-radius:4px;margin:4px 0;padding:6px 8px;font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.admin details>summary{cursor:pointer;font-weight:700}.admin .card{border:2px solid var(--ink);background:#fff;border-radius:6px;margin-bottom:12px;padding:10px 12px}.admin .pair{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.admin .filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.admin .filters label{align-items:center;gap:4px;font-weight:700;display:flex}.admin .filters input,.admin .filters select,.admin .filters button{background:#fff;border:1px solid #cdbf98;border-radius:4px;width:auto;height:28px;min-height:0;padding:2px 8px;font-size:14px}.admin .filters button{background:#f3e8c4;font-weight:700}.admin .pair figure{margin:0}.admin .pair img{border:1px solid var(--ink);background:#eee;width:auto;max-width:100%;height:260px;display:block}.admin .pair .pageimg{height:360px}.admin figcaption{color:var(--muted);font-size:12px}.admin .tag{border:1px solid var(--ink);background:var(--yellow);border-radius:4px;padding:0 5px;font-size:12px;display:inline-block}dialog.drawpad{background:var(--bg);width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--ink);border:none;margin:0;padding:16px}dialog.drawpad[open]{grid-template:"head head""side paper"minmax(0,1fr)/auto minmax(0,1fr);gap:14px 20px;display:grid}.drawhead{grid-area:head;justify-content:space-between;align-items:center;gap:12px;display:flex}.drawhead .name{text-align:center;margin:0}.paper{grid-area:paper;justify-content:center;align-items:center;min-height:0;display:flex}.paper canvas{border:3px solid var(--ink);max-width:100%;max-height:100%;box-shadow:var(--shadow-lg);touch-action:none;background:#fff;border-radius:18px;outline:none}.toolside{grid-area:side;min-height:0;display:flex;position:relative}.tools{border:3px solid var(--ink);width:232px;box-shadow:var(--shadow-lg);background:#fff;border-radius:22px;flex-direction:column;gap:16px;padding:16px 14px;display:flex;overflow-y:auto}.toolpick{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.toolbtn{border:3px solid var(--ink);background:#fff;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:76px;padding:0;font-size:17px;font-weight:800;display:flex}.toolbtn.on{background:var(--yellow);box-shadow:none}.toollabel{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:14px;font-weight:800}.toolsizes .swatches{justify-content:space-between;gap:0}.toolcolors .swatches{grid-template-columns:repeat(4,44px);justify-content:space-between;gap:10px 0;display:grid}.tooledits{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.tooledits .chip{flex:1;justify-content:center;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatch{border:3px solid var(--ink);border-radius:50%;width:44px;height:44px;padding:0}.swatch.on{box-shadow:0 0 0 3px #fff, 0 0 0 6px var(--ink)}.swatch.rainbow{background:conic-gradient(#ff3b30,#fc0,#34c759,#00c7be,#007aff,#af52de,#ff2d55,#ff3b30)}.sizebtn{border:3px solid var(--ink);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.sizebtn span{background:var(--ink);border-radius:50%}.sizebtn.on{background:var(--yellow)}.sizebtn:disabled{opacity:.45}.wheelpop{z-index:2;border:3px solid var(--ink);width:268px;box-shadow:var(--shadow-lg);background:#fff;border-radius:22px;flex-direction:column;gap:12px;padding:16px;display:flex;position:absolute;bottom:0;left:calc(100% + 12px)}.wheelhead{justify-content:space-between;align-items:center;display:flex}.wheelhead p{margin:0;font-size:20px;font-weight:800}.roundbtn{border:3px solid var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.wheel{border:3px solid var(--ink);touch-action:none;background:radial-gradient(closest-side,#fff,#fff0),conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:50%;align-self:center;width:200px;height:200px;position:relative}.wheel span{width:30px;height:30px;box-shadow:0 0 0 3px var(--ink);pointer-events:none;border:4px solid #fff;border-radius:50%;position:absolute;translate:-50% -50%}.lightness{color:var(--muted);flex-direction:column;gap:4px;font-size:15px;font-weight:800;display:flex}.lightness input{width:100%;accent-color:var(--ink)}.toolrow{display:contents}@media (orientation:portrait){dialog.drawpad[open]{grid-template:"head""side""paper"minmax(0,1fr)/minmax(0,1fr)}.tools{gap:0;width:100%;padding:0;overflow:hidden}.toolrow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;padding:12px 14px;display:flex}.toolrow+.toolrow{background:var(--bg);border-top:3px solid var(--ink);padding-block:10px}.toolpick{display:flex}.toolbtn{flex-direction:row;gap:8px;width:104px;height:56px;font-size:18px}.toollabel,.chiplabel{display:none}.toolsizes .swatches{gap:6px}.toolcolors .swatches{gap:6px;display:flex}.swatch{width:40px;height:40px}.swatch.on{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--ink)}.tooledits{margin:0}.tooledits .chip{flex:none;width:48px;padding:0}.wheelpop{inset:calc(100% + 12px) 0 auto auto}}@media (orientation:portrait) and (max-width:640px){.toolpick{width:100%}.toolbtn{flex:1;gap:4px;width:auto;font-size:16px}}.chip:disabled{opacity:.45}.mockbanner{z-index:1000;pointer-events:none;color:#fff;letter-spacing:.04em;border:3px solid var(--ink);box-shadow:none;white-space:nowrap;background:repeating-linear-gradient(-45deg,#ff3d7f 0 14px,#ff6b9d 14px 28px);border-top:none;border-radius:0 0 16px 16px;padding:4px 22px;font-size:18px;font-weight:800;position:fixed;top:0;left:50%;translate:-50%}.doc{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;padding:24px 16px 48px;display:flex}.doc .logo{align-self:flex-start;width:72px}.doc h1{margin:8px 0 0}.doc h2{margin:16px 0 0;font-size:26px}.doc p,.doc ul{margin:0;font-size:19px;line-height:1.45}.doc ul{flex-direction:column;gap:6px;padding-left:24px;display:flex}.doc code{font-size:17px}.doc .docfoot{margin-top:20px}