.BentoHowItWorks_sheet__PTJ1D{display:grid;grid-template-rows:22% 57% 21%;width:100%;max-width:252px;aspect-ratio:3/2;overflow:hidden;border:1px solid #ffffff35;border-radius:3px;background:#202022}.BentoHowItWorks_wordmark__gGDCV{display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:1px solid #ffffff25;font:italic 700 17px Georgia,serif;color:#dedede}.BentoHowItWorks_wordmark__gGDCV>span{width:12%;height:1px;background:#71c8d6}.BentoHowItWorks_references__E_ajT{display:grid;grid-template-columns:28% 72%;min-height:0}.BentoHowItWorks_character__oFWxT{display:grid;place-items:center;border-right:1px solid #ffffff25;background:#ffffff06}.BentoHowItWorks_scene__molzr{position:relative;overflow:hidden;background:#29292c}.BentoHowItWorks_storyPrompt__PBMox{position:relative;height:100%;border:1px solid #ffffff26;border-radius:6px;background:#00000020}.BentoHowItWorks_question__F_gts{position:absolute;inset:12px;display:flex;flex-direction:column;justify-content:space-between;opacity:0;animation:BentoHowItWorks_story-question__loX7h 15s linear infinite both}.BentoHowItWorks_questionHeading__Bce5M{display:flex;justify-content:space-between;gap:4px;color:#ffffff75;font-size:10px}.BentoHowItWorks_question__F_gts p{margin:0;color:#dedede;font-size:12px;line-height:1.5}.BentoHowItWorks_answer__OUs8K{height:28px;color:#dedede;font:13px/24px monospace}.BentoHowItWorks_answer__OUs8K>span{display:inline-block;white-space:nowrap;clip-path:inset(0 100% 0 0);animation:BentoHowItWorks_story-type__kMNtL 15s steps(12) infinite both}.BentoHowItWorks_questionSteps__YFLXJ{display:flex;gap:4px}.BentoHowItWorks_questionSteps__YFLXJ span{width:22px;height:2px;background:#ffffff20}.BentoHowItWorks_questionSteps__YFLXJ [data-complete=true]{background:#71c8d6}.BentoHowItWorks_storyStatic__ogHJ5{display:none;margin:0;padding:12px;height:100%;flex-direction:column;justify-content:space-between}.BentoHowItWorks_storyStatic__ogHJ5 dt{font-size:10px;color:#ffffff75}.BentoHowItWorks_storyStatic__ogHJ5 dd{margin:2px 0 0;font-size:12px;color:#dedede}.BentoHowItWorks_storyName__OrGMH{font:inherit;animation:BentoHowItWorks_story-name__uzt1S 6s ease-in-out infinite}.BentoHowItWorks_storyCharacter__EisWu{position:relative;width:100%;height:100%;animation:BentoHowItWorks_story-character__025Ia 6s ease-in-out infinite}.BentoHowItWorks_storyTheme__1XiRu{animation:BentoHowItWorks_story-theme___LfXY 6s ease-in-out infinite}.BentoHowItWorks_scene__molzr>.BentoHowItWorks_storyTheme__1XiRu{position:absolute;inset:0}.BentoHowItWorks_scene__molzr small,.BentoHowItWorks_storyCharacter__EisWu small{position:absolute;bottom:3px;left:0;width:100%;text-align:center;font:6px/1.2 sans-serif;color:#dedede}.BentoHowItWorks_characterImage__Rno2J,.BentoHowItWorks_sceneImage__rx3Ht{position:absolute;inset:0;width:100%;height:calc(100% - 12px);-o-object-fit:contain;object-fit:contain;background:#1c1c1c}@keyframes BentoHowItWorks_story-question__loX7h{0%,33%,to{opacity:0;transform:translateY(4px)}3%,30%{opacity:1;transform:translateY(0)}}@keyframes BentoHowItWorks_story-type__kMNtL{0%,7%{clip-path:inset(0 100% 0 0)}17%,to{clip-path:inset(0)}}@keyframes BentoHowItWorks_story-name__uzt1S{0%,to{opacity:0}6%,96%{opacity:1}}@keyframes BentoHowItWorks_story-character__025Ia{0%,6%,to{opacity:0;transform:translateY(4px)}12%,96%{opacity:1;transform:translateY(0)}}@keyframes BentoHowItWorks_story-theme___LfXY{0%,12%,to{opacity:0}18%,96%{opacity:1}}.BentoHowItWorks_palette__E37D_{display:flex;align-items:center;justify-content:center;gap:7%;border-top:1px solid #ffffff25}.BentoHowItWorks_palette__E37D_>div{width:15%;text-align:center}.BentoHowItWorks_swatch__zN6kV{display:block;height:9px;border:1px solid #ffffff40;animation:BentoHowItWorks_palette-breathe__JuML2 5s ease-in-out infinite}.BentoHowItWorks_palette__E37D_ small{display:block;margin-top:2px;font:5px monospace;color:#ffffff80}.BentoHowItWorks_assetDemo__nPX_7{position:relative;display:grid;grid-template-rows:124px 32px;gap:12px;height:168px;max-width:252px;margin:auto}.BentoHowItWorks_assetChoices__BM949{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:5px}.BentoHowItWorks_chip__vDcdc{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid #ffffff33;border-radius:6px;background:#ffffff08;color:#ffffffbf;font-size:10px;line-height:14px}.BentoHowItWorks_assetFill__HL1DB{position:absolute;inset:0;background:#71c8d640;transform-origin:left;animation:BentoHowItWorks_asset-fill__1tyAi 8s linear infinite}.BentoHowItWorks_assetName__2Co5R{position:relative}.BentoHowItWorks_chip__vDcdc:nth-child(-n+3) .BentoHowItWorks_assetName__2Co5R{animation:BentoHowItWorks_asset-name__QNZh0 8s step-end infinite}.BentoHowItWorks_assetPercent__B9ybw{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;font-variant-numeric:tabular-nums}.BentoHowItWorks_assetPercent__B9ybw[data-asset-percent="0"]{animation:BentoHowItWorks_percent-zero__qBSkI 8s step-end infinite}.BentoHowItWorks_assetPercent__B9ybw[data-asset-percent="50"]{animation:BentoHowItWorks_percent-half__3wd_S 8s step-end infinite}.BentoHowItWorks_assetPercent__B9ybw[data-asset-percent="100"]{animation:BentoHowItWorks_percent-full__5_KbF 8s step-end infinite}.BentoHowItWorks_chip__vDcdc:first-child{animation:BentoHowItWorks_select-first__9tTVg 8s step-end infinite}.BentoHowItWorks_chip__vDcdc:nth-child(2){animation:BentoHowItWorks_select-second__Er4iI 8s step-end infinite}.BentoHowItWorks_chip__vDcdc:nth-child(3){animation:BentoHowItWorks_select-third__x0Mkb 8s step-end infinite}.BentoHowItWorks_createAssets__etAPR{position:relative;border:1px solid #71c8d680;border-radius:6px;background:#71c8d617;color:#b2dce3;animation:BentoHowItWorks_create-press__R9i9w 8s ease-in-out infinite}.BentoHowItWorks_createLabel__SVH9D{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;font-size:11px;font-weight:500}.BentoHowItWorks_createLabel__SVH9D:first-child{animation:BentoHowItWorks_count-zero__qR0zf 8s step-end infinite}.BentoHowItWorks_createLabel__SVH9D:nth-child(2){animation:BentoHowItWorks_count-one__upig8 8s step-end infinite}.BentoHowItWorks_createLabel__SVH9D:nth-child(3){animation:BentoHowItWorks_count-two__Wb__Q 8s step-end infinite}.BentoHowItWorks_createLabel__SVH9D:nth-child(4){animation:BentoHowItWorks_count-three___ZTdO 8s step-end infinite}.BentoHowItWorks_creatingStatus__U69T9{animation:BentoHowItWorks_assets-creating__RDSiq 8s step-end infinite}.BentoHowItWorks_doneStatus__6MptE{gap:6px;opacity:1;animation:BentoHowItWorks_assets-done__sIy8n 8s step-end infinite}.BentoHowItWorks_assetCursor___d_Pd{position:absolute;width:14px;height:14px;color:#dedede;opacity:0;pointer-events:none;transform-origin:top left;animation:BentoHowItWorks_pick-assets__xbhyq 8s ease-in-out infinite,BentoHowItWorks_asset-click__4_QjZ 8s ease-in-out infinite}.BentoHowItWorks_source___20Mb{animation:BentoHowItWorks_source-in__dEmcu 6s ease-in-out infinite}.BentoHowItWorks_ready__b7pbH{animation:BentoHowItWorks_palette-breathe__JuML2 6s ease-in-out infinite}.BentoHowItWorks_cutoutPreview__VjRdk{position:relative;height:100%;overflow:hidden;border:1px solid #ffffff1f;border-radius:6px;background:#242426}.BentoHowItWorks_cutoutTitle__Jq5NK{position:absolute;inset:0 55% 0 10px;display:flex;flex-direction:column;justify-content:center;gap:12px;color:#dedede;font-size:14px;font-weight:600;line-height:1.3}.BentoHowItWorks_titleRule__N4M8B{width:22px;height:2px;background:#71c8d6}.BentoHowItWorks_cutoutArea__XUAnb{position:absolute;inset:24px 12px 24px 49%;border-radius:14px;background:repeating-conic-gradient(#ffffff0c 0 25%,transparent 0 50%) 0 0 /12px 12px;animation:BentoHowItWorks_round-cutout__KzyhX 8s ease-in-out infinite}.BentoHowItWorks_cutoutFill__1nR40{position:absolute;inset:0;border-radius:inherit;background:#242426;opacity:0;animation:BentoHowItWorks_remove-fill__h7ija 8s ease-in-out infinite}.BentoHowItWorks_cutoutSelection__h6Df2{position:absolute;inset:0;border-radius:inherit;border:1px dashed #71c8d6;transform-origin:top left;animation:BentoHowItWorks_draw-cutout__zWco_ 8s ease-in-out infinite}.BentoHowItWorks_cutoutSelection__h6Df2 i{position:absolute;width:4px;height:4px;background:#dedede;border:1px solid #71c8d6}.BentoHowItWorks_cutoutSelection__h6Df2 i:first-child{left:-2px;top:-2px}.BentoHowItWorks_cutoutSelection__h6Df2 i:nth-child(2){right:-2px;top:-2px}.BentoHowItWorks_cutoutSelection__h6Df2 i:nth-child(3){right:-2px;bottom:-2px}.BentoHowItWorks_cutoutSelection__h6Df2 i:nth-child(4){left:-2px;bottom:-2px}.BentoHowItWorks_radiusHandle__Z0knn{position:absolute;right:5px;top:5px;width:5px;height:5px;border:1px solid #dedede;border-radius:50%;background:#71c8d6;opacity:0;animation:BentoHowItWorks_radius-handle__nrSPc 8s ease-in-out infinite}.BentoHowItWorks_cutoutCursor__2L5lY{position:absolute;width:12px;height:12px;color:#dedede;opacity:0;animation:BentoHowItWorks_drag-cutout__c5HWf 8s ease-in-out infinite}@keyframes BentoHowItWorks_remove-fill__h7ija{0%,28%,to{opacity:1}42%,90%{opacity:0}}@keyframes BentoHowItWorks_round-cutout__KzyhX{0%,48%,to{border-radius:0}65%,90%{border-radius:14px}}@keyframes BentoHowItWorks_radius-handle__nrSPc{0%,34%,78%,to{opacity:0;right:5px;top:5px}42%,48%{opacity:1;right:5px;top:5px}65%,70%{opacity:1;right:14px;top:14px}}@keyframes BentoHowItWorks_draw-cutout__zWco_{0%,8%,to{transform:scale(.03);opacity:0}12%{transform:scale(.03);opacity:1}28%,90%{transform:scale(1);opacity:1}97%{transform:scale(1);opacity:0}}@keyframes BentoHowItWorks_drag-cutout__c5HWf{0%,8%,to{left:49%;top:24px;opacity:0}12%{left:49%;top:24px;opacity:1}28%,34%{left:calc(100% - 13px);top:calc(100% - 25px);opacity:1}42%,48%{left:calc(100% - 20px);top:31px;opacity:1}65%,70%{left:calc(100% - 29px);top:40px;opacity:1}78%,97%{left:calc(100% - 29px);top:40px;opacity:0}}@keyframes BentoHowItWorks_palette-breathe__JuML2{0%,to{opacity:.6}35%,65%{opacity:1}}@keyframes BentoHowItWorks_select-first__9tTVg{0%,to{border-color:#ffffff33;background:#ffffff08;color:#ffffffbf}10%{border-color:#71c8d699;background:#71c8d614;color:#a8dce4}}@keyframes BentoHowItWorks_select-second__Er4iI{0%,to{border-color:#ffffff33;background:#ffffff08;color:#ffffffbf}23%{border-color:#71c8d699;background:#71c8d614;color:#a8dce4}}@keyframes BentoHowItWorks_select-third__x0Mkb{0%,to{border-color:#ffffff33;background:#ffffff08;color:#ffffffbf}36%{border-color:#71c8d699;background:#71c8d614;color:#a8dce4}}@keyframes BentoHowItWorks_count-zero__qR0zf{0%,to{opacity:1}10%{opacity:0}}@keyframes BentoHowItWorks_count-one__upig8{0%,23%,to{opacity:0}10%{opacity:1}}@keyframes BentoHowItWorks_count-two__Wb__Q{0%,36%,to{opacity:0}23%{opacity:1}}@keyframes BentoHowItWorks_count-three___ZTdO{0%,57%,to{opacity:0}36%{opacity:1}}@keyframes BentoHowItWorks_asset-fill__1tyAi{0%,57%,to{transform:scaleX(0)}73%,99.99%{transform:scaleX(1)}}@keyframes BentoHowItWorks_asset-name__QNZh0{0%,to{opacity:1}57%{opacity:0}}@keyframes BentoHowItWorks_percent-zero__qBSkI{0%,65%,to{opacity:0}57%{opacity:1}}@keyframes BentoHowItWorks_percent-half__3wd_S{0%,73%,to{opacity:0}65%{opacity:1}}@keyframes BentoHowItWorks_percent-full__5_KbF{0%,to{opacity:0}73%{opacity:1}}@keyframes BentoHowItWorks_assets-creating__RDSiq{0%,73%,to{opacity:0}57%{opacity:1}}@keyframes BentoHowItWorks_assets-done__sIy8n{0%,to{opacity:0}73%{opacity:1}}@keyframes BentoHowItWorks_pick-assets__xbhyq{0%{left:15%;top:100px;opacity:0}12%,5%{left:25%;top:14px;opacity:1}20%,25%{left:75%;top:14px;opacity:1}33%,38%{left:25%;top:46px;opacity:1}50%,65%{left:50%;top:152px;opacity:1}75%,to{left:65%;top:152px;opacity:0}}@keyframes BentoHowItWorks_asset-click__4_QjZ{0%,12%,21%,25%,34%,38%,55%,59%,8%,to{transform:scale(1)}10%,23%,36%,57%{transform:scale(.75)}}@keyframes BentoHowItWorks_create-press__R9i9w{0%,55%,59%,to{transform:scale(1)}57%{transform:scale(.97)}}@keyframes BentoHowItWorks_source-in__dEmcu{0%,to{opacity:.45;transform:translateY(3px)}20%,80%{opacity:1;transform:translateY(0)}}.BentoHowItWorks_workflow__VnYyH[data-animate=false] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.BentoHowItWorks_workflow__VnYyH *{animation:none!important}.BentoHowItWorks_question__F_gts{display:none}.BentoHowItWorks_storyStatic__ogHJ5{display:flex}.BentoHowItWorks_chip__vDcdc:nth-child(-n+3){border-color:#71c8d699;background:#71c8d614;color:#a8dce4}.BentoHowItWorks_chip__vDcdc:nth-child(-n+3) .BentoHowItWorks_assetName__2Co5R{opacity:0}.BentoHowItWorks_assetPercent__B9ybw[data-asset-percent="100"]{opacity:1}.BentoHowItWorks_cutoutSelection__h6Df2{border-color:#71c8d680}}