.App{text-align:center}.file-drop,.file-drop-target{width:100%;height:100%}.stream-container{position:absolute;top:calc(64px + var(--ai-view-margin-top));left:calc(256px + var(--ai-view-margin-left));right:calc(224px + var(--ai-view-margin-right));bottom:var(--ai-view-margin-bottom);overflow:hidden}.new-property-panels.stream-container{right:calc(256px + var(--ai-view-margin-right))}.new-property-panels.stream-container.is-design-ai{right:calc(50% + var(--ai-view-margin-right) / 2 - var(--ai-view-margin-left) / 2)}.design-ai-container{position:absolute;top:calc(64px + var(--ai-view-margin-top));left:calc(256px + var(--ai-view-margin-left));right:calc(224px + var(--ai-view-margin-right));bottom:var(--ai-view-margin-bottom);overflow:hidden}.new-property-panels.design-ai-container{left:calc(50% - var(--ai-view-margin-right) / 2 + var(--ai-view-margin-left) / 2);right:calc(256px + var(--ai-view-margin-right))}.scene-list-collapsed.design-ai-container{right:var(--ai-view-margin-right)}.printing .stream-container,.printing-dark .stream-container{right:calc(320px + var(--ai-view-margin-right));left:calc(240px + var(--ai-view-margin-left))}.action-bar.stream-container{top:calc(80px + var(--ai-view-margin-top))}.topbar-warning.stream-container{top:calc(68px + var(--ai-view-margin-top))}.interactive-tutorial.stream-container{top:calc(50% + 24px);transform:translateY(-50%);right:418px;left:64px;aspect-ratio:16 / 9;border-radius:16px}.published-ui .stream-container{right:0}.read-only-view .stream-container{inset:48px 0 0}.scene-list-collapsed.stream-container{left:var(--ai-view-margin-left);right:var(--ai-view-margin-right)}.project-preview{position:relative;width:100%;height:100%}.project-preview .stream-container{position:relative;width:100%;height:100%;left:unset;right:unset;top:unset;bottom:unset;border-top-left-radius:unset;border-top-right-radius:unset}.project-tutorial .stream-container{border-radius:12px}.shared-view .stream-container{inset:0}.black-scene-list{display:flex;flex-direction:column}.black-scene-list button{border:1px solid black}.black-scene-list .children-list{display:flex;flex-direction:column;padding-left:1rem}.editor-3d,.mesh-viewer,.nerf-mesh-viewer{position:absolute;inset:0;z-index:1;overflow:hidden;display:flex;justify-content:center;align-items:center;--cc-background: #f5f5f4;--cc-border: #E7E5E4;--cc-button-hover-background: #1C1917;--cc-button-text: #1c1917;--cc-button-hover-text: #fafaf9;--cc-arrow-button-color: #78716c;--cc-arrow-button-hover-background: #d1d5db;--cc-snap-active-background: #3B82F6;--cc-snap-active-color: #fafaf9}.dark .editor-3d{--cc-background: #1C1917;--cc-border: #44403c;--cc-button-hover-background: #fafaf9;--cc-button-text: #fafaf9;--cc-button-hover-text: #1C1917;--cc-arrow-button-color: #a8a29e;--cc-arrow-button-hover-background: #44403c}.editor-3d #webgl-3d-editor,.mesh-viewer #webgl-mesh-viewer,.nerf-mesh-viewer #webgl-nerf-mesh-viewer{position:absolute;margin:auto;min-width:100%;min-height:100%}.editor-3d #cube-canvas{position:absolute;right:32px;top:32px;pointer-events:none;z-index:20}.camera-locked .editor-3d .view-cube-container>div>button,.camera-locked .editor-3d .mode-toggle>div>button,.camera-locked .editor-3d .center-view>button{opacity:.4;pointer-events:none!important}.editor-3d.editor-3d-actionbar #cube-canvas{top:50px}.editor-3d.editor-3d-actionbar{top:40px}.editor-3d .thickness-thermometer{background:linear-gradient(to right,red 0%,yellow 25%,transparent 50%,transparent 100%)}.published-ui .editor-3d #cube-canvas{right:242px}.svg-editor-preview .editor-3d #cube-canvas{right:296px}.project-preview .editor-3d .snap-toggle,.svg-editor-preview .editor-3d .snap-toggle{display:none}.gizmo-input{color:#000;text-align:center;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-size:1.125rem;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;border:1px solid gray;border-radius:.25rem;background:#ffd3d380;pointer-events:none}.gizmo-input:focus{outline:0}.model-selection-box{position:fixed;border:#4f46e590 solid 1px;background:#4f46e540;pointer-events:none}.primitive-drag-holder{position:absolute;inset:0}*:focus{outline:none}.scene-item-dnd{position:relative}.scene-item-dnd:before,.scene-item-dnd:after{content:"";display:block;width:100%;border:none;position:absolute}.scene-item-dnd-top-line:before{content:"";display:block;width:100%;border-bottom:#0EA5E9 2px solid;position:absolute;left:0;top:0}.scene-item-dnd-bottom-line:after{content:"";display:block;width:100%;border-bottom:#0EA5E9 2px solid;position:absolute;left:0;bottom:0}.scene-item-drop-invalid.scene-item-dnd-top-line:before{border-bottom-color:red}.scene-item-drop-invalid.scene-item-dnd-bottom-line:after{border-bottom-color:red}.scene-item-dnd-level-1:before,.scene-item-dnd-level-1:after{margin-left:16px}.scene-item-dnd-level-2:before,.scene-item-dnd-level-2:after{margin-left:32px}.scene-item-dnd-level-3:before,.scene-item-dnd-level-3:after{margin-left:48px}.scene-item-dnd-level-4:before,.scene-item-dnd-level-4:after{margin-left:64px}.scene-item-dnd-level-5:before,.scene-item-dnd-level-5:after{margin-left:80px}.scene-item-dnd-level-6:before,.scene-item-dnd-level-6:after{margin-left:96px}.scene-item-dnd-level-7:before,.scene-item-dnd-level-7:after{margin-left:112px}.scene-item-dnd-level-8:before,.scene-item-dnd-level-8:after{margin-left:128px}.participant-widget{z-index:10;padding:.5rem;border:1px solid #E5E7EB;background:#fff;border-radius:.5rem;pointer-events:auto}.participant-widget>div{display:flex;flex-direction:column;justify-content:center;width:120px}.participant-widget>div .participant-list-container{display:flex;flex-direction:column}.participant-widget>div .participant-list-container>div{height:120px;width:120px}.room-overlay{position:fixed;inset:40px 0 0;pointer-events:none;display:flex;align-items:center;justify-content:center;z-index:1000}.room-overlay.view-only{pointer-events:auto}.reference-panel-container .reference-panel-controls{display:none}.reference-panel-container:hover .reference-panel-controls{display:flex}.reference-panel-gradiant{display:none}.reference-panel-container:hover .reference-panel-gradiant{display:block}.reference-panel-drag-handle,.experimental-panel-drag-handle,.mesh-viewer-panel-drag-handle{cursor:move}.proc-material-editor,.geo-node-editor{font-size:12px;height:100%}.dark .proc-material-editor>div:first-child,.dark .geo-node-editor>div:first-child{color:#fff}.proc-material-editor>div:first-child>button,.geo-node-editor>div:first-child>button{border:1px solid black;border-radius:2px;padding:0 4px}.dark .proc-material-editor>div:first-child>button,.dark .geo-node-editor>div:first-child>button{border-color:#fff}.dark .geo-node-editor>button{color:#fff;border-color:#fff}.proc-node-select select,.geo-node-editor select{color:#000}.proc-material-editor input,.geo-node-editor input{font-size:12px;padding:0 4px;line-height:unset}.proc-material-editor input[type=checkbox],.geo-node-editor input[type=checkbox]{width:24px}.proc-material-editor select,.geo-node-editor select{font-size:12px;padding:0 20px 0 4px;background-position-x:right;line-height:unset}.material-editor>div{border-top:solid 1px #d7d5d4;height:100%}.material-editor>div>div{border-left:solid 1px #d7d5d4}.proc-material-editor .color-field input,.proc-material-editor .vec3-field input,.geo-node-editor .color-field input,.geo-node-editor .vec3-field input{max-width:50px}.modal-dlg *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.text-selectable,.text-selectable *{-webkit-user-select:text!important;-moz-user-select:text!important;user-select:text!important}.is-sticky{width:100%;z-index:999;padding-bottom:20px;box-shadow:0 2px 24px #00000026;background-color:#fff!important;animation:.5s ease-in-out 0s normal none 1 running fadeInDown}.blur-login-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlayActive{z-index:301}.overlay{background:#00000080;position:fixed;width:100%;height:100%;top:0;right:0;z-index:300}.proc-graph-board select,.proc-graph-board input{line-height:1.25rem}.proc-graph-board .w-12{width:4rem}.proc-graph-board .w-24{width:8rem}.womp-minigame .editor-3d #cube-canvas,.womp-minigame2 .editor-3d #cube-canvas{display:none!important}.rotating-border{overflow:hidden;position:relative}.rotating-border:before{content:" ";display:block;position:absolute;width:120%;left:50%;top:50%;aspect-ratio:1/1;background:conic-gradient(#406beb,#fad8fd,#406beb);animation:rotating-border-animation 5s linear infinite;z-index:-1}@keyframes rotating-border-animation{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.announcement-banner-gradient{background:linear-gradient(180deg,#fff0,#fff 63.49%)}.dark .announcement-banner-gradient{background:linear-gradient(180deg,#1a1c2000,#1a1b23 63.49%)}.alternate.announcement-banner-gradient{background:linear-gradient(180deg,#fff0,#fff 38.98%)}.dark .alternate.announcement-banner-gradient{background:linear-gradient(180deg,#1a1c2000,#1a1b23 38.98%)}#timeline-header{color:#fff}.track-outline{display:flex;align-items:center;justify-content:space-between;height:24px;margin-bottom:2px;color:#fff;margin-left:8px;background-color:#252526;font-size:12px}.track-outline button{border:1px solid white;border-radius:9999px;padding:2px;line-height:1;cursor:pointer}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#ffffff80}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#fff3}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff6}.llm-chat-bubble{filter:drop-shadow(0 4px 4px rgba(0,0,0,.5));-webkit-user-select:text;-moz-user-select:text;user-select:text}.llm-chat-bubble *{-webkit-user-select:text;-moz-user-select:text;user-select:text}.dark .llm-chat-bubble{filter:drop-shadow(0 4px 4px rgba(0,0,0,.5))}.geo-node-error{border:2px solid hsl(var(--twc-error) / var(--twc-error-opacity, 1))!important}
