*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}html{font-size:62.5%;text-rendering:geometricPrecision}::-webkit-scrollbar{width:0;height:0}body{background:var(--c00);color:var(--c20);overflow:hidden;-ms-overflow-style:none;scrollbar-width:none}ul li{list-style:none}svg{display:flex;fill:none;height:2.4rem;width:2.4rem}svg path{fill:var(--c20)}.path-grey{fill:var(--c50)}a{text-decoration:none;color:var(--c20)}:root{--c10: #f5f5f5;--c20: #e6e6e6;--c30: #d9d9d9;--c40: #b3b3b3;--c50: #757575;--c60: #444444;--c70: #383838;--c80: #2c2c2c;--c90: #1e1e1e;--c00: #111111;--p10: #f5f5ff;--p20: #e6e5ff;--p30: #ceccff;--p40: #b9b8ff;--p50: #3d38f5;--p60: #3b34d5;--p70: #372cc9;--p80: #3927be;--p90: #302579;--p00: #1d1835}@font-face{font-family:SuisseIntl;src:url(/fonts/SuisseIntl.woff2) format("woff2");font-weight:400;font-style:normal}h1,h2,h3,h4,h5,h6,span,p,legend,label,button,input,div,summary,a{font-family:SuisseIntl,sans-serif;font-weight:300}h1{font-size:9.4vw}h2,h3,input{font-size:2.2rem}h4,button,summary{font-size:2rem}@media(max-width:768px){h1{font-size:12.4vw;line-height:12vw}h2,h3,input,h4,button{font-size:1.6rem}}button{align-items:center;background:var(--p60);border:none;color:var(--p20);cursor:pointer;display:flex;justify-content:center;padding:2rem}button:hover{background:var(--p70)}button:focus-visible{outline:0;background:var(--p80)}button:has(svg){border-radius:50%}button svg{pointer-events:none}button:not(:has(svg)){border-radius:8rem;padding:2rem 4rem}.button-secondary{background:var(--c90)}.button-secondary:hover{background:var(--c80)}.button-disabled{background:var(--c70)}.button-disabled:hover{background:var(--c70);cursor:not-allowed}canvas{left:0;height:100svh;position:absolute;top:0;width:100svw}.color-picker{display:block;width:60rem;background:var(--c90);padding:16px;box-sizing:border-box;font-family:monospace;-webkit-user-select:none;user-select:none;position:absolute;bottom:.8rem;left:50%;transform:translate(-50%);z-index:20}.saturation-box{width:100%;height:20rem;position:relative;cursor:crosshair}.saturation-box:before{content:"";position:absolute;inset:0;background:linear-gradient(to right,#fff,transparent)}.saturation-box:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000,transparent)}.saturation-thumb{position:absolute;width:2.2rem;height:2.2rem;border:2px solid white;border-radius:50%;transform:translate(-50%,50%);pointer-events:none;z-index:10}.color-slider{width:100%;height:.2rem;position:relative;cursor:pointer;margin:2rem 0;padding:1.6rem}.hue-slider{background:linear-gradient(to right,red,#ff0 17%,#0f0 33%,#0ff,#00f 67%,#f0f 83%,red)}.slider-thumb{position:absolute;top:50%;width:1.8rem;height:1.8rem;background:var(--c20);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.hex-input{background:var(--c00);color:var(--c50);padding:2rem}details{align-items:center;border:1px solid #ffffff20;cursor:pointer;margin-bottom:1rem}details>summary{list-style:none;padding:1.6rem 2rem}details>summary::-webkit-details-marker{display:none}header{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:2rem;position:fixed;top:0;width:100%;z-index:20}header .actions{display:flex;gap:2rem}.studio-header{justify-content:flex-end}.preview{background:#1e14f00a;border:1px solid var(--p50);position:absolute;top:0;pointer-events:none;right:0;height:0;width:0}.shader-presets{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.shader-cards{display:flex;gap:1rem;overflow-x:scroll}.shader-card{align-items:center;border:1px solid #ffffff20;cursor:pointer;display:flex;flex-direction:column;gap:2rem;padding:2rem;min-width:15rem}.shader-card h4{color:var(--c60)}.shader-card img{aspect-ratio:1 / 1;object-fit:cover;width:4rem}.shader-card.active{border:1px solid var(--c40)}.shader-card.active h4{color:var(--c20)}.ai-shader-card{display:flex;gap:2rem}.ai-shader-input{background:var(--c80);padding:2rem}label{align-items:center;background:var(--c90);gap:.4rem;display:flex;padding:2rem;width:fit-content}::-webkit-input-placeholder{text-rendering:geometricPrecision}label svg{margin:.8rem 0;min-width:fit-content}textarea{font-family:monospace;letter-spacing:.1rem;text-rendering:geometricPrecision;color:var(--c50);min-height:12rem;background:var(--c80);border:none;padding:1.2rem;resize:none;margin-bottom:2rem;width:100%}textarea::selection{background:none}select{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;cursor:pointer;font-family:monospace;letter-spacing:.1rem;text-rendering:geometricPrecision;color:var(--c50);background:var(--c80);border:none;padding:1.2rem;resize:none;width:100%}select:focus-visible{outline:none;border:0}input{background:none;border:none;color:var(--c20);width:100%}input:focus-visible,textarea:focus-visible{outline:none;border:0}input[type=color]{appearance:none;border-radius:50%;height:2.4rem;padding:0;width:2.4rem}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;-webkit-text-fill-color:#ffffff;transition:background-color 5000s ease-in-out 0s;box-shadow:inset 0 0 20px 20px #23232329}.modal{align-items:end;position:fixed;inset:0;display:flex;justify-content:center;padding-bottom:.8rem;z-index:1000}.modal-content{background:var(--c90);padding:2.4rem;min-width:40rem;max-width:60rem;max-height:50vh;overflow-y:scroll;width:90vw}.modal-content footer{display:flex;gap:1.2rem;justify-content:flex-end}.modal-ul{display:flex;flex-direction:column;padding-bottom:4rem}.modal-ul:last-child{padding:0}.modal-ul li{align-items:center;border-bottom:1px solid var(--c80);display:flex;justify-content:space-between;padding:2rem 0}.modal-ul li:first-child{padding:0 0 2rem}.modal-ul li:last-child{border-bottom:0;padding:2rem 0 0}@media(max-width:768px){.modal{padding:2rem}.modal-content{min-width:auto;max-width:100%;width:100%;padding:2rem}}.layers-container{max-height:60vh;overflow-y:auto}.layers-list{display:flex;flex-direction:column;gap:.2rem}.layer-item{background:var(--c80);display:flex;align-items:center;cursor:grab}.layer-actions button{background:var(--c80);opacity:.6}.layer-actions button:hover{opacity:1}.layer-item:hover{background:var(--c80)}.layer-item.dragging{opacity:.2;cursor:grabbing}.layer-order{flex-shrink:0;padding:1.2rem;opacity:.5}.layer-name{flex:1}.layer-actions{display:flex;align-items:center;gap:.8rem}.layers-empty{text-align:center;padding:2rem}@media(max-width:768px){.layers-content{min-width:auto;max-width:100%;width:100%}.layer-item{padding:1rem;gap:.8rem}}.onboarding{align-items:flex-end;-webkit-backdrop-filter:blur(4rem);backdrop-filter:blur(4rem);position:fixed;inset:0;display:flex;justify-content:center;z-index:1000}.onboarding-content{background:var(--c90);padding:2.4rem 0;min-width:40rem;max-height:50vh;width:100vw}.onboarding-content h2{padding:0 2rem 2rem}.onboarding-ul{display:flex;gap:.8rem;overflow-x:scroll}.onboarding-ul li{aspect-ratio:3 / 4;background:var(--c00);display:flex;gap:2rem;flex-direction:column;padding:2rem;min-width:20vw;width:40vw}.onboarding-ul li:first-child{margin-left:2rem}.onboarding-ul li:last-child{margin-right:2rem}.onboarding ul li h3{color:var(--c60)}@media(max-width:768px){.onboarding{padding:2rem}.onboarding-content{min-width:auto;max-width:100%;width:100%;padding:2rem}}.toast{background:var(--p50);left:50%;top:2rem;transform:translate(-50%);padding:2rem;position:fixed;z-index:20}.uploading{left:2rem;top:2rem;padding:2rem;position:fixed;z-index:20}.uploading svg{animation:spin 3s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home{height:100svh;width:100svw;z-index:20}.home aside{align-items:center;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);padding:2rem;width:100%;z-index:20}.home aside h1{margin-bottom:1.2rem}.home aside h1,.home aside h3{text-align:center}.home aside button{margin-top:2.2rem}.dashboard{height:100svh;width:100svw;z-index:20}.dashboard aside{align-items:center;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);padding:2rem;width:100%;z-index:20}.dashboard aside label{width:100%}.dashboard aside ul{background:var(--c90);width:100%}.dashboard aside ul li{align-items:center;display:flex;gap:2rem;justify-content:space-between;padding:2rem;width:100%}.dashboard aside ul li section{display:flex}.dashboard aside ul li:hover{cursor:pointer}.dashboard aside ul li a{align-items:center;display:flex;justify-content:space-between;padding:2rem;width:100%}.dashboard aside ul li a:hover{cursor:pointer}.dashboard aside ul li a h3{border-bottom:1px solid white}@media(max-width:768px){.dashboard aside ul li{align-items:normal;flex-wrap:wrap;flex-direction:column;gap:0;padding:0}}.notfound{height:100svh;width:100svw;z-index:20}.notfound aside{align-items:center;display:flex;flex-direction:column;position:fixed;top:50%;left:50%;transform:translate3d(-50%,-50%,0);padding:2rem;width:100%;z-index:20}.notfound aside button{margin-top:2.2rem}nav{background:var(--c90);border-radius:12rem;display:flex;gap:.4rem;padding:.8rem;position:fixed;bottom:.8rem;left:50%;transform:translate3d(-50%,0,0);z-index:10}menu{background:var(--c90);bottom:.8rem;border-radius:12rem;display:flex;gap:.4rem;padding:.8rem;left:50%;transform:translate3d(-50%,0,0);position:fixed;width:fit-content;z-index:20}