:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}[hidden]{display:none!important}body{margin:0;font-family:Helvetica,Arial,sans-serif;font-size:14px;overflow:hidden}hr{border:0;border-top:1px solid #ccc}.Button{position:relative}.Input{vertical-align:middle}.Input[type=color]::-webkit-color-swatch-wrapper{padding:0}.Input[type=color]::-webkit-color-swatch{border:none}.TextArea{tab-size:4;white-space:pre;word-wrap:normal}.TextArea.success{border-color:#8b8!important}.TextArea.fail{background-color:#ff00000d;border-color:red!important}.TextArea,.Input{outline:none}.Panel{-webkit-user-select:none;user-select:none;-o-user-select:none}.TabbedPanel{-webkit-user-select:none;user-select:none;-o-user-select:none;width:100%;min-width:335px;display:block;position:relative}.TabbedPanel .Tabs{z-index:1;white-space:pre;width:100%;display:block;position:relative;overflow:auto hidden}.TabbedPanel .Tabs::-webkit-scrollbar{background:#eee;height:5px}.TabbedPanel .Tabs::-webkit-scrollbar-thumb{background:#08f3}.TabbedPanel .Tabs:hover::-webkit-scrollbar-thumb{cursor:ew-resize;background:#08f}.TabbedPanel .Tabs .Tab{text-transform:uppercase;padding:10px 9px}.TabbedPanel .Panels{width:100%;display:block;position:absolute;top:36px}.Listbox{color:#444;cursor:default;background-color:#fff;width:100%;min-height:180px;padding:0;font-size:12px;overflow:auto}.Listbox .ListboxItem{color:#666;white-space:nowrap;padding:4px}.Listbox .ListboxItem:hover{background-color:#00000005}.Listbox .ListboxItem.active{background-color:#0000000a}.CodeMirror{top:37px;width:100%!important;height:calc(100% - 37px)!important;position:absolute!important}.CodeMirror .errorLine{background:#ff000040}.CodeMirror .esprima-error{color:red;text-align:right;padding:0 20px}#outliner .opener{vertical-align:top;text-align:center;width:14px;height:14px;margin:0 4px;display:inline-block}#outliner .opener.open:after{content:"−"}#outliner .opener.closed:after{content:"+"}#outliner .option{border:1px solid #0000}#outliner .option.drag{border:1px dashed #999}#outliner .option.dragTop{border-top:1px dashed #999}#outliner .option.dragBottom{border-bottom:1px dashed #999}#outliner .type{color:#ddd;text-align:center;width:14px;height:14px;display:inline-block}#outliner .type:after{content:"●"}#outliner .Scene{color:#88d}#outliner .Camera{color:#d88}#outliner .Light{color:#dd8}#outliner .Object3D{color:#aae}#outliner .Mesh{color:#88e}#outliner .Line,#outliner .LineSegments{color:#8e8}#outliner .Points{color:#e88}#outliner .Geometry{color:#aea}#outliner .Material{color:#eae}#outliner .Script:after{content:"◎"}.Button{color:#555;text-transform:uppercase;cursor:pointer;background-color:#ddd;border:0;outline:none;margin:0;padding:5px 8px;font-size:12px}.Button:hover,.Button.selected{background-color:#fff}.Input,.TextArea{color:#444;border:1px solid #0000}.Input.Number{border:0;padding:2px;font-size:12px;color:#08f!important}.Select{color:#666;text-transform:uppercase;cursor:pointer;background-color:#ddd;border:3px solid #ddd;border-radius:4px;outline:none}.Select:hover{background-color:#fff}#resizer{z-index:2;cursor:col-resize;width:5px;position:absolute;top:36px;bottom:0;right:350px;transform:translate(2.5px)}#resizer:hover{background-color:#08f8;transition-property:background-color;transition-duration:.2s;transition-delay:.1s}#resizer:active{background-color:#08f}#viewport{position:absolute;inset:36px 350px 36px 0}#viewport .Text{text-shadow:1px 1px #00000040;pointer-events:none}#animation{background:#eee;border-top:1px solid #ccc;flex-direction:row;height:36px;display:none;position:absolute;bottom:0;left:0;right:350px}#animation .Panel{color:#888}#animation input[type=range]{accent-color:#08f}#animation-resizer{cursor:row-resize;z-index:2;height:5px;position:absolute;bottom:36px;left:0;right:350px;transform:translateY(2.5px)}#animation-resizer:hover{background-color:#08f8;transition-property:background-color;transition-duration:.2s;transition-delay:.1s}#animation-resizer:active{background-color:#08f}#script{opacity:.9;position:absolute;inset:36px 350px 0 0}#player{position:absolute;inset:36px 350px 0 0}#menubar{background:#eee;width:100%;height:36px;margin:0;padding:0;position:absolute;top:0;right:0}#menubar .menu{float:left;cursor:pointer;padding-right:8px}#menubar .menu.right{float:right;cursor:auto;text-align:right;padding-right:0}#menubar .menu .title{color:#888;margin:0;padding:10px;line-height:16px;display:inline-block}#menubar .menu .key{color:#ccc;pointer-events:none;border:1px solid #ccc;border-radius:4px;padding:2px 4px;font-size:9px;line-height:normal;position:absolute;right:10px}#menubar .menu .options{z-index:1;background:#eee;min-width:150px;max-height:calc(100vh - 80px);padding:5px 0;display:none;position:fixed;overflow:auto}#menubar .menu:hover .options{display:block;box-shadow:0 10px 10px -5px #0003}#menubar .menu .options hr{border-color:#ddd}#menubar .menu .options .option{color:#666;background-color:#0000;padding:5px 10px;line-height:25px;margin:0!important}#menubar .menu .options .option:hover{color:#fff;background-color:#08f}#menubar .menu .options .option:not(.submenu-title):active{color:#666;background:0 0}#menubar .menu .options .option.toggle:before{content:" ";width:16px;display:inline-block}#menubar .menu .options .option.toggle-on:before{content:"✔";font-size:12px}#menubar .submenu-title:after{content:"⏵";float:right}#menubar .menu .options .inactive{color:#bbb;cursor:not-allowed;background-color:#0000;padding:5px 10px;line-height:25px;margin:0!important}#sidebar{background:#eee;width:350px;position:absolute;top:36px;bottom:0;right:0;overflow:hidden auto}#sidebar .Panel{color:#888;border-top:1px solid #ccc;padding:10px}#sidebar .Panel.collapsed{margin-bottom:0}#sidebar .Row{align-items:center;min-height:24px;margin-bottom:10px;display:flex}#sidebar .Row .Label{width:120px}#tabs{background-color:#ddd;border-top:1px solid #ccc}#tabs span{color:#aaa;border-right:1px solid #ccc;padding:10px}#tabs span.selected{color:#888;background-color:#eee}#toolbar{text-align:center;background:#eee;border:3px solid #eee;border-radius:6px;align-items:center;gap:2px;height:32px;display:flex;position:absolute;bottom:56px;left:calc(50% - 175px);overflow:hidden;transform:translate(-50%)}#toolbar .Button,#toolbar .Input{border-radius:4px;justify-content:center;align-items:center;height:32px;display:flex}#toolbar .Button img{opacity:.5;width:16px}.Outliner{color:#444;cursor:default;resize:vertical;background-color:#fff;width:100%;height:180px;padding:0;font-size:12px;overflow:auto;outline:none!important}.Outliner .option{color:#666;white-space:nowrap;padding:4px}.Outliner .option:hover{background-color:#00000005}.Outliner .option.active{background-color:#0000000a}.TabbedPanel .Tabs{background-color:#ddd;border-top:1px solid #ccc}.TabbedPanel .Tab{color:#aaa;border-right:1px solid #ccc}.TabbedPanel .Tab.selected{color:#888;background-color:#eee}.Listbox{color:#444;background-color:#fff}.Panel{color:#888}@media (width<=600px){#resizer,#animation-resizer{display:none}#menubar .menu .options{max-height:calc(100% - 80px)}#menubar .menu.right{display:none}#viewport,#script,#player{height:calc(100% - 356px);top:36px;left:0;right:0}#sidebar{width:100%;top:calc(100% - 320px);bottom:0;left:0}#toolbar{bottom:330px;left:50%;transform:translate(-50%)}#animation{display:none!important}}@media (prefers-color-scheme:dark){.Button{color:#aaa;background-color:#222}.Button:hover{color:#ccc;background-color:#444}.Button.selected{color:#fff;background-color:#08f}.Input,.TextArea{color:#888;background-color:#222;border:1px solid #0000}.Select{color:#aaa;background-color:#222;border-color:#222}.Select:hover{color:#ccc;background-color:#444}#menubar{background:#111}#menubar .menu .key{color:#444;border-color:#444}#menubar .menu .options{background:#111}#menubar .menu .options hr{border-color:#222}#menubar .menu .options .option{color:#888}#menubar .menu .options .inactive{color:#444}#sidebar{background-color:#111}#sidebar .Panel{border-top:1px solid #222}#sidebar .Panel.Material canvas{border:1px solid #5a5a5a}#animation{background-color:#111;border-top:1px solid #222}#animation .Panel{border-bottom:1px solid #222}#animation .timeline-container{background:#ffffff0d}#tabs{background-color:#1b1b1b;border-top:1px solid #222}#tabs span{color:#555;border-right:1px solid #222}#tabs span.selected{background-color:#111}#toolbar{background-color:#111;border-color:#111}#toolbar img{filter:invert()}.Outliner{background:#222}.Outliner .option{color:#999}.Outliner .option:hover{background-color:#153c5e80}.Outliner .option.active{background-color:#153c5e}.TabbedPanel .Tabs{background-color:#1b1b1b;border-top:1px solid #222}.TabbedPanel .Tabs::-webkit-scrollbar{background:#111}.TabbedPanel .Tab{color:#555;border-right:1px solid #222}.TabbedPanel .Tab.selected{color:#888;background-color:#111}.Listbox{color:#888;background:#222}.Listbox .ListboxItem:hover{background-color:#153c5e80}.Listbox .ListboxItem.active{background-color:#153c5e}}.Dialog{z-index:100;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.Dialog-background{background:#00000080;position:absolute;inset:0}.Dialog-content{background:#eee;min-width:300px;max-width:90%;max-height:90%;position:relative;overflow:auto}.Dialog-title{color:#666;text-transform:uppercase;padding:10px 15px}.Dialog-body{padding:15px}.Dialog-body .Row{align-items:center;min-height:24px;margin-bottom:10px;display:flex}.Dialog-body .Row .Label{color:#888;width:120px}.Dialog-buttons{justify-content:flex-end;margin-top:15px;display:flex}@media (prefers-color-scheme:dark){.Dialog-content{background:#111}.Dialog-title{color:#888}}[draggable=true]{z-index:0;transform:translate(0)}body.scene-studio{font-family:var(--font-body);overflow:hidden}#studio-app{top:calc(var(--nav-h,69px) + env(safe-area-inset-top,0px));background:var(--bg-0);color:var(--ink);font-size:14px;position:fixed;bottom:0;left:0;right:0}#studio-app #menubar{border-bottom:1px solid var(--stroke);color:var(--ink);background:#0a0a0ceb}#studio-app #menubar .menu .title{color:var(--ink)}@media (width<=600px){#studio-app #menubar .menu{padding-right:2px}#studio-app #menubar .menu .title{padding:10px 6px}#studio-app #sidebar{min-width:0}}#studio-app #menubar .menu:hover,#studio-app #menubar .menu.open{background:var(--surface-2)}#studio-app #menubar .menu .options{border:1px solid var(--stroke-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);background:#14151c;padding:4px 0}#studio-app #menubar .menu .options hr{border-color:var(--stroke)}#studio-app #menubar .menu .options .option{color:var(--ink);transition:background-color var(--duration-fast) var(--ease-standard)}#studio-app #menubar .menu .options .option:hover,#studio-app #menubar .menu .options .option:focus-visible{background:var(--surface-3);color:#fff}#studio-app #menubar .menu .key{color:var(--ink-dim);border-color:var(--stroke-strong)}#studio-app #sidebar{border-left:1px solid var(--stroke);color:var(--ink);background:#0e0f15}#studio-app #sidebar .Panel{color:var(--ink);border-top:1px solid var(--stroke)}#studio-app #sidebar .Panel .Panel{border-top:none}#studio-app #tabs{border-bottom:1px solid var(--stroke);background:#0a0a0ceb}#studio-app .TabbedPanel .Tabs{border-bottom:1px solid var(--stroke);background:0 0}#studio-app .TabbedPanel .Tab{color:var(--ink-dim);transition:color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:0 0;border:none;border-bottom:2px solid #0000}#studio-app .TabbedPanel .Tab:hover{color:var(--ink)}#studio-app .TabbedPanel .Tab.selected{color:#fff;border-bottom-color:var(--accent);background:0 0}#studio-app .Outliner{background:var(--surface-1);border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--ink)}#studio-app #outliner .option{transition:background-color var(--duration-instant) var(--ease-standard);border-radius:3px}#studio-app #outliner .option:hover{background:var(--surface-2)}#studio-app #outliner .option.active{color:#fff;background:#ffffff29}#studio-app #outliner .type{color:var(--ink-dim)}#studio-app .Button{color:var(--ink);background-color:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);cursor:pointer}#studio-app .Button:hover{color:#fff;background-color:var(--surface-3);border-color:var(--stroke-strong)}#studio-app .Button:active{background-color:#ffffff24}#studio-app .Button.selected{color:#fff;border-color:var(--stroke-strong);background-color:#ffffff38}#studio-app .Input,#studio-app .TextArea{background-color:var(--bg-1);border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--ink);transition:border-color var(--duration-fast) var(--ease-standard)}#studio-app .Input:focus,#studio-app .TextArea:focus{border-color:var(--stroke-strong);color:#fff}#studio-app .Select{color:var(--ink);background-color:var(--bg-1);border:1px solid var(--stroke);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard)}#studio-app .Select:hover{color:#fff;background-color:var(--surface-3)}#studio-app .Button:focus-visible,#studio-app .Input:focus-visible,#studio-app .TextArea:focus-visible,#studio-app .Select:focus-visible,#studio-app .TabbedPanel .Tab:focus-visible{outline-offset:1px;outline:2px solid #ffffff80}#studio-app #toolbar{border:1px solid var(--stroke-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-2);background:#101118e0}#studio-app #toolbar .Button{background:0 0;border:none}#studio-app #toolbar .Button:hover{background:var(--surface-3)}#studio-app #toolbar .Button.selected{background:#ffffff38}#studio-app #toolbar img{filter:invert()}#studio-app #toolbar{z-index:6}#studio-app .Listbox{background:var(--surface-1);border:1px solid var(--stroke);border-radius:var(--radius-sm);color:var(--ink)}#studio-app .Listbox .ListboxItem:hover{background:var(--surface-2)}#studio-app .Listbox .ListboxItem.active{background:#ffffff29}#studio-app .Dialog-content{border:1px solid var(--stroke-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);color:var(--ink);background:#14151c}#studio-app .Dialog-title{color:#fff}#studio-app .Dialog-background{background:#0009}#studio-app #animation{border-top:1px solid var(--stroke);background:#0a0a0ceb}#studio-app #animation .Panel{color:var(--ink-dim)}#studio-app #animation input[type=range]{accent-color:var(--accent)}#studio-app #resizer:hover,#studio-app #animation-resizer:hover{background:#ffffff2e}
