:root{--transition-speed:1s;--transition-ease:cubic-bezier(0.4,0,0.2,1)}.chat-bubble ul{list-style-type:disc}.chat-bubble ol,.chat-bubble ul{margin:.5em 0;padding-left:1.5em}.chat-bubble ol{list-style-type:decimal}.chat-bubble li{margin:.25em 0}.chat-bubble p{margin:.5em 0}.chat-bubble p:first-child{margin-top:0}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble b,.chat-bubble strong{font-weight:700}.chat-bubble em,.chat-bubble i{font-style:italic}.chat-bubble code{background-color:rgba(0,0,0,.1);padding:.1em .3em;border-radius:4px;font-family:monospace;font-size:.9em}.chat-bubble pre{background-color:rgba(0,0,0,.1);padding:.75em;border-radius:8px;overflow-x:auto;margin:.5em 0}.chat-bubble pre code{background-color:transparent;padding:0}.chat-bubble h1,.chat-bubble h2,.chat-bubble h3,.chat-bubble h4,.chat-bubble h5,.chat-bubble h6{font-weight:700;margin:.75em 0 .5em}.chat-bubble h1:first-child,.chat-bubble h2:first-child,.chat-bubble h3:first-child,.chat-bubble h4:first-child,.chat-bubble h5:first-child,.chat-bubble h6:first-child{margin-top:0}.chat-bubble h1{font-size:1.5em}.chat-bubble h2{font-size:1.3em}.chat-bubble h3{font-size:1.15em}.chat-bubble h4{font-size:1.05em}.chat-bubble h5{font-size:1em}.chat-bubble h6{font-size:.95em}.chat-bubble blockquote{border-left:3px solid hsla(0,0%,100%,.3);padding-left:1em;margin:.5em 0;font-style:italic}.chat-bubble hr{border:none;border-top:1px solid hsla(0,0%,100%,.2);margin:1em 0}#chat-log{display:flex;flex-direction:column;gap:25px;padding:40px;width:90%;max-width:800px;margin:0 auto;flex:1;overflow:visible;transition:all var(--transition-speed) var(--transition-ease);position:relative}#create-root.brainstorm-view #chat-log{padding:40px 60px;width:100%;max-width:900px;margin:0 auto;position:relative}@media (min-width:1600px){#create-root.brainstorm-view #chat-log{max-width:1100px}}@media (max-width:1400px){#create-root.brainstorm-view #chat-log{max-width:800px}}@media (max-width:768px){#create-root.brainstorm-view #chat-log{max-width:600px;padding:40px}}#create-root.editor-view #chat-log{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;width:100%;height:100%;padding:45px 15px 0 0;gap:8px;overflow-y:auto;margin:0}#chat-log.initial-centering{justify-content:center;align-items:center;gap:30px;flex-grow:0}.user-message-wrapper{align-self:flex-end;width:fit-content;max-width:75%;display:flex;flex-direction:column;align-items:flex-end;margin-right:0}.chat-bubble{padding:15px 20px;border-radius:30px;line-height:1.5;font-size:1.6rem;animation:bobbing 8s ease-in-out infinite alternate;word-wrap:break-word;border-width:2px;border-style:solid;color:#fff;transform-origin:center bottom;box-shadow:0 0 5px rgba(173,0,255,.35),0 0 10px rgba(173,0,255,.35);transition:font-size var(--transition-speed) var(--transition-ease),padding var(--transition-speed) var(--transition-ease),border-width var(--transition-speed) var(--transition-ease)}#create-root.editor-view .chat-bubble{font-size:1rem;padding:10px 15px;animation-name:editor-bobbing;border-width:3px}.chat-bubble p{margin:0}.user-bubble{border-color:var(--pink);border-top-right-radius:4px;background-color:rgba(255,73,155,.1);animation-delay:-2s;box-shadow:0 0 5px rgba(255,73,155,.35),0 0 10px rgba(255,73,155,.35)}.user-bubble p{white-space:pre-wrap}.ai-bubble{border-color:var(--purple);border-top-left-radius:4px;background-color:rgba(142,36,255,.1);align-self:flex-start;max-width:75%;animation-delay:-5s;box-shadow:0 0 5px rgba(173,0,255,.35),0 0 10px rgba(173,0,255,.35);margin-left:0}#create-root.editor-view .ai-bubble{max-width:90%;margin-left:10px}#create-root.editor-view .user-message-wrapper{max-width:90%}.fluff-message{opacity:.7;font-style:italic;background-color:rgba(142,36,255,.05)!important;border-color:rgba(142,36,255,.3)!important;box-shadow:0 0 3px rgba(173,0,255,.2),0 0 6px rgba(173,0,255,.2)!important;animation-duration:12s;animation-timing-function:ease-in-out;transform:scale(.95)}#create-root.editor-view .fluff-message{opacity:.6;transform:scale(.9)}@keyframes editor-bobbing{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-4px) translateX(2px)}50%{transform:translateY(-1px) translateX(-2px)}75%{transform:translateY(-3px) translateX(1px)}to{transform:translateY(0) translateX(0)}}@keyframes bobbing{0%{transform:translateY(0) translateX(0)}25%{transform:translateY(-10px) translateX(5px)}50%{transform:translateY(-2px) translateX(-5px)}75%{transform:translateY(-8px) translateX(3px)}to{transform:translateY(0) translateX(0)}}@keyframes newBubbleEnterAnimation{0%{transform:scale(.3) translateY(30px);opacity:0}70%{transform:scale(1.05) translateY(0);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}.example-options-container{display:flex;flex-direction:column;align-items:flex-end;gap:10px;width:100%;align-self:flex-end}.example-option-bubble{background-color:var(--pink);color:#fff;border:none;padding:15px 20px;border-radius:30px;line-height:1.5;font-size:1.6rem;max-width:75%;width:fit-content;cursor:pointer;text-align:left;transition:background-color .2s;border-top-right-radius:4px;opacity:0;transform-origin:center bottom}.example-option-bubble:hover{background-color:var(--purple)}.example-option-bubble.visible{opacity:1;animation-name:newBubbleEnterAnimation,bobbing;animation-duration:.5s,8s;animation-delay:0s,.5s;animation-iteration-count:1,infinite;animation-direction:normal,alternate;animation-fill-mode:forwards,normal;animation-timing-function:cubic-bezier(.175,.885,.32,1.275),ease-in-out}.example-option-bubble p{margin:0}.example-option-bubble b,.example-option-bubble strong{font-weight:700}.example-option-bubble em,.example-option-bubble i{font-style:italic}.example-option-bubble code{background-color:hsla(0,0%,100%,.2);padding:.1em .3em;border-radius:4px;font-family:monospace;font-size:.9em}#chat-log::-webkit-scrollbar,.chat-container::-webkit-scrollbar{width:12px}#create-root.brainstorm-view .chat-container{scrollbar-color:#ad00ff rgba(0,0,0,.1)}#chat-log::-webkit-scrollbar{display:none}#chat-log{-ms-overflow-style:none;scrollbar-width:none}.chat-container{width:100%;height:100%;position:relative;display:flex;flex-direction:column}#create-root.brainstorm-view .chat-container{overflow-y:auto;padding-left:0;padding-right:0}#create-root.editor-view .chat-container{flex:1;overflow:visible;background-color:transparent;display:flex;flex-direction:column;min-height:0}.editable-user-bubble{min-height:50px;cursor:text;animation:newBubbleEnterAnimation .5s cubic-bezier(.175,.885,.32,1.275)}.editable-user-bubble:focus{outline:none;border-color:#ff79c6;box-shadow:0 0 7px rgba(255,121,198,.45),0 0 12px rgba(255,121,198,.45)}.editable-user-bubble:empty:before{content:attr(data-placeholder);color:hsla(0,0%,100%,.4);font-style:normal}.loading-dots{display:flex;align-items:center;justify-content:center;height:100%}.loading-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:#ccc;margin:0 2px;animation:dot-blink 1.4s infinite both}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes dot-blink{0%,80%,to{opacity:0}40%{opacity:1}}.game-title-heading{font-weight:900;font-size:calc(1.6rem * 1.5);margin-bottom:12px;color:var(--pink);line-height:1.2;transition:font-size var(--transition-speed) var(--transition-ease)}#create-root.editor-view .game-title-heading{font-size:1.5rem}.create-button{display:block;margin:15px auto 0;padding:10px 20px;font-family:Poppins,sans-serif;font-weight:900;font-size:2.25rem;color:#fff;background-color:var(--pink);border:none;border-radius:50px;cursor:pointer;text-transform:uppercase;transition:all .3s ease-out;box-shadow:0 4px 10px rgba(255,73,155,.3);opacity:1}.create-button:hover{background-color:#ff2b85;transform:translateY(-2px)}.create-button:active{transform:translateY(0)}.create-button.fade-out{opacity:0;transform:scale(.8);pointer-events:none}.chat-bubble img{margin:10px 0;box-shadow:0 2px 8px rgba(0,0,0,.2)}.rounded-lg{border-radius:8px}.my-2{margin-top:.5rem;margin-bottom:.5rem}.astra-container{position:fixed;left:max(20px,calc(50vw - 650px));top:50%;transform:translateY(-50%);width:clamp(120px,15vw,220px);height:clamp(120px,15vw,220px);pointer-events:none;z-index:100;display:flex;align-items:center;justify-content:center}@media (min-width:1600px){.astra-container{left:max(40px,calc(50vw - 750px))}}@media (max-width:1200px){.astra-container{width:clamp(100px,12vw,180px);height:clamp(100px,12vw,180px);left:20px}}@media (max-width:768px){.astra-container{width:90px;height:90px;left:15px}}#create-root.brainstorm-view .chat-container::-webkit-scrollbar{width:12px}#create-root.brainstorm-view .chat-container::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:10px}#create-root.brainstorm-view .chat-container::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#ad00ff,#ff499b);border-radius:10px;border:2px solid rgba(0,0,0,.2)}#create-root.brainstorm-view .chat-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#c233ff,#ff72b8)}#create-root.brainstorm-view .chat-container{scrollbar-width:thin;scrollbar-color:#ad00ff #080020}#astra{position:relative;width:100%;height:100%;object-fit:contain;animation:astra-bobbing 8s ease-in-out infinite alternate;animation-delay:-1s;flex-shrink:0;z-index:10;transition:all .3s ease-out;opacity:0;pointer-events:none;display:none}#astra.visible{opacity:1;display:block}#astra.fade-out{opacity:0;transform:scale(.5) translateY(-50%)}#astra.returning{animation:astra-return .5s ease-out}@keyframes astra-return{0%{opacity:0;transform:translateY(-50%) translateX(-50px) scale(.8)}to{opacity:1;transform:translateY(-50%) translateX(0) scale(1)}}#orbiting-star{position:absolute;width:180%;height:180%;object-fit:contain;z-index:9;display:none;opacity:0;transition:all .3s ease-in-out;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}#orbiting-star.fade-out{opacity:0!important;transform:translate(-50%,-50%) scale(.5)}#chat-log:empty:before{content:"";display:none}#orbiting-star.spinner-visible{display:block}#orbiting-star.spinner-rotating{animation:rotateSpinner 1.5s linear infinite}#orbiting-star.spinner-rotating-reverse{animation:rotateSpinnerReverse 1.5s linear infinite}@keyframes rotateSpinner{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes rotateSpinnerReverse{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes astra-bobbing{0%{transform:translateY(0) translateX(0) rotate(-2deg)}25%{transform:translateY(-10px) translateX(5px) rotate(2deg)}50%{transform:translateY(-2px) translateX(-5px) rotate(-1deg)}75%{transform:translateY(-8px) translateX(3px) rotate(1deg)}to{transform:translateY(0) translateX(0) rotate(0deg)}}.chat-bubble img{max-width:100%;height:auto;border-radius:8px;margin-top:10px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.chat-interface{width:100%;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden}#create-root.brainstorm-view .chat-interface{width:100%}#create-root.editor-view .chat-interface{flex:1;height:100%;min-height:0;overflow:hidden}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.wish-ticker-container{position:absolute;bottom:15%;left:0;width:100%;padding:20px 0;z-index:6;transition:opacity .5s ease-out,transform .5s ease-out}.wish-ticker-container.fade-in{opacity:1;transform:translateY(0)}.wish-ticker-container.fade-out{opacity:0;transform:translateY(20px);pointer-events:none}.wish-ticker-viewport{width:100%;overflow:hidden;position:relative;--fade-width:50px;padding:10px 0}.wish-ticker-viewport:after,.wish-ticker-viewport:before{content:"";position:absolute;top:0;bottom:0;width:var(--fade-width);z-index:2;pointer-events:none}.wish-ticker-viewport:before{left:0;background:linear-gradient(to right,var(--dark-purple),rgba(13,0,43,0))}.wish-ticker-viewport:after{right:0;background:linear-gradient(to left,var(--dark-purple),rgba(13,0,43,0))}.wish-ticker-track{display:flex;width:fit-content;animation:tickerScroll 40s linear infinite;gap:20px}.wish-ticker-track:hover{animation-play-state:paused}.wish-ticker-item{flex-shrink:0;padding:10px 20px;border-radius:20px;border:3px solid #00a8fc;cursor:pointer;background-color:rgba(0,0,52,.5);transition:transform .2s ease-out,background-color .2s ease-out;box-shadow:0 2px 5px rgba(0,168,252,.2);text-align:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:300px;font-family:inherit;color:inherit}.wish-ticker-item:hover{transform:scale(1.03);background-color:rgba(0,168,252,.2)}.wish-text{color:#00a8fc;font-size:1.6rem;line-height:1.5;margin:0 0 4px;font-weight:600}.wish-creator{color:#ff499b;font-size:1.3rem;margin:0;font-weight:900}:root{--text-content-font-family:"Sofia Sans Semi Condensed",Helvetica;--text-content-font-size:24px;--text-content-font-style:normal;--text-content-font-weight:600;--text-content-letter-spacing:0px;--text-content-line-height:normal;--variable-collection-foundation-light:#fff}.work-area{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1000;pointer-events:all;padding:0 20px;box-sizing:border-box}.work-area .overlap{position:absolute;width:640px;height:585px;top:50%;left:50%;transform:translate(-50%,calc(-50% - 120px))}.work-area .image{width:280px;height:280px}.work-area .image,.work-area .img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);mix-blend-mode:screen;object-fit:cover}.work-area .img{width:380px;height:380px;animation:orbitStar 3s linear infinite}.work-area .overlap-group{position:absolute;width:520px;height:76px;top:50%;left:50%;transform:translate(-50%,80px);overflow:hidden;border-radius:40px}.work-area .rectangle{position:absolute;background:linear-gradient(270deg,#ff499b,#6f00e7);border-radius:36px;height:64px;left:4px;top:4px;min-width:64px;transition:width .1s ease-out;overflow:hidden}.work-area .div{position:absolute;border:4px solid #8e24ff;border-radius:40px;box-shadow:0 0 5px rgba(173,0,255,.35),0 0 10px rgba(173,0,255,.35);height:72px;left:0;top:0;width:520px;box-sizing:border-box;overflow:hidden}.work-area .message{font-size:var(--text-content-font-size);font-style:var(--text-content-font-style);font-weight:var(--text-content-font-weight);height:72px;left:53px;letter-spacing:var(--text-content-letter-spacing);line-height:var(--text-content-line-height);top:0;width:414px;display:flex;align-items:center;justify-content:center;z-index:1}.work-area .message,.work-area .sit-tight-message{position:absolute;color:var(--variable-collection-foundation-light);font-family:var(--text-content-font-family);text-align:center;margin:0}.work-area .sit-tight-message{font-size:28px;font-weight:600;top:-80px;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap}@keyframes orbitStar{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@media (max-width:768px){.work-area{padding:0 30px}.work-area .overlap{width:480px;height:440px;transform:translate(-50%,calc(-50% - 140px))}.work-area .image{width:220px;height:220px}.work-area .img{width:300px;height:300px}.work-area .overlap-group{width:calc(100% - 40px);max-width:420px;height:64px;transform:translate(-50%,60px)}.work-area .div{width:100%;height:60px}.work-area .rectangle{height:52px;top:4px;left:4px;min-width:52px;border-radius:30px}.work-area .message{font-size:20px;width:calc(100% - 80px);left:40px;height:60px}.work-area .sit-tight-message{font-size:24px;top:-70px}}@media (max-width:480px){.work-area{padding:0 40px}.work-area .overlap{width:320px;height:300px;transform:translate(-50%,calc(-50% - 100px))}.work-area .image{width:160px;height:160px}.work-area .img{width:220px;height:220px}.work-area .overlap-group{width:calc(100% - 20px);max-width:320px;height:56px;transform:translate(-50%,40px)}.work-area .div{width:100%;height:52px}.work-area .rectangle{height:44px;top:4px;left:4px;min-width:44px;border-radius:26px}.work-area .message{font-size:18px;width:calc(100% - 60px);left:30px;height:52px}.work-area .sit-tight-message{font-size:20px;top:-60px}}:root{--pink:#ff499b;--purple:#8e24ff;--dark-purple:#0d002b}.game-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a,#1a0736);z-index:10}.astra-avatar{width:200px;height:200px;object-fit:contain;margin-bottom:2rem;animation:astra-pulse 3s ease-in-out infinite,astra-float 6s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(255,73,155,.4));transition:all .3s ease-out}.astra-avatar:hover{transform:scale(1.05);filter:drop-shadow(0 0 30px rgba(255,73,155,.6))}.placeholder-text{font-weight:900;font-size:2rem;color:var(--purple);text-align:center;margin-top:1rem}.placeholder-subtext,.placeholder-text{font-family:Sofia Sans Semi Condensed,sans-serif}.placeholder-subtext{font-size:1.25rem;color:#ff499b;margin:0;opacity:.8;animation:fadeInUp 1s ease-out}@keyframes astra-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes astra-float{0%,to{transform:translateY(0) rotate(-2deg)}25%{transform:translateY(-10px) rotate(2deg)}75%{transform:translateY(10px) rotate(-1deg)}}@keyframes text-glow{0%{text-shadow:0 0 20px rgba(255,73,155,.5),0 0 40px rgba(255,73,155,.3)}to{text-shadow:0 0 30px rgba(255,73,155,.7),0 0 60px rgba(255,73,155,.4)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:.8;transform:translateY(0)}}@media (max-width:768px){.astra-avatar{width:150px;height:150px;margin-bottom:1.5rem}.placeholder-text{font-size:1.5rem}.placeholder-subtext{font-size:1rem}}.properties-overlay{position:absolute;top:20px;left:20px;right:20px;z-index:1100;pointer-events:none}.properties-overlay>*{pointer-events:auto}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@900&family=Sofia+Sans+Semi+Condensed:wght@600;700;900&display=swap");.object-panel{position:absolute;top:0;left:0;right:0;bottom:0;z-index:100;pointer-events:none;overflow:visible}.object-panel-wrapper{display:flex;flex-direction:column;max-height:60%;position:relative;margin-top:0}.object-panel-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0d002b;pointer-events:auto}.object-panel-container{background-color:#000;border-radius:16px;margin:0 .75rem;display:flex;flex-direction:column;pointer-events:auto;overflow:hidden;position:relative;z-index:1}.object-panel-gradient{position:absolute;left:0;right:0;bottom:-150px;height:150px;background:linear-gradient(180deg,#0d002b 0,rgba(13,0,43,0));pointer-events:none}.object-panel-content{overflow-y:auto;overflow-x:hidden;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;max-height:calc(60vh - 3rem)}.object-panel-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.object-panel-title{margin:0;font-family:Poppins,Helvetica,sans-serif;font-weight:900;font-size:24px;color:#ff499b;text-transform:uppercase;letter-spacing:0;text-align:center;line-height:1}.object-panel-actions{display:flex;gap:1rem;justify-content:center}.object-panel .icon-button{background:transparent;border:none;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease-out;flex-shrink:0;position:relative;padding:0;opacity:.35}.object-panel .icon-button:not(:disabled){opacity:1}.object-panel .icon-button:hover:not(:disabled){transform:scale(1.05)}.object-panel .icon-button:hover:not(:disabled) svg{filter:drop-shadow(0 0 8px rgba(141,36,254,.6))}.object-panel .icon-button:hover:not(:disabled) svg circle{fill:#8d24fe}.object-panel .icon-button:hover:not(:disabled) svg path{fill:#fff}.object-panel .icon-button:disabled{cursor:not-allowed}.object-panel .icon-button:disabled svg{opacity:.5}.object-panel .icon-button svg{width:48px;height:48px;transition:all .3s ease-out}.object-panel-params{gap:1.5rem;padding-bottom:1.5rem}.object-panel-params,.param-row{display:flex;flex-direction:column}.param-row{gap:.5rem}.param-label{font-size:20px;letter-spacing:0;line-height:normal}.param-input,.param-label{font-family:Sofia Sans Semi Condensed,Helvetica,sans-serif;font-weight:600;color:#fff}.param-input{background-color:hsla(0,0%,100%,.2);border:none;border-radius:128px;padding:.5rem 1.25rem;font-size:18px;width:100%;height:40px;transition:all .3s ease-out;backdrop-filter:blur(10px)}.param-input[type=number]{-moz-appearance:textfield;appearance:textfield}.param-input[type=number]::-webkit-inner-spin-button,.param-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.param-input:focus{outline:none;background-color:hsla(0,0%,100%,.25);box-shadow:0 0 16px rgba(142,36,255,.3)}.param-input::placeholder{color:hsla(0,0%,100%,.5)}.param-color{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:40px;background-color:transparent;border:3px solid #8e24ff;border-radius:128px;cursor:pointer;padding:3px;transition:all .3s ease-out}.param-color:hover{box-shadow:0 0 16px 10px rgba(142,36,255,.35)}.param-color::-webkit-color-swatch-wrapper{padding:0}.param-color::-webkit-color-swatch{border-radius:128px;border:none}.param-color::-moz-color-swatch{border-radius:128px;border:none}.slider-container{display:flex;align-items:center;gap:1.5rem;width:100%;position:relative;padding-top:20px}.modal-slider{flex:1;height:10px;background:hsla(0,0%,100%,.2);border-radius:5px;outline:none;-webkit-appearance:none;appearance:none;position:relative;overflow:visible}.modal-slider::-webkit-slider-runnable-track{height:10px;border-radius:5px;background:linear-gradient(to right,#8e24ff 0,#8e24ff var(--slider-percent),hsla(0,0%,100%,.2) var(--slider-percent))}.modal-slider::-moz-range-track{height:10px;border-radius:5px;background:hsla(0,0%,100%,.2)}.modal-slider::-moz-range-progress{height:10px;background:#8e24ff;border-radius:5px}.modal-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:36px;height:36px;background:#fff;border:3px solid #8e24ff;border-radius:50%;cursor:pointer;margin-top:-13px;box-shadow:0 0 15px rgba(142,36,255,.5);transition:all .3s ease-out}.modal-slider::-webkit-slider-thumb:hover{box-shadow:0 0 25px rgba(142,36,255,.6);transform:scale(1.05)}.modal-slider::-moz-range-thumb{width:36px;height:36px;background:#fff;border:3px solid #8e24ff;border-radius:50%;cursor:pointer;box-shadow:0 0 15px rgba(142,36,255,.5);transition:all .3s ease-out}.modal-slider::-moz-range-thumb:hover{box-shadow:0 0 25px rgba(142,36,255,.6);transform:scale(1.05)}.slider-value{display:none}.param-dropdown{background-color:transparent;border:3px solid #8e24ff;border-radius:128px;color:#fff;font-family:Sofia Sans Semi Condensed,Helvetica,sans-serif;font-size:18px;font-weight:600;height:40px;width:100%;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14' fill='none'%3e%3cpath d='M2 2L10 12L18 2' stroke='%23FFFFFF' stroke-width='3'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1.25rem center;background-size:20px 14px;padding:.5rem 3rem .5rem 1.25rem;transition:all .3s ease-out}.param-dropdown:hover{box-shadow:0 0 16px 10px rgba(142,36,255,.35)}.param-dropdown:focus{outline:none;background-color:rgba(142,36,255,.1)}.param-dropdown option{background-color:#000;color:#fff;font-size:1.125rem;padding:.4rem}.param-checkbox{appearance:none;position:relative;width:56px;height:28px;background-color:hsla(0,0%,100%,.2);border-radius:128px;cursor:pointer;transition:all .3s ease-out;outline:none}.param-checkbox:checked{background-color:#8e24ff}.param-checkbox:after{content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease-out;box-shadow:0 2px 8px rgba(0,0,0,.2)}.param-checkbox:checked:after{left:30px}.param-row:has(.param-checkbox){flex-direction:row;align-items:center;justify-content:space-between}.param-row:has(.param-checkbox) .param-label{margin-bottom:0}.object-panel-content::-webkit-scrollbar{width:12px}.object-panel-content::-webkit-scrollbar-track{background:rgba(142,36,255,.1);border-radius:6px;margin:10px 0}.object-panel-content::-webkit-scrollbar-thumb{background:#8e24ff;border-radius:6px;border:2px solid transparent;background-clip:padding-box}.object-panel-content::-webkit-scrollbar-thumb:hover{background:#ff499b;background-clip:padding-box}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.object-panel{animation:panelSlideIn .4s ease-out}.param-checkbox:focus,.param-color:focus,.param-dropdown:focus,.param-input:focus{box-shadow:0 0 20px 8px rgba(142,36,255,.4)}.object-panel-title{transition:all .3s ease-out}.object-panel-params{max-width:460px;margin:0 auto;width:100%}@media (max-width:768px){.object-panel-title{font-size:28px}.param-label{font-size:24px}.param-dropdown,.param-input{font-size:24px;height:48px}.modal-slider::-moz-range-thumb,.modal-slider::-webkit-slider-thumb{width:42px;height:42px;margin-top:-16px}.object-panel-content{padding:1.5rem}}