@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/033400d475fad6b1-s.197tvtifbphtu.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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/26daee0352f50a5f-s.p.2e115y8-hourl.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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:100%;font-display:swap;src:url(../media/017d9bea37084d9b-s.p.41rroleoq1br7.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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.bricolage_grotesque_393ea356-module__W0Viyq__className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.bricolage_grotesque_393ea356-module__W0Viyq__variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.p.0klc_mi0-5f4_.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:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.2874ccu1_u7jf.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:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_bdfc2243-module__OYZQxq__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_bdfc2243-module__OYZQxq__variable{--font-ui:"Instrument Sans", "Instrument Sans Fallback"}
:root{--ink:#17172e;--paper:#f4f6fb;--card:#fff;--line:#d8deea;--muted:#5b6380;--cyan:#1ca7e8;--magenta:#e6317a;--yellow:#ffc93c;--font-ui:"Instrument Sans", system-ui, sans-serif;--font-display:"Bricolage Grotesque", var(--font-ui)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font:15px/1.5 var(--font-ui);color:var(--ink);background:var(--paper)}a{color:inherit}:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.topbar{background:var(--ink);color:#fff;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex}.logo{font:800 22px/1 var(--font-display);letter-spacing:-.02em;align-items:center;gap:9px;text-decoration:none;display:flex}.logo i{background:conic-gradient(var(--cyan) 0 33%, var(--magenta) 0 66%, var(--yellow) 0);border:2px solid #fff;border-radius:50%;width:22px;height:22px}.spacer{flex:1}.langs{gap:4px;display:flex}.langs a{color:#b9bedb;border-radius:6px;padding:4px 9px;font-size:13px;font-weight:600;text-decoration:none}.langs a[aria-current=true]{color:var(--ink);background:#fff}.wrap{max-width:960px;margin:0 auto;padding:56px 24px}.hero h1{font:800 clamp(34px, 6vw, 60px) / 1.05 var(--font-display);letter-spacing:-.03em;max-width:18ch;margin:0 0 16px}.hero p{max-width:52ch;color:var(--muted);margin:0 0 28px;font-size:18px}.note{color:var(--muted);margin-top:12px;font-size:14px}.btn{border:1.5px solid var(--ink);font:inherit;cursor:pointer;color:var(--ink);background:#fff;border-radius:8px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{background:#eef2fb}.btn.primary{background:var(--yellow)}.btn.primary:hover{background:#ffd75e}.card{background:var(--card);border:1.5px solid var(--ink);border-radius:12px;padding:24px}.auth{max-width:420px;margin:56px auto}.auth h1{font:800 28px/1.1 var(--font-display);margin:0 0 18px}.field{gap:4px;margin-bottom:14px;display:grid}.field label{color:var(--muted);font-size:13px;font-weight:600}.field input{border:1.5px solid var(--line);font:inherit;border-radius:6px;width:100%;padding:9px 10px}.field input:focus{border-color:var(--cyan);outline:none}.msg{border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:14px}.msg.error{color:#8a1445;background:#fde8f0}.msg.ok{color:#17603a;background:#e3f6ec}.alt{color:var(--muted);margin-top:16px;font-size:14px}.stats{flex-wrap:wrap;gap:16px;margin:20px 0 28px;display:flex}.stat{min-width:180px}.stat strong{font:800 38px/1 var(--font-display);display:block}.empty{text-align:center;padding:48px 24px}.empty h2{font:800 22px var(--font-display);margin:0 0 6px}.h1{font:800 32px/1.1 var(--font-display);margin:0 0 8px}.newform{max-width:720px;margin-top:20px}.newform fieldset{border:0;margin:0 0 14px;padding:0}.newform legend{color:var(--muted);margin-bottom:6px;padding:0;font-size:13px;font-weight:600}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{white-space:nowrap;border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-weight:600;display:inline-flex}.chip:has(input:checked){background:var(--ink);color:#fff}.chip input{accent-color:var(--yellow)}.row{align-items:center;gap:8px;display:flex}.angles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.angle{border:1.5px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;align-content:start;gap:6px;padding:14px;display:grid}.angle input{accent-color:var(--ink);justify-self:start}.angle span{color:var(--muted);font-size:13px}.angle.on{border-color:var(--ink);box-shadow:4px 4px 0 var(--cyan)}input[type=color]{border:1.5px solid var(--line);background:#fff;border-radius:6px;width:40px;height:32px;padding:2px}.comics{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px;display:grid}.comic-card{gap:6px;text-decoration:none;display:grid}.comic-card strong{font-family:var(--font-display)}.h2{font:800 20px/1.2 var(--font-display);margin:0}.comic-card{padding:10px}.thumb{border:1.5px solid var(--ink);background:#fff;border-radius:6px;line-height:0;overflow:hidden}.thumb svg{width:100%;height:auto;display:block}.btn.sm{padding:4px 10px;font-size:13px}.btn.danger{color:var(--magenta);border-color:var(--magenta)}.btn[disabled]{opacity:.5;cursor:not-allowed}.pill{background:#eaf6fd;border:1px solid #cfe6f5;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:600;display:inline-block}.studio{grid-template-rows:auto 1fr;height:100vh;display:grid}.studio-bar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 16px;display:flex}.studio-title{font-family:var(--font-display)}.studio-bar select{border:1.5px solid var(--line);font:inherit;background:#fff;border-radius:6px;padding:5px 8px}.studio-bar .spacer{flex:1}.studio-head{border-bottom:1px solid var(--line);background:#fff}.studio-head .studio-bar{border-bottom:0}.studio-tools{border-top:1px solid var(--line);background:#f4f6fb;padding-block:6px}.tool{align-items:center;gap:6px;display:inline-flex}.tool-label{color:var(--muted);font-size:12px;font-weight:600}a.pill{color:inherit;text-decoration:none}.save{color:var(--muted);font-size:13px}.save.error{color:var(--magenta);font-weight:600}.seg{border:1.5px solid var(--ink);background:#fff;border-radius:8px;display:inline-flex;overflow:hidden}.seg button{font:inherit;border:0;border-right:1.5px solid var(--ink);cursor:pointer;background:0 0;padding:5px 11px;font-weight:600}.seg button:last-child{border-right:0}.seg button.on{background:var(--ink);color:#fff}.studio-body{grid-template-columns:1fr 320px;min-height:0;display:grid}.desk{background:linear-gradient(#cfe6f5 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#cfe6f5 1px,#0000 1px) 0 0/24px 24px,#eaf4fb;place-items:center;min-height:0;padding:24px;display:grid;overflow:auto}.page{box-shadow:0 0 0 1.5px var(--ink), 8px 8px 0 #17172e2e;background:#fff;width:min(100%,120vh - 156px);line-height:0}.page svg{touch-action:none;width:100%;height:auto;max-height:calc(100vh - 130px);display:block}.inspector{border-left:1px solid var(--line);background:#fff;padding:16px;overflow:auto}.inspector h3{font:700 16px var(--font-display);margin:0 0 12px}.inspector textarea,.inspector input:not([type]),.inspector input[type=text]{border:1.5px solid var(--line);font:inherit;border-radius:6px;width:100%;padding:7px 9px}.inspector textarea{resize:vertical}@media (max-width:900px){.studio{height:auto;min-height:100dvh;display:block}.studio-head{z-index:5;position:sticky;top:0}.studio-bar{scrollbar-width:thin;flex-wrap:nowrap;gap:8px;padding:8px 12px;overflow-x:auto}.studio-bar>*{flex:none}.studio-bar .spacer{display:none}.studio-title{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;overflow:hidden}.studio-body{display:block}.desk{padding:10px 8px 14px;display:block;overflow:visible}.page{width:100%}.page svg{touch-action:pan-y pinch-zoom;max-height:none}.page [data-bubble],.page [data-handle],.page [data-cta]{touch-action:none}.inspector{border-left:0;border-top:1px solid var(--line);overflow:visible}}.comic-card{gap:8px;display:grid}.comic-link{color:inherit;gap:6px;text-decoration:none;display:grid}.comic-card .btn{justify-self:start}.note.warn{color:var(--magenta);font-weight:600}.wrap.wide{max-width:1180px}.script-head .brief{color:var(--muted);max-width:80ch}.msg.warn{color:#6b4b00;background:#fff4d6}.script-body{grid-template-columns:300px 1fr;align-items:start;gap:20px;margin-top:16px;display:grid}.options{gap:10px;display:grid;position:sticky;top:12px}.option{text-align:left;border:1.5px solid var(--line);cursor:pointer;font:inherit;background:#fff;border-radius:12px;gap:4px;padding:12px 14px;display:grid}.option span{color:var(--muted);font-size:13px}.option small{color:var(--muted)}.option.on{border-color:var(--ink);box-shadow:4px 4px 0 var(--cyan)}.more{gap:8px;padding:14px;display:grid}.more h3{font:700 15px var(--font-display);margin:0}.more input,.detail input,.detail textarea,.detail select{border:1.5px solid var(--line);font:inherit;background:#fff;border-radius:6px;width:100%;padding:7px 9px}.detail{gap:14px;display:grid}.scenario h3{font:700 16px var(--font-display);margin:18px 0 8px}.why{background:#eef8fe;border:1px solid #cfe6f5;border-radius:10px;margin-bottom:8px;padding:10px 14px}.why p{margin:4px 0 0}.row2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.spanel{border:1.5px solid var(--line);border-radius:10px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.spanel details{color:var(--muted);font-size:13px}.spanel details textarea{margin-top:6px}.revise{border-top:1px solid var(--line);padding-top:14px}.revise h3{font:700 15px var(--font-display);margin:0 0 8px}.usebar{border-top:1px solid var(--line);z-index:5;background:#fff;justify-content:flex-end;align-items:center;gap:12px;padding:14px 0;display:flex;position:sticky;bottom:0;box-shadow:0 -8px 12px -10px #10102440}@media (max-width:900px){.script-body{grid-template-columns:1fr}.options{position:static}.row2{grid-template-columns:1fr}}.drafts{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:10px;display:grid}.draft{color:inherit;gap:4px;padding:14px;text-decoration:none;display:grid}.draft span{color:var(--muted);font-size:13px}.imgtools input[type=range]{width:100%}.imgtools .row{flex-wrap:wrap}.imgtools output{white-space:nowrap;text-align:right;min-width:52px;font-weight:600}.imgtools input[type=range]{flex:1;min-width:120px}.colors{gap:8px;display:grid}.color{align-items:center;gap:8px;font-weight:500;display:flex}.brandbox{border:1px solid var(--line,#d9d6e8);border-radius:12px;padding:14px 16px}.brandbox legend{padding:0 6px;font-weight:700}.brandbox .row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.brandbox .row>input{flex:1;min-width:180px}.logoprev{object-fit:contain;border:1px solid var(--line,#d9d6e8);background:#fff;border-radius:8px;max-width:140px;height:44px;padding:4px}.prodthumb{align-items:center;gap:4px;display:inline-flex;position:relative}.prodthumb .logoprev{max-width:90px;height:56px}.brandbox.flat{border:0;padding:0}.social{gap:10px;margin-bottom:6px;display:grid}.social form{display:contents}.social-btn{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.or{color:var(--muted);align-items:center;gap:12px;margin:8px 0 0;font-size:13px;display:flex}.or:before,.or:after{content:"";opacity:.35;border-top:1px solid;flex:1}.legal{max-width:760px;margin:32px auto 80px;padding:0 20px}.legal h1{font:800 32px/1.1 var(--font-display);margin:12px 0 6px}.legal h2{font:700 18px var(--font-display);margin:26px 0 6px}.legal p{line-height:1.6}.share{gap:16px;max-width:640px;margin:28px auto 80px;padding:0 16px;display:grid}.share h1{font:800 28px/1.1 var(--font-display);margin:0}.share h2{font:700 18px var(--font-display);margin:0 0 8px}.share-img{border:1px solid var(--line);background:#e9edf6;border-radius:10px;max-width:100%;overflow:hidden}.share-img svg{width:100%;height:100%;display:block}.share-video video{background:#000;border-radius:10px;width:100%;max-height:560px}.share-choice{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.share-form .field input,.share-form .field textarea{width:100%}.share .seg{width:max-content;max-width:100%;display:inline-flex}.page,.page svg{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.page svg text{pointer-events:none}.field textarea,.field select{border:1.5px solid var(--line);font:inherit;width:100%;color:inherit;background:#fff;border-radius:6px;padding:9px 10px}.field textarea{resize:vertical;line-height:1.4}.field textarea:focus,.field select:focus{border-color:var(--cyan);outline:none}.modal{width:min(520px,100vw - 32px);max-height:min(82vh,680px);color:var(--ink);background:#fff;border:0;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 24px 70px #17172e59}.modal[open]{flex-direction:column;animation:.16s ease-out modal-in;display:flex}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17172e80}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 12px;display:flex}.modal-head h2{font:800 18px var(--font-display);margin:0}.modal-x{cursor:pointer;width:32px;height:32px;color:var(--ink);background:#eef1fb;border:0;border-radius:50%;font-size:22px;line-height:1}.modal-x:hover{background:#dfe4f7}.modal-body{align-content:start;gap:12px;padding:16px 20px 20px;display:grid;overflow:auto}.modal-body>p{margin:0}.history-list{margin:0;padding:0;list-style:none;display:grid}.history-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.history-list li:last-child{border-bottom:0}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal[open]{animation:none}}.style-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px;display:grid}.style-opt{border:1.5px solid var(--line);color:#fff;cursor:pointer;isolation:isolate;background:#2a2a40 50%/cover no-repeat;border-radius:12px;align-content:end;gap:2px;min-height:132px;padding:10px 12px;transition:transform .12s,box-shadow .12s;display:grid;position:relative;overflow:hidden}.style-opt:before{content:"";z-index:-1;background:linear-gradient(#0c0c1c00 28%,#0c0c1c8c 58%,#0c0c1ce0 100%);position:absolute;inset:0}.style-opt input{opacity:0;pointer-events:none;position:absolute}.style-opt strong{color:#fff;text-shadow:0 1px 2px #00000080;font-weight:700}.style-opt small{color:#ffffffdb;text-shadow:0 1px 2px #00000080;font-size:12.5px;line-height:1.3}.style-opt:hover{border-color:#aab2d3;transform:translateY(-1px)}.style-opt:has(input:checked){border-color:var(--ink);box-shadow:0 0 0 2.5px var(--yellow,#ffd23f)}.style-opt:has(input:checked):after{content:"✓";background:var(--yellow,#ffd23f);width:24px;height:24px;color:var(--ink);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 1px 3px #00000059}.style-opt:has(input:focus-visible){outline:3px solid var(--cyan);outline-offset:2px}@media (prefers-reduced-motion:reduce){.style-opt{transition:none}.style-opt:hover{transform:none}}.opt-meta{align-items:center;gap:8px;display:flex}.glyph{border-radius:6px;flex:none;box-shadow:0 0 0 1.5px #c9cfe6}.glyph rect:not(:first-child){fill:#dfe4f7;stroke:#17172e;stroke-width:28px}.ctx-pills{flex-wrap:wrap;gap:6px;margin:8px 0 0;display:flex}.share-from{color:var(--muted);margin:0 0 4px;font-size:14px;font-weight:600}.share-choice{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.choice{text-align:left;border:2px solid var(--line);font:inherit;cursor:pointer;background:#fff;border-radius:14px;gap:3px;padding:14px 16px;transition:border-color .12s,background .12s,box-shadow .12s;display:grid}.choice strong{font-size:16px}.choice small{color:var(--muted)}.choice:hover{border-color:#aab2d3}.choice.ok.on{background:#eaf7ee;border-color:#1a7f37;box-shadow:0 0 0 1.5px #1a7f37}.choice.edit.on{background:#fff7e0;border-color:#b7791f;box-shadow:0 0 0 1.5px #b7791f}.tips{border:1.5px solid var(--line);background:#f4f9fd;border-radius:10px;margin:0 0 12px;padding:8px 12px;font-size:13px}.tips summary{cursor:pointer;font-weight:700}.tips ul{gap:5px;margin:8px 0;padding-left:18px;line-height:1.4;display:grid}.tips[open] summary{margin-bottom:2px}@media (max-width:900px){.studio-bar{padding-right:36px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 30px),#0000)}}.chip.on,.chip[aria-pressed=true]{background:var(--ink);color:#fff}.spin{border:2px solid #cfd5ea;border-top-color:var(--ink);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spin{animation-duration:2s}}.wait{background:#f4f9fd;border:1.5px solid #cfe6f5;border-radius:12px;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;display:flex}.wait .spin{border-width:3px;flex:none;width:22px;height:22px}.wait-text{gap:2px;min-width:0;display:grid}.wait-text strong{font-weight:700}.wait-text small{color:var(--muted);font-size:13px}.wait-clock{font-variant-numeric:tabular-nums;color:var(--ink);background:#e3eef8;border-radius:99px;margin-left:6px;padding:1px 7px;font-weight:600}.wait.slow{background:#fff8e6;border-color:#f3d38a}.btn-spin{vertical-align:-2px;border-color:currentColor #0000002e #0000002e;width:14px;height:14px;margin-right:7px;display:inline-block}