*{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}:root{--g0: #090909;--g1: #0e0e0e;--g2: #242424;--g3: #828282;--w1: #f7f8fa;--w2: #ffffff;--b1: #06286e;--b2: #0b40a9}::selection{color:var(--b2);background-color:transparent}::-webkit-scrollbar{display:none}html{font-size:62.5%}body{background:var(--g1);color:var(--w1);overflow:hidden;text-rendering:geometricPrecision}a{text-decoration:none;color:inherit}span{display:block;transform:translate3d(0,105%,0)}h1{font-size:6rem;font-family:monospace;font-weight:200}h2,h3,h4,p,label,a,summary,details{font-size:2rem;font-family:monospace;font-weight:200}input,select{font-size:1.4rem;font-family:monospace;font-weight:200}main{height:100svh;width:100svw}svg path{fill:var(--w1)}ul,ol,li,summary{list-style:none}details{cursor:pointer}button{align-items:center;aspect-ratio:1/1;background:var(--b2);border-radius:50%;border:none;color:var(--w1);cursor:pointer;display:flex;height:8.8rem;justify-content:center;transition:background .3s ease;width:8.8rem}button:hover{background:var(--b1)}button svg{height:2.4rem;width:2.4rem}canvas{height:100svh;left:0;position:fixed;top:0;width:100svw;z-index:-10}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{border:none;-webkit-text-fill-color:var(--w1);-webkit-box-shadow:0;transition:background-color 5000s ease-in-out 0s}input,select{border:none;background:transparent;color:var(--w1)}input:focus-visible,select:focus-visible{background:transparent;outline:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=range]{appearance:none;background:var(--g3);cursor:pointer;height:.1rem;outline:none;padding:0;transition:all .2s ease;width:100%}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--g1);border:.2rem solid var(--g3);border-radius:50%;cursor:pointer;height:2rem;transition:all .2s ease;width:2rem}aside{height:100svh;left:0;overflow:hidden;position:fixed;top:0;width:100svw;z-index:-20}aside img{transform:translate3d(0,105%,0);will-change:transform;width:100%}header{align-items:center;display:flex;justify-content:space-between;margin:4rem auto;top:0;overflow:hidden;padding:0 4rem;position:fixed;width:100%}header h2,header ul{overflow:hidden}header ul li{transform:translate3d(0,105%,0)}.loader{align-items:center;display:flex;margin:4rem;height:8.8rem;position:fixed}.loader h2{overflow:hidden}.loader h2 span{transform:translateZ(0)}.modal{background:var(--g1);bottom:2rem;display:flex;flex-direction:column;gap:2rem;left:50%;max-width:60rem;padding:4rem;position:fixed;transform:translate3d(-50%,0,0);word-wrap:break-word}.modal ul{display:flex;gap:2rem}.toast{background:var(--b1);left:50%;max-width:35rem;padding:2rem;position:fixed;opacity:0;top:2rem;transform:translate3d(-50%,0,0);word-wrap:break-word}.dashboard{display:flex;gap:2rem;overflow:scroll hidden;padding:4rem;position:fixed;transform:translateY(-50%);top:50%;width:100%}.dashboard .posters-list{display:flex;gap:.8rem;transform:translate3d(0,110%,0)}.dashboard .posters-list form,.dashboard .posters-list a{aspect-ratio:3/4;display:flex;width:30rem}.dashboard .posters-list .poster{align-items:flex-end;background:#ffffff70;-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);flex-direction:column;justify-content:space-between;padding:3.2rem}.dashboard .posters-list span{overflow-wrap:break-word;transform:translateZ(0);width:100%}.dashboard .posters-list .poster-create{align-items:flex-end;aspect-ratio:3/4;background:var(--g1);display:flex;flex-direction:column;justify-content:space-between}.dashboard .posters-list .poster-create input{width:100%}.dashboard .posters-list .poster-create button{margin:0 3.2rem 3.2rem 0}.home{align-items:center;display:flex;flex-direction:column;gap:2rem;left:50%;position:fixed;transform:translate3d(-50%,-50%,0);top:50%;width:100%}.home h1,.home h2{overflow:hidden;text-align:center;text-wrap:balance}.notfound{align-items:center;display:flex;flex-direction:column;gap:2rem;left:50%;position:fixed;transform:translate3d(-50%,-50%,0);top:50%;width:100%}.notfound h1,.notfound h2{overflow:hidden;text-align:center;text-wrap:balance}.grid{background:var(--g1);bottom:9rem;left:50%;padding:2rem;position:fixed;transform:translate3d(-50%,0,0);width:max-content}.grid form{display:flex;justify-content:space-between;width:100%}.grid form section{align-items:center;display:flex;gap:2rem;justify-content:space-between}.grid form section:nth-child(2){display:none}.grid form section svg{height:2.4rem;width:2.4rem}.grid form section svg path{fill:var(--w2)}.grid form section label{align-items:center;display:flex;gap:.8rem}.layers-panel{background:var(--g1);color:#fff;position:fixed;right:2rem;top:2rem;width:40rem;z-index:1000}.layers-panel ul li{align-items:center;display:flex;justify-content:space-between;padding:2rem}.layers-panel ul li .layer-order{display:flex}.layers-panel ul li .layer-order li{cursor:pointer;opacity:.4}.layers-panel ul li .layer-order li:hover{opacity:1}.layers-panel ul li .layer-order li svg{transition:opacity .2s ease;width:2rem}.preview{position:fixed;border:.04rem solid var(--w1);pointer-events:none;z-index:1000;display:block}.toolbar{background:var(--g0);right:2rem;position:fixed;top:2rem;width:40rem;z-index:2000}.toolbar ul{width:100%}.toolbar ul li{align-items:center;border-bottom:.04rem solid rgba(255,255,255,.062745098);display:flex;gap:1.4rem;padding:1.4rem}.toolbar ul li input{width:100%}.toolbar ul li:last-child{border-bottom:none}.toolbar ul li svg{height:2rem;width:2rem}