span[data-astro-cid-qgfgfo6o]{display:grid;gap:1rem}@media (min-width: 769px){span[data-astro-cid-qgfgfo6o]{display:inline-grid;grid-template-columns:auto auto;gap:2rem}}.simulated-design-app-wrapper{position:relative}.simulated-design-app-wrapper .hidden-content{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;padding:4rem}.simulated-design-app-wrapper .hidden-content a{color:#fff;text-decoration:underline}.simulated-design-app-wrapper .hidden-content small{font-size:40%}.simulated-design-app-wrapper .hidden-content .loading:after{content:".";animation:ellipsis 1s infinite}.simulated-design-app{box-shadow:0 3px #0003,0 0 20px #00000040;position:relative;display:flex;flex-direction:column;border-radius:8px;cursor:url(/assets/images/fauxtoshop-cursor-default.png),auto;user-select:none;-webkit-user-select:none}@media (max-width: 767px){.simulated-design-app{margin-left:1rem;margin-right:1rem}}.simulated-design-app.enter-done{opacity:0;z-index:-1;pointer-events:none;visibility:hidden}.simulated-design-app.enter-active{transform-origin:calc(100% - 8px) 8px;pointer-events:none;animation-name:swing-down,drop;animation-duration:3s,.3s;animation-delay:0ms,.8s;animation-fill-mode:forwards,forwards;animation-timing-function:cubic-bezier(.445,.05,.55,.95),cubic-bezier(.5,0,1,.5)}@keyframes swing-down{0%{transform:rotate(0)}10.00%{transform:rotate(-115.92deg)}20.00%{transform:rotate(-78.48deg)}30.00%{transform:rotate(-94.08deg)}40.00%{transform:rotate(-87.43deg)}50.00%{transform:rotate(-91.49deg)}60.00%{transform:rotate(-89.24deg)}70.00%{transform:rotate(-90.32deg)}80.00%{transform:rotate(-89.9deg)}90.00%{transform:rotate(-90.01deg)}100.00%{transform:rotate(-90deg)}}@keyframes drop{0%{transform:translatY(0vh)}90%{opacity:1}to{opacity:0;transform:translateY(200vh) rotate(-120deg)}}.simulated-design-app .header{width:100%;height:32px;flex-shrink:0;background-color:#f0f0f0;display:flex;align-items:center;overflow:hidden;border-radius:8px 8px 0 0}.simulated-design-app .canvas{height:100%;width:100%;border:1px solid #ccc;padding:32px;background-color:#fff;color:#333;background-image:linear-gradient(45deg,#f0f0f0 25%,transparent 25%),linear-gradient(-45deg,#f0f0f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f0f0f0 75%),linear-gradient(-45deg,transparent 75%,#f0f0f0 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;position:relative;user-select:none;cursor:url(/assets/images/fauxtoshop-cursor-marquee.png) 14 14,auto}.simulated-design-app .close-button{border:0;background-color:transparent;outline:0;appearance:none;height:32px;width:32px;padding:8px}.simulated-design-app .close-button>span{display:block;position:relative;height:16px;width:16px;background-color:#ff3062;border-radius:16px;pointer-events:all;border:0;outline:0;cursor:url(/assets/images/fauxtoshop-cursor-pointer.png) 12 0,auto}.simulated-design-app .close-button>span:active{background-color:#c11f4d}.simulated-design-app .close-button>span:before,.simulated-design-app .close-button>span:after{content:"";display:block;height:8px;width:2px;background-color:#fff;position:absolute;top:4px;left:7px}.simulated-design-app .close-button>span:before{transform:rotate(45deg)}.simulated-design-app .close-button>span:after{transform:rotate(-45deg)}.simulated-design-app .footer{width:100%;font-size:10px;color:#555;background-color:#f0f0f0;display:flex;flex-direction:row;user-select:none;height:16px;overflow:hidden;border-radius:0 0 8px 8px}.simulated-design-app .footer a{cursor:url(/assets/images/fauxtoshop-cursor-pointer.png) 12 0,auto}.simulated-design-app .app-name{background-color:#f0f0f0;border-right:1px solid #ccc;padding-left:8px;padding-right:8px;font-weight:700}.simulated-design-app .explanation{padding-left:8px;padding-right:8px}.interface-manager-selection{cursor:url(/assets/images/fauxtoshop-cursor-move.png) 0 0,auto}.demo-click{height:16px;width:16px;position:fixed;transform:translate(-8px,-8px);pointer-events:none;z-index:1}.demo-click:before,.demo-click:after{opacity:0}.demo-click.enter:before,.demo-click.enter:after{position:absolute;display:block;content:"";height:100%;width:100%;top:0;left:0;box-sizing:border-box;border-radius:16px}.demo-click.enter:before{border:1px solid #ff3062;opacity:.5}.demo-click.enter:after{background-color:#5c3ecc;transform:scale(.5);opacity:1}.demo-click.enter-active:before{transition:transform .5s .1s,opacity .3s .3s;transform:scale(3);opacity:0}.demo-click.enter-active:after{transition:transform .5s,opacity .1s .2s;transform:scale(1.5);opacity:0}@keyframes ellipsis{0%{content:".  "}33.3%{content:".. "}66.6%{content:"..."}0%{content:".  "}}.guideguide-theme .tooltipped .tooltip{font-size:10px!important}[data-astro-cid-uqtojhzm][data-guideguide-placeholder]{border:1px solid #ccc;border-radius:3px;overflow:hidden;box-shadow:0 3px #0003,0 0 20px #00000040;display:flex;flex-direction:column;position:relative;background-color:#f0f0f0;width:256px;min-height:250px;opacity:0;visibility:hidden;transition:visibility 0s,opacity .3s;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-with-guideguide[data-astro-cid-uqtojhzm]{position:relative;z-index:10}.hero-with-guideguide[data-astro-cid-uqtojhzm] .content-column[data-astro-cid-uqtojhzm],.hero-with-guideguide[data-astro-cid-uqtojhzm] .guideguide-column[data-astro-cid-uqtojhzm]{justify-content:center}.hero-with-guideguide[data-astro-cid-uqtojhzm] .wrapper[data-astro-cid-uqtojhzm]{position:relative}.hero-with-guideguide[data-astro-cid-uqtojhzm] .simulated-design-app{z-index:1}.hero-with-guideguide[data-astro-cid-uqtojhzm] a{position:relative;z-index:10;pointer-events:all;cursor:url(/assets/images/fauxtoshop-cursor-pointer.png) 12 0,auto}@media (max-width: 767px){.hero-with-guideguide[data-astro-cid-uqtojhzm] .content-column[data-astro-cid-uqtojhzm]{order:1;margin-bottom:2rem;position:sticky;top:2rem}.hero-with-guideguide[data-astro-cid-uqtojhzm] .guideguide-column[data-astro-cid-uqtojhzm]{order:2}}@media (min-width: 769px){.hero-with-guideguide[data-astro-cid-uqtojhzm]{display:grid;gap:2rem}.hero-with-guideguide[data-astro-cid-uqtojhzm] .content-column[data-astro-cid-uqtojhzm]{order:1}.hero-with-guideguide[data-astro-cid-uqtojhzm] .guideguide-column[data-astro-cid-uqtojhzm]{order:2}}@media (min-width: 769px){.hero-with-guideguide[data-astro-cid-uqtojhzm]{grid-template-columns:1fr 1fr;gap:4rem}.content-column[data-astro-cid-uqtojhzm]{display:flex}.content-column[data-astro-cid-uqtojhzm],.guideguide-column[data-astro-cid-uqtojhzm]{flex-direction:column;justify-content:flex-start}}@media (min-width: 993px){.hero-with-guideguide[data-astro-cid-uqtojhzm]{grid-template-columns:3fr 2fr}.content-column[data-astro-cid-uqtojhzm],.guideguide-column[data-astro-cid-uqtojhzm]{grid-column-end:span 1}}.guideguide-column[data-astro-cid-uqtojhzm]{display:flex;position:relative;justify-content:center;align-items:center}.guideguide-wrapper[data-astro-cid-uqtojhzm]{border:1px solid #ccc;border-radius:3px;overflow:hidden;box-shadow:0 3px #0003,0 0 20px #00000040;display:flex;flex-direction:column;position:relative;background-color:#f0f0f0;width:256px;min-height:250px;opacity:0;visibility:hidden;transition:visibility 0s,opacity .3s;z-index:1}.guideguide-wrapper[data-astro-cid-uqtojhzm].is-visible{opacity:1;visibility:visible}.guideguide-wrapper[data-astro-cid-uqtojhzm] .guideguide-theme{height:calc(100% - 5px)!important}.guideguide-wrapper[data-astro-cid-uqtojhzm]:before{display:block;content:"";background:#dbdbdb;height:4px;border-bottom:1px solid #ccc;flex-shrink:0;flex-grow:0}.guideguide-wrapper[data-astro-cid-uqtojhzm] p,.guideguide-wrapper[data-astro-cid-uqtojhzm] code,.guideguide-wrapper[data-astro-cid-uqtojhzm] h1,.guideguide-wrapper[data-astro-cid-uqtojhzm] h2,.guideguide-wrapper[data-astro-cid-uqtojhzm] h3,.guideguide-wrapper[data-astro-cid-uqtojhzm] h4,.guideguide-wrapper[data-astro-cid-uqtojhzm] h5,.guideguide-wrapper[data-astro-cid-uqtojhzm] h6{all:revert}.guideguide-wrapper[data-astro-cid-uqtojhzm] p{margin-top:0}.guideguide-wrapper[data-astro-cid-uqtojhzm].demo-is-playing .has-error .error{display:none}.guideguide-wrapper[data-astro-cid-uqtojhzm].demo-is-playing .action-bar .action-button:disabled{transition:border 30s,color 30s,background-color 30s}.guideguide-loading[data-astro-cid-uqtojhzm]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:3px dashed rgba(255,255,255,.3);border-radius:1rem;font-size:1.75rem;padding:2rem;box-sizing:border-box;transition:opacity .3s;z-index:-1}.guideguide-loading[data-astro-cid-uqtojhzm] p[data-astro-cid-uqtojhzm]{margin:0}@keyframes loading-fade{0%{opacity:0}25%{opacity:1}50%{opacity:1}75%{opacity:0}to{opacity:0}}.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].t,.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].b,.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].l,.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].r{display:block;position:absolute;height:2px;width:2px;background-color:#3fde76;animation-name:loading-fade;animation-duration:2s;animation-fill-mode:both;animation-iteration-count:infinite;animation-timing-function:linear;will-change:opacity}.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].t,.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].b{left:0;width:100%}.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].l,.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].r{top:0;height:100%}.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].t{top:2rem;animation-delay:.25s}.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].r{right:2rem;animation-delay:.5s}.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].b{bottom:2rem;animation-delay:.75s}.guideguide-loading[data-astro-cid-uqtojhzm] span[data-astro-cid-uqtojhzm].l{left:2rem;animation-delay:1s}div[data-astro-cid-wvsgvdoc]:hover .guide{opacity:.25}.sketch[data-astro-cid-zga66gkm]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-zga66gkm]{fill:#eee}}.guide[data-astro-cid-zga66gkm]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.sketch[data-astro-cid-e5qbtnxw]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-e5qbtnxw]{fill:#eee}}.guide[data-astro-cid-e5qbtnxw]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.sketch[data-astro-cid-ij3pzffj]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-ij3pzffj]{fill:#eee}}.guide[data-astro-cid-ij3pzffj]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.sketch[data-astro-cid-irgyhggg]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-irgyhggg]{fill:#eee}}.guide[data-astro-cid-irgyhggg]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}@media (max-width: 767px){.why-would-you-use-it[data-astro-cid-gb5jxktz]{text-align:center}.why-would-you-use-it[data-astro-cid-gb5jxktz] svg{max-width:256px;display:block;margin-bottom:2rem;margin-left:auto;margin-right:auto}}.photo[data-astro-cid-mbyt5pye] img{width:256px;height:256px;border-radius:50%;display:block;margin-left:auto;margin-right:auto}.sketch[data-astro-cid-ooihfewc]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-ooihfewc]{fill:#eee}}.guide[data-astro-cid-ooihfewc]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.sketch[data-astro-cid-hwacbdcq]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-hwacbdcq]{fill:#eee}}.guide[data-astro-cid-hwacbdcq]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.cleared[data-astro-cid-hwacbdcq]{opacity:.25}.sketch[data-astro-cid-t5aqrnl2]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-t5aqrnl2]{fill:#eee}}.guide[data-astro-cid-t5aqrnl2]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.sketch[data-astro-cid-nyxmbfwh]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-nyxmbfwh]{fill:#eee}}.guide[data-astro-cid-nyxmbfwh]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.a[data-astro-cid-nyxmbfwh]{fill:#ddd}@media (prefers-color-scheme: dark){.a[data-astro-cid-nyxmbfwh]{opacity:.4}}.b[data-astro-cid-nyxmbfwh]{fill:#777}@media (prefers-color-scheme: dark){.b[data-astro-cid-nyxmbfwh]{opacity:.6}}.c[data-astro-cid-nyxmbfwh]{fill:#aaa}@media (prefers-color-scheme: dark){.c[data-astro-cid-nyxmbfwh]{opacity:.8}}.sketch[data-astro-cid-akiufu3p]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-akiufu3p]{fill:#eee}}.guide[data-astro-cid-akiufu3p]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.sketch[data-astro-cid-tgrsvhux]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-tgrsvhux]{fill:#eee}}.guide[data-astro-cid-tgrsvhux]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.sketch[data-astro-cid-w2z3xtjn]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-w2z3xtjn]{fill:#eee}}.guide[data-astro-cid-w2z3xtjn]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.what-can-you-do[data-astro-cid-6lzhn5pj] svg{max-width:256px;display:block;margin-bottom:2rem;margin-left:auto;margin-right:auto}.feature-list[data-astro-cid-6lzhn5pj]{text-align:center;display:flex;flex-wrap:wrap;margin:-2rem;justify-content:center}.feature-list[data-astro-cid-6lzhn5pj]>div[data-astro-cid-6lzhn5pj]{padding:2rem}@media (min-width: 769px){.feature-list[data-astro-cid-6lzhn5pj]>div[data-astro-cid-6lzhn5pj]{width:50%}}@media (min-width: 993px){.feature-list[data-astro-cid-6lzhn5pj]>div[data-astro-cid-6lzhn5pj]{width:33.3%}}.sketch[data-astro-cid-cd45uqei]{fill:gray;filter:url(#pencil);position:relative}@media (prefers-color-scheme: dark){.sketch[data-astro-cid-cd45uqei]{fill:#eee}}.guide[data-astro-cid-cd45uqei]{stroke:#3fde76;fill:none;stroke-width:2px;position:relative;transition:opacity 1s;opacity:1}.sketch[data-astro-cid-cd45uqei]{fill:#ccc}.why[data-astro-cid-lnhfpybd]{display:grid;grid-template-columns:repeat(4,1fr);gap:4rem;align-items:center}.left-hand[data-astro-cid-lnhfpybd]{grid-column:1/span 2}.right-hand[data-astro-cid-lnhfpybd]{grid-column:3/span 2;transform:scaleX(-1)}.content[data-astro-cid-lnhfpybd]{grid-column:1/span 4}@media (min-width: 769px){.left-hand[data-astro-cid-lnhfpybd]{grid-column:span 1}.right-hand[data-astro-cid-lnhfpybd]{grid-column:4/span 1}.content[data-astro-cid-lnhfpybd]{grid-row:1;grid-column:2/span 2}}p a{color:#fff}p a:hover{color:#fff;text-decoration:underline}.platform-list[data-astro-cid-n3ng7puq]{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,64px));gap:1rem}.platform-list[data-astro-cid-n3ng7puq] img{display:block;height:64px;width:64px;max-width:100%;box-shadow:0 3px #0003;border-radius:16px}