.fg-wrap{max-width:1100px;margin:0 auto;padding:1.6rem 1rem 2.5rem}.fg-head h1{margin:0 0 .3rem}.fg-head p{margin:0 0 1.4rem;opacity:.8;max-width:62ch}.fg-grid{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1fr)}@media(min-width:920px){.fg-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.fg-stagecol{grid-column:1;grid-row:1}.fg-export{grid-column:1;grid-row:2;margin-top:0}.fg-side{grid-column:2;grid-row:1 / span 2}}.fg-stagecard{position:relative;border:var(--line);background:var(--paper);box-shadow:var(--shadow);padding:.8rem}#fgCanvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair}.fg-toast{position:absolute;top:calc(.8rem + 10px);left:50%;z-index:6;transform:translate(-50%,-6px);pointer-events:none;max-width:calc(100% - 2rem);text-align:center;text-wrap:balance;padding:.4rem .85rem;border-radius:14px;font-weight:800;font-size:.85rem;letter-spacing:.01em;background:var(--ink);color:var(--paper);box-shadow:0 5px 16px #00000047;opacity:0;transition:opacity .28s ease,transform .28s ease}.fg-toast.is-on{opacity:1;transform:translate(-50%)}.fg-toast.is-sticky{background:var(--banana);color:var(--ink);box-shadow:0 5px 16px #00000029}@media(prefers-reduced-motion:reduce){.fg-toast{transition:opacity .28s ease;transform:translate(-50%)}}.fg-side{display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;align-content:start}.fg-side>*{min-width:0}.fg-panel{border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm, 4px 4px 0 var(--ink));padding:.9rem}.fg-panel h3{margin:0 0 .6rem;font-size:.95rem}.fg-tools{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.fg-tools+.fg-tools,.fg-toolgrid+.fg-tools{margin-top:.65rem}.fg-toolgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.fg-toolgrid>button{border:3px solid var(--ink);background:var(--paper);padding:.5rem .4rem;font-weight:700;cursor:pointer;font-size:.85rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fg-toolgrid>button[aria-pressed=true]{background:var(--ink);color:var(--banana)}.fg-tools>button{border:3px solid var(--ink);background:var(--paper);padding:.45rem .65rem;font-weight:700;cursor:pointer;font-size:.85rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fg-tools>button[aria-pressed=true]{background:var(--ink);color:var(--banana)}.fg-tools>button[disabled]{opacity:.4;cursor:default}.fg-lab{flex-basis:100%;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.55}.fg-bar{position:relative;padding:.7rem}.fg-toolrow{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.fg-tool{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--ink);background:var(--paper);cursor:pointer;font-size:1.05rem;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fg-tool[aria-pressed=true]{background:var(--ink);color:var(--banana)}.fg-tool .pai{display:block}.btn:has(>.pai),.fg-palbtn:has(>.pai),.fg-modetab:has(>.pai),.fg-framectl button:has(>.pai),.fg-exphead:has(>.pai){display:inline-flex;align-items:center;gap:.35rem;justify-content:center}.fg-framectl button:has(>.pai){gap:.25rem}.fg-toast .pai{vertical-align:-.14em}.fg-tool[disabled]{opacity:.4;cursor:default}.fg-tool--wide{width:auto;min-width:50px;gap:.28rem;font-weight:800;font-size:.9rem;padding:0 .4rem}.fg-brushdot{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}.fg-colorbtn{background:#ffe135;box-shadow:inset 0 0 0 3px var(--paper)}.fg-vsep{width:3px;align-self:stretch;background:#11111124;margin:3px .12rem}.fg-pop{position:absolute;z-index:20;left:.7rem;right:.7rem;margin-top:.5rem;border:3px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);padding:.75rem}.fg-pop[hidden]{display:none}.fg-pop>label{display:block;margin-bottom:.45rem}.fg-pop input[type=range]{width:100%}.fg-itemsbar{display:flex;flex-direction:column;gap:.6rem}.fg-itemsbar .btn{width:100%}.fg-mains{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem}.fg-swatch{aspect-ratio:1;border:3px solid var(--ink);cursor:pointer;padding:0}.fg-swatch[aria-pressed=true]{outline:3px solid var(--hot, #ff4d6d);outline-offset:1px}.fg-main--active:not([aria-pressed=true]){outline:3px dashed rgba(17,17,17,.4);outline-offset:1px}.fg-shades{display:flex;gap:.35rem;margin-top:.55rem;min-height:27px}.fg-shades .fg-swatch{flex:0 0 27px;height:27px;aspect-ratio:auto;border-width:2px}.fg-customs{display:flex;gap:.35rem;margin-top:.55rem;flex-wrap:wrap;align-items:center}.fg-customs .fg-swatch{flex:0 0 27px;height:27px;aspect-ratio:auto;border-width:2px;border-radius:50%}.fg-customs>button.fg-palbtn{border:3px solid var(--ink);background:var(--paper);padding:.3rem .55rem;font-weight:700;cursor:pointer;font-size:.78rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.fg-hiddeninput{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;clip-path:inset(50%)}.fg-importnote{font-size:.72rem;opacity:.65;margin:.5rem 0 0}.fg-modebar{display:flex;gap:.6rem;margin:0 0 1.1rem}.fg-modetab{flex:1;border:3px solid var(--ink);background:var(--paper);padding:.65rem .5rem;font-weight:800;font-size:.98rem;cursor:pointer;box-shadow:4px 4px 0 var(--ink);touch-action:manipulation;-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit;text-align:center;white-space:nowrap}@media(max-width:540px){.fg-modetab{font-size:.84rem;padding:.65rem .25rem}}.fg-modetab.is-here{background:var(--banana);box-shadow:inset 3px 3px #11111129;cursor:default}.fg-riding{font-size:.82rem;font-weight:800;color:#0e9fb5;margin:.35rem 0 .75rem;text-transform:uppercase;letter-spacing:.04em}#fgItemsSave{width:100%}.fg-itemsbar [hidden]{display:none!important}.fg-kind{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}@media(min-width:560px){.fg-kind{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.fg-kind__btn{font:inherit;font-weight:800;font-size:.9rem;cursor:pointer;padding:.55rem .6rem;border:3px solid var(--ink);background:var(--paper);color:var(--ink);text-align:center;border-radius:4px;white-space:normal;display:flex;flex-direction:column;justify-content:center}.fg-kind__btn small{display:block;font-size:.66rem;font-weight:600;opacity:.75;margin-top:2px}.fg-kind__btn[aria-selected=true]{background:var(--nana, #ffe135);box-shadow:3px 3px #00000059}.fg-itemsnote{margin:-2px 0 0;font-size:.72rem;line-height:1.45;opacity:.8}.fg-decorprev{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.fg-decorprev figure{margin:0}.fg-decorprev canvas{display:block;width:100%;height:auto;image-rendering:pixelated;border:3px solid var(--ink);background:#14100a}.fg-decorprev figcaption{font-size:.66rem;font-weight:700;opacity:.75;text-align:center;margin-top:3px}.fg-chat{background:#313338;color:#dbdee1;padding:.7rem .8rem;border-radius:6px;font-size:.85rem}.fg-chat__meta{font-weight:700;color:#fffdf5;margin-bottom:.2rem}.fg-chat__meta span{font-weight:400;font-size:.7rem;opacity:.55;margin-left:.4rem}.fg-chat p{margin:0;display:flex;align-items:center;gap:.35rem}#fgPreview{image-rendering:pixelated;width:32px;height:32px}details.fg-panel>summary{cursor:pointer;font-weight:800;font-size:.95rem;list-style:none}details.fg-panel>summary::-webkit-details-marker{display:none}details.fg-panel>summary:after{content:"＋";float:right}details.fg-panel[open]>summary:after{content:"−"}details.fg-panel[open]>summary{margin-bottom:.6rem}.fg-framesrow{margin-top:1rem}.fg-frames{display:flex;gap:.5rem;flex-wrap:wrap}.fg-frame{position:relative;border:3px solid var(--ink);background:#f4f1e8;cursor:pointer;line-height:0}.fg-frame canvas{width:56px;height:56px;image-rendering:pixelated}.fg-frame span{position:absolute;left:2px;top:2px;font-size:.6rem;font-weight:800;line-height:1;background:var(--paper);padding:1px 3px}.fg-frame--cur{outline:3px solid var(--hot, #ff4d6d);outline-offset:1px}.fg-framectl{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-top:.6rem}.fg-framectl button{border:3px solid var(--ink);background:var(--paper);font-weight:700;padding:.4rem .6rem;cursor:pointer}.fg-framectl button[disabled]{opacity:.4;cursor:default}.fg-framectl button[aria-pressed=true]{background:var(--ink);color:var(--banana)}#fgDelay{width:5rem;border:3px solid var(--ink);padding:.35rem .4rem;font:inherit}#fgFrameInfo{font-size:.8rem;opacity:.7}.fg-export{margin-top:1.6rem}.fg-exphead{margin:0 0 .5rem;font-size:.95rem}.fg-exprow{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.7rem}.fg-exprow .btn{font-size:.82rem;padding:.55rem .8rem}.fg-story,.fg-exports,.fg-steps,.fg-drawgif,.fg-faq{margin-top:2.4rem}.fg-story{border-top:var(--line);padding-top:1.8rem}.fg-story h2,.fg-exports h2,.fg-steps h2,.fg-faq h2{margin:0 0 .7rem;font-size:1.25rem}.fg-story p{max-width:74ch;line-height:1.6;margin:0}.fg-expgrid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.fg-exp{display:block;text-decoration:none;color:var(--ink);border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm, 4px 4px 0 var(--ink));padding:.85rem .95rem}.fg-exp:hover{background:var(--banana)}.fg-exp b{display:block;font-size:1.45rem;line-height:1.1}.fg-exp span{display:block;font-weight:800;font-size:.85rem;margin-top:.15rem}.fg-exp small{display:block;font-size:.74rem;opacity:.65;margin-top:.15rem}.fg-stepgrid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.fg-step{display:flex;gap:.75rem;align-items:flex-start;border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm, 4px 4px 0 var(--ink));padding:.85rem .95rem}.fg-step b{flex:0 0 auto;width:2rem;height:2rem;display:grid;place-items:center;background:var(--ink);color:var(--banana);font-size:1.15rem}.fg-step span{font-size:.88rem;line-height:1.5}.fg-drawgif{border:var(--line);background:var(--banana);box-shadow:var(--shadow);padding:1.2rem 1.4rem}.fg-drawgif h2{margin:0 0 .5rem;font-size:1.25rem}.fg-drawgif p{max-width:74ch;line-height:1.6;margin:0}.fg-facts{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-top:2.4rem}.fg-fact{border:var(--line);background:var(--ink);color:var(--paper);box-shadow:var(--shadow);padding:.9rem 1rem;font-size:.85rem;line-height:1.5}.fg-fact b{display:block;font-size:1.7rem;color:var(--banana);margin-bottom:.25rem}.fg-faqgrid{display:grid;gap:.6rem;align-items:start}@media(min-width:760px){.fg-faqgrid{grid-template-columns:1fr 1fr}}.fg-faq details{border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm, 4px 4px 0 var(--ink));padding:.65rem .9rem}.fg-faq summary{font-weight:800;cursor:pointer;font-size:.95rem}.fg-faq details>p{margin:.5rem 0 .2rem;line-height:1.6;font-size:.92rem}.fg-doorswrap{margin-top:2.4rem;border-top:var(--line);padding-top:1.6rem}.fg-doorswrap h2{margin:0 0 .9rem;font-size:1.25rem}.fg-doors{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.fg-doors a{display:block;border:var(--line);background:var(--paper);box-shadow:var(--shadow-sm, 4px 4px 0 var(--ink));padding:.8rem .9rem;text-decoration:none;color:inherit}.fg-doors a:hover b{text-decoration:underline}.fg-doors b{display:block;margin-bottom:.25rem}.fg-doors span{font-size:.83rem;opacity:.75;line-height:1.5;display:block}.fg-spots{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;margin-bottom:.6rem}.fg-spots[hidden]{display:none}.fg-spotlabel{font-size:.78rem;font-weight:800;opacity:.6;margin-right:.15rem}.fg-spot{appearance:none;font:inherit;font-size:.78rem;font-weight:800;padding:.28rem .5rem;border:2px solid var(--ink);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:2px;line-height:1.1;display:inline-flex;align-items:center;gap:.22rem;white-space:nowrap}.fg-spot:hover{transform:translateY(-1px)}.fg-spot.is-on{background:var(--banana, #ffe135);box-shadow:2px 2px 0 var(--ink)}.fg-spot__auto{font-style:normal;font-size:.7em;opacity:.55}.fg-signrow{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.7rem}.fg-signrow>input{flex:1 1 8rem;min-width:0}.fg-signrow[hidden]{display:none}.fg-signrow input{flex:1;min-width:0;padding:.55rem .7rem;border:3px solid var(--ink);font-family:inherit;font-size:.95rem;background:var(--paper);border-radius:2px}#fgItemsSubRow{flex-direction:column}#fgItemsSubRow input{flex:none;width:100%;box-sizing:border-box}#fgDone{margin-top:.8rem;border:3px solid var(--ink);background:var(--banana);padding:.7rem .9rem;font-size:.9rem}#fgDone a{font-weight:700}#fgModal{position:fixed;inset:0;z-index:60;background:#1111118c;display:flex;align-items:center;justify-content:center;padding:1rem}#fgModal[hidden]{display:none}.fg-modalcard{position:relative;background:var(--paper);border:3px solid var(--ink);border-top:10px solid var(--banana);box-shadow:8px 8px 0 var(--ink);max-width:360px;width:100%;padding:1.1rem 1.2rem;transform:rotate(-.6deg)}.fg-modalcard h3{margin:0 0 .4rem;padding-right:2.6rem}.fg-modalcard p{margin:0 0 .9rem;line-height:1.5;font-size:.92rem}.fg-modalnana{position:absolute;top:-34px;right:10px;width:38px;height:auto;image-rendering:pixelated;transform:rotate(6deg)}.fg-modalrow{display:flex;gap:.6rem;flex-wrap:wrap}#fgModalAlt[hidden]{display:none}@media(max-width:919px){.fg-frame canvas{width:48px;height:48px}.fg-panel{padding:.8rem}}