*{box-sizing:border-box;user-select:none;-webkit-user-select:none;font-family:Outfit,sans-serif}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100vh;background-color:#000;font-family:Outfit,sans-serif}#app-container{display:flex;width:100%;height:100%;opacity:1}#intro-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:all;opacity:1}#intro-container .intro-content{display:flex;flex-direction:column;align-items:center;gap:48px}#intro-container .logo-box{background:#fff;padding:1rem;display:flex;align-items:center;justify-content:center;width:auto}#intro-container .logo-box .title-svg{height:90px;display:block}#intro-container .logo-box .title-svg path{fill:#1a1a1a}@media(max-width:768px){#intro-container .logo-box .title-svg{height:120px}}@media(max-width:480px){#intro-container .logo-box .title-svg{height:60px}}#intro-container .subtitle{font-family:ui-monospace,Consolas,Liberation Mono,Menlo,Courier,monospace;color:#e0e0e0;font-size:1.1rem;letter-spacing:.5px;margin:0;text-align:center;padding:0 20px}@media(max-width:480px){#intro-container .subtitle{font-size:.8rem}}#intro-container .throbber-container{height:48px;display:flex;align-items:center;justify-content:center}#intro-container .throbber{width:28px;height:28px;border:3px solid rgba(255,255,255,.2);border-top:3px solid #fff;border-radius:50%;animation:intro-spin 1s linear infinite}@keyframes intro-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes introFadeIn{0%{opacity:0}to{opacity:1}}.fadein{animation:introFadeIn 1s cubic-bezier(.165,.84,.44,1) forwards}#canvas-3d-container{width:100%;height:100%;position:relative;background:#000}canvas{display:block;width:100%!important;height:100%!important;outline:none}:root{--base: #000000;--light: color-mix(in sRGB, var(--base) 40%, #fff);--lighter: color-mix(in sRGB, var(--base) 20%, #fff);--dark: #000;--transparent: rgba(0, 0, 0, 0)}body>div[style*="position:fixed"],body>div[style*="position: fixed"]{transform-origin:top left!important;transform:scale(1)!important;width:auto!important}#ui-controls-wrapper{position:absolute;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:0;z-index:1000;pointer-events:none;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:0;border-radius:32px;border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 40px #0006,0 .25em .5em #0000001a;width:auto;min-width:0;max-width:max-content;overflow:hidden;transition:all .7s cubic-bezier(.165,.84,.44,1)}#ui-controls-wrapper.sliders-active #custom-controls{max-width:0;padding:0;opacity:0;flex:0 0 0;pointer-events:none}#ui-controls-wrapper.sliders-active .divider{display:none}#ui-controls-wrapper{flex-direction:column;align-items:stretch}#ui-controls-wrapper .submenu{display:flex;flex-direction:column;gap:12px;padding:0;max-height:0;opacity:0;overflow:hidden;pointer-events:auto;transition:all .5s cubic-bezier(.165,.84,.44,1);border-bottom:0 solid rgba(255,255,255,.1)}#ui-controls-wrapper .submenu .submenu-row{display:flex;align-items:center;gap:12px;padding:0 20px}#ui-controls-wrapper .submenu .submenu-row .icon,#ui-controls-wrapper .submenu .submenu-row .text-label{flex-shrink:0;opacity:1;color:#fff;width:2.2em;height:2.2em;display:flex;align-items:center;justify-content:center}#ui-controls-wrapper .submenu .submenu-row .text-label{font-size:.75em;font-weight:800;color:#fff;background:#ffffff1a;border-radius:.4em;text-transform:uppercase}#ui-controls-wrapper .submenu .submenu-row input[type=range]{flex-grow:1}#ui-controls-wrapper .submenu .submenu-divider{height:1px;width:calc(100% - 40px);margin:8px auto;background:#ffffff1a}#ui-controls-wrapper.settings-active .submenu#settings-submenu{max-height:400px;opacity:1;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.1)}#ui-controls-wrapper.color-active .submenu#color-submenu{max-height:400px;opacity:1;padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}#ui-controls-wrapper .color-grid-submenu{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(3,1fr);gap:8px;justify-items:center}#ui-controls-wrapper .color-grid-submenu .color-patch{width:1.5em;height:1.5em;aspect-ratio:1/1;flex-shrink:0;border-radius:.4em;cursor:pointer;border:1px solid rgba(255,255,255,.1);transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}#ui-controls-wrapper .color-grid-submenu .color-patch:hover{transform:scale(1.15);border-color:#ffffff80;z-index:2}#ui-controls-wrapper #main-panel-row{display:flex;align-items:center;width:100%}.divider{display:none}#tool-btns-container,#custom-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 12px;flex-shrink:0;pointer-events:auto;transition:all .5s cubic-bezier(.165,.84,.44,1) .2s;overflow:visible;height:auto;align-content:center;position:relative;z-index:2}#tool-btns-container{padding-left:20px;padding-right:14px;grid-template-columns:1fr}#custom-controls{padding-right:20px;padding-left:14px;transition:all .7s cubic-bezier(.165,.84,.44,1);grid-template-columns:repeat(3,1fr)}.toggle-btn,.tool-btn{background:#000;border:.2em solid #333;border-radius:50%;width:3em;height:3em;aspect-ratio:1/1;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000026}.toggle-btn i,.toggle-btn .icon,.toggle-btn span,.tool-btn i,.tool-btn .icon,.tool-btn span{font-size:1.8em;color:#fff;display:flex;align-items:center;justify-content:center;width:1em;height:1em;flex-shrink:0;color:#fff!important;transition:all .35s cubic-bezier(.175,.885,.32,1.275)}.toggle-btn.active,.tool-btn.active{background:#fff!important;border:0 solid #333;box-shadow:0 8px 25px #fff3}.toggle-btn.active i,.toggle-btn.active .icon,.toggle-btn.active span,.tool-btn.active i,.tool-btn.active .icon,.tool-btn.active span{color:#000!important}.toggle-btn.color-swatch-btn,.tool-btn.color-swatch-btn{background-color:var(--smoke-color, #dddddd);border:.15em solid rgba(255,255,255,.5);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.toggle-btn.color-swatch-btn.active,.tool-btn.color-swatch-btn.active{background-color:var(--smoke-color, #dddddd)!important;border-color:#fff;box-shadow:0 0 1.5em var(--smoke-color)}.toggle-btn:hover,.tool-btn:hover{background:#222}.icon{background-color:currentColor;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.icon.icon-360{-webkit-mask-image:url(../svg/360.svg);mask-image:url(../svg/360.svg)}.icon.icon-smoking{-webkit-mask-image:url(../svg/smoking.svg);mask-image:url(../svg/smoking.svg)}.icon.icon-no-smoking{-webkit-mask-image:url(../svg/no_smoking.svg);mask-image:url(../svg/no_smoking.svg)}.icon.icon-noise{-webkit-mask-image:url(../svg/noise.svg);mask-image:url(../svg/noise.svg)}.icon.icon-shadow{-webkit-mask-image:url(../svg/shadow.svg);mask-image:url(../svg/shadow.svg)}.icon.icon-reflect{-webkit-mask-image:url(../svg/reflect.svg);mask-image:url(../svg/reflect.svg)}.icon.icon-bomb{-webkit-mask-image:url(../svg/bomb.svg);mask-image:url(../svg/bomb.svg)}.icon.icon-settings{-webkit-mask-image:url(../svg/settings.svg);mask-image:url(../svg/settings.svg)}.icon.icon-landscape{-webkit-mask-image:url(../svg/landscape.svg);mask-image:url(../svg/landscape.svg)}.icon.icon-mist{-webkit-mask-image:url(../svg/mist.svg);mask-image:url(../svg/mist.svg)}.icon.icon-dissipation{-webkit-mask-image:url(../svg/dissipation.svg);mask-image:url(../svg/dissipation.svg)}.icon.icon-layers{-webkit-mask-image:url(../svg/layers.svg);mask-image:url(../svg/layers.svg)}.icon.icon-close{-webkit-mask-image:url(../svg/close.svg);mask-image:url(../svg/close.svg)}.brush-sliders.hidden{display:none}.brush-sliders{display:flex;flex-direction:row;align-items:center;gap:1.5em;padding:0 1.5em;height:auto;position:relative;z-index:1;pointer-events:auto}.brush-sliders .brush-inputs{display:flex;flex-direction:column;gap:.5em;padding:1em 0}[type=range].kawaii{-moz-appearance:none;appearance:none;-webkit-appearance:none;font-size:12px;width:14em;height:2.6em;background:transparent;border:.4em solid #fff;border-radius:2em;box-shadow:0 0 1em #0001,0 .25em .5em #0001;overflow:hidden;clip-path:inset(0 round 2em);-webkit-clip-path:inset(0 round 2em);cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;display:block}[type=range].kawaii::-webkit-slider-runnable-track{background:radial-gradient(circle at .75em .6em,var(--light) calc(.2em - 1px),rgba(0,0,0,0) .2em),radial-gradient(circle at 1.25em .6em,var(--light) calc(.2em - 1px),rgba(0,0,0,0) .2em),radial-gradient(circle at 5em .6em,var(--light) calc(.2em - 1px),rgba(0,0,0,0) .2em),linear-gradient(var(--light) 0 0) 1.25em .4em/3.75em calc(.4em - .5px) no-repeat,linear-gradient(90deg,var(--base),var(--transparent) 1em),linear-gradient(rgba(0,0,0,0) 70%,var(--dark) 80%),var(--base);border-radius:2em;height:100%;overflow:hidden}[type=range].kawaii::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:1.8em;width:1.8em;color:var(--lighter);background:radial-gradient(circle at .55em .55em,var(--light) calc(.15em - 1px),rgba(0,0,0,0) .15em),linear-gradient(90deg,rgba(0,0,0,0) .55em,var(--base) 0) 0 0/100% 50% no-repeat;border-radius:50%;box-shadow:inset -.4em 0 .4em -.2em var(--base),1em 0 0 .2em,2em 0 0 .2em,3em 0 0 .2em,4em 0 0 .2em,5em 0 0 .2em,6em 0 0 .2em,7em 0 0 .2em,8em 0 0 .2em,9em 0 0 .2em,10em 0 0 .2em,11em 0 0 .2em,12em 0 0 .2em,13em 0 0 .2em,14em 0 0 .2em,15em 0 0 .2em,16em 0 0 .2em,17em 0 0 .2em,18em 0 0 .2em,19em 0 0 .2em}[type=range].kawaii::-moz-range-track{background:radial-gradient(circle at .75em 30%,var(--light) calc(.2em - 1px),rgba(0,0,0,0) .2em),radial-gradient(circle at 1.5em 30%,var(--light) calc(.2em - 1px),rgba(0,0,0,0) .2em),radial-gradient(circle at 5.5em 30%,var(--light) calc(.2em - 1px),rgba(0,0,0,0) .2em),linear-gradient(var(--light) 0 0) 1.5em calc(15% + .18em) /4em calc(.4em - .5px) no-repeat,linear-gradient(90deg,var(--base),var(--transparent) 1em),linear-gradient(var(--transparent) 70%,var(--dark) 80%),var(--base);border-radius:2em;height:100%;overflow:hidden}[type=range].kawaii::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2.2em;width:2.2em;border:0;color:var(--lighter);background:radial-gradient(circle at .75em .6em,var(--light) calc(.2em - 1px),rgba(0,0,0,0) .2em),linear-gradient(90deg,var(--transparent) .75em,var(--base) 0) 0 0/100% 50% no-repeat;border-radius:50%;box-shadow:inset -.5em 0 .5em -.25em var(--base),1em 0 0 .25em,2em 0 0 .25em,3em 0 0 .25em,4em 0 0 .25em,5em 0 0 .25em,6em 0 0 .25em,7em 0 0 .25em,8em 0 0 .25em,9em 0 0 .25em,10em 0 0 .25em,11em 0 0 .25em,12em 0 0 .25em,13em 0 0 .25em,14em 0 0 .25em,15em 0 0 .25em,16em 0 0 .25em,17em 0 0 .25em,18em 0 0 .25em,19em 0 0 .25em}@media(max-width:1024px){#ui-controls-wrapper{font-size:1.25rem;bottom:16px}[type=range].kawaii{width:12em}}