:root{color-scheme:dark;--bg:#24262d;--panel:#2c2e36;--raised:#343640;--deep:#22242b;--line:#3b3e48;--text:#d6d9e3;--muted:#9297a7;--accent:#a1afff;--active:#454b69;--input:#23252c;--highlight:#718cf5;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);height:100dvh;display:flex;flex-direction:column;overflow:hidden}button,input,select{font:inherit}button{background:none;border:0;color:inherit;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;white-space:nowrap}button:hover{background:var(--raised);color:#fff}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--highlight);outline-offset:-2px}button.active{background:var(--active);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}input,select{border:1px solid var(--line);border-radius:4px;background:var(--input);color:var(--text);min-width:0;padding:5px 7px}input[type=number]{appearance:textfield;-moz-appearance:textfield}input::-webkit-inner-spin-button{opacity:0;width:0}input[type=color]{height:29px;padding:3px;width:100%;cursor:pointer}select{font-size:12px;padding:5px 20px 5px 7px;cursor:pointer}svg{width:19px;height:19px;flex-shrink:0;stroke-width:1.65}b,strong{font-weight:600}a{color:var(--accent)}.titlebar{height:46px;flex:none;display:flex;align-items:center;padding:0 14px;gap:28px;background:#202229;border-bottom:1px solid #15171c}.brand{display:flex;gap:9px;align-items:center;color:#ecedf6;text-decoration:none;font-size:13px;letter-spacing:2px}.brand span{font-size:10px;letter-spacing:1.8px;color:#a4a8b9}.document-name{display:flex;align-items:center;font-size:12px;gap:5px;color:#aeb3c4}.doc-icon{color:var(--accent)}#dirty-marker{color:#bcbff1}.title-actions{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px}#save-state{color:var(--muted);font-size:11px}.share-button{background:#434964;padding:7px 11px;color:#d3d9ff}.share-button svg{width:16px;height:16px}.avatar{border-radius:50%;background:#725e86;width:27px;height:27px;font-size:11px;color:#f1e5ff}.menubar{height:34px;flex:none;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:0 9px;background:var(--bg);font-size:12px}.menubar button{padding:6px 8px}.workspaces{display:flex;align-self:stretch;gap:3px}.workspaces button{border-radius:0;font-size:11px;padding:0 11px}.workspaces .active{background:none;color:#c3ccff;border-bottom:2px solid var(--highlight)}.toolbar{height:49px;flex:none;display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--panel);border-bottom:1px solid #14161b}.tool-cluster{display:flex;gap:3px;align-items:center;border-right:1px solid var(--line);padding-right:10px}.tool-cluster button{height:32px;min-width:30px;font-size:11px}.tool-cluster select{background:transparent;border:0}.toolbar-end{display:flex;margin-left:auto;gap:14px}.axis{font-weight:700;font-size:14px!important;padding:3px!important;min-width:22px!important}.axis.x{color:#e68a8a}.axis.y{color:#9bbd8b}.axis.z{color:#82ace3}.axis.active{background:none}.axis:not(.active){opacity:.3}.render-button{background:#758af1;color:#fff!important;padding:7px 13px;font-size:12px}.render-button:hover{background:#8699ff}.workspace{flex:1;min-height:0;display:flex;overflow:hidden}.vertical-tools{width:45px;flex:none;background:#282a31;border-right:1px solid #15171c;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:5px}.vertical-tools button{width:32px;height:32px;padding:5px}.vertical-tools svg{width:20px;height:20px}.vertical-tools .active{box-shadow:inset 2px 0 #91a3ff}.tool-divider{height:1px;background:var(--line);width:25px;margin:6px 0}.vertical-bottom{margin-top:auto;display:grid;gap:4px}.center{min-width:0;flex:1;display:flex;flex-direction:column}.viewport-panel{flex:1;min-height:150px;display:flex;flex-direction:column;overflow:hidden}.viewport-toolbar{height:30px;flex:none;background:#292b32;display:flex;align-items:center;gap:8px;padding:0 10px;font-size:11px;border-bottom:1px solid #22242a}.viewport-toolbar button{font-size:11px;padding:3px}.viewport-toolbar select{border:0;background:transparent;font-size:11px}.viewport-toolbar svg{width:15px;height:15px}.viewport-caption{color:#858b99;font-size:10px}.flex-space{flex:1}#viewport{position:relative;flex:1;min-height:0;background:#292d35;overflow:hidden}#viewport>canvas{display:block;width:100%;height:100%;touch-action:none}#loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;background:#292d35;color:#bcc5d9}#loading span{font-size:13px;color:var(--muted)}.loading-logo{font-size:42px;color:var(--accent);font-weight:300}.viewport-overlay{position:absolute;z-index:1;pointer-events:none;display:flex;flex-direction:column;gap:7px;font-size:11px;color:#c7cddc}.top-left{left:15px;top:14px}.top-left small{font-size:10px;color:#80899a}.top-right{right:15px;top:14px}.bottom-left{left:21px;bottom:20px;gap:5px}.bottom-right{right:22px;bottom:18px}.scene-label{font-size:13px;color:#b2bbcc;letter-spacing:4px;font-weight:500}.scene-subtitle{font-size:10px;color:#717c8e;letter-spacing:1px}.renderer-badge{border:1px solid #56607865;border-radius:4px;padding:4px 7px;color:#93a2bf;font-size:10px}.view-axis{position:relative;width:50px;height:50px}.view-axis span{position:absolute;font-size:11px;font-weight:700}.axis-y{left:25px;top:0;color:#a2c892}.axis-y:after{content:'';position:absolute;width:1px;height:25px;background:#a2c892;left:4px;top:13px}.axis-x{right:0;bottom:0;color:#dc8383}.axis-z{left:0;bottom:0;color:#819ddb}.viewport-footer{height:26px;flex:none;display:flex;justify-content:space-between;align-items:center;background:#292c34;padding:0 12px;font-size:10px;color:#828c9f;border-top:1px solid #373d4855}.viewport-footer i{padding:0 6px;font-style:normal}#selection-status{color:#acb6c9}#quad-labels{position:absolute;inset:0;pointer-events:none;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}#quad-labels:not([hidden]){display:grid}#quad-labels span{border:1px solid #667080;padding:12px;color:#bac5df;font-size:12px}.timeline{height:132px;flex:none;background:var(--deep);border-top:1px solid #13151a;display:flex;flex-direction:column}.timeline-heading{height:36px;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 10px;gap:10px}.panel-tabs{display:flex;align-self:stretch;gap:8px;font-size:11px}.panel-tabs button{border-radius:0;position:relative;padding:7px 3px;font-size:11px;color:var(--muted)}.panel-tabs .active{background:none;color:#e1e5f5}.panel-tabs .active:after{content:'';position:absolute;bottom:0;height:2px;background:#91a3ff;left:3px;right:3px}.transport{display:flex;align-items:center;margin:auto;gap:2px}.transport button{padding:3px 5px;height:25px}.transport svg{width:14px;height:14px}.transport #play{color:#c7d1ff}.transport .record{color:#dc8f87;font-size:16px}.transport #autokey{font-size:11px;color:#e3958d}.frame-control{display:flex;align-items:center;gap:5px;font-size:10px}.frame-control input{width:36px;font-size:11px;text-align:center;border:none}.frame-control button{font-size:10px;color:var(--muted)}#fps{color:var(--muted);font-size:10px}.small-divider{height:13px;width:1px;background:var(--line);margin:0 4px}#time-ruler{position:relative;margin:0 17px;height:62px;flex:1;overflow:hidden;background:repeating-linear-gradient(to right,transparent 0,transparent calc(5% - 1px),#3e435080 calc(5% - 1px),#3e435080 5%);background-size:100% 15px;background-repeat:no-repeat;background-position:0 21px}#ruler-numbers{height:23px;display:flex;justify-content:space-between;color:#8d96a9;font-size:10px;align-items:center}#key-marks{position:absolute;top:38px;left:1px;right:1px;height:12px;border-bottom:1px solid #414958}#key-marks i{position:absolute;width:7px;height:7px;background:#9cacff;transform:rotate(45deg);top:0}#playhead{position:absolute;left:0;top:2px;bottom:0;width:1px;background:#899efa;pointer-events:none;z-index:1}#playhead span{background:#738bef;color:#fff;border-radius:2px;padding:2px 4px;font-size:10px;position:absolute;top:0;left:0}#scrubber{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}#curve-view{height:160px;flex:1;min-height:0;padding:4px 15px}#curve-canvas{width:100%;height:100%}.timeline-track{height:25px;display:flex;align-items:center;padding:0 15px;gap:8px;font-size:10px;border-top:1px solid #343844;color:#939db3}.timeline-track>span:first-child{color:#b3beee}.timeline-track button{font-size:10px;color:#919bb1}.material-panel{height:139px;flex:none;border-top:1px solid #111218;background:var(--panel)}.material-heading{height:32px;display:flex;align-items:center;padding:0 12px;gap:12px;border-bottom:1px solid var(--line)}.material-heading>span{font-size:10px;color:var(--muted)}.material-heading button{padding:3px}.material-heading svg{width:15px;height:15px}#shelf{display:flex;gap:10px;padding:10px 13px;overflow:auto;height:calc(100% - 32px)}.material-card{min-width:84px;width:84px;flex:none;height:83px;border:1px solid transparent;border-radius:5px;background:#262830;display:flex;align-items:center;flex-direction:column;gap:6px;padding:6px;cursor:grab}.material-card:hover,.material-card.active{border-color:#8095f5;background:#35394b}.material-swatch{width:49px;height:49px;border-radius:50%;background:radial-gradient(circle at 33% 24%,#fff8 0,transparent 24%),radial-gradient(circle at 36% 30%,var(--swatch) 0,var(--swatch) 24%,#151921 90%);box-shadow:2px 4px 5px #0006,inset -3px -2px 7px #0005}.material-card span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#bfc4d3}.new-material{background:none;border:1px dashed var(--line);color:#747d93}.new-material svg{width:28px;height:28px;margin:9px}.asset-card{min-width:88px;padding:10px 8px;flex-direction:column;background:var(--deep);font-size:11px;gap:12px}.asset-card svg{color:#a5b1df;width:28px;height:28px}.history-item{font-size:11px;min-width:170px;display:flex;gap:8px;align-items:center;padding:5px 8px;color:var(--muted)}.resizer{width:4px;flex:none;background:#181a20;cursor:ew-resize}.right-panel{width:330px;min-width:265px;max-width:50vw;flex:none;display:flex;flex-direction:column;background:var(--panel)}.objects-panel{height:42%;min-height:185px;display:flex;flex-direction:column;border-bottom:4px solid #191b21}.panel-heading{height:35px;flex:none;display:flex;align-items:center;border-bottom:1px solid var(--line);padding:0 11px;gap:8px;font-size:12px}.panel-heading button{padding:4px}.panel-heading svg{height:15px;width:15px}.panel-heading strong{font-size:11px}.object-search{height:32px;margin:6px 10px;display:flex;align-items:center;gap:5px;background:var(--input);border:1px solid var(--line);border-radius:4px;padding:0 7px}.object-search svg{width:14px;color:#8a92a8}.object-search input{border:0;background:none;padding:4px;width:100%;font-size:11px}.object-search>span:last-child{font-size:10px;color:var(--muted)}#object-tree{flex:1;overflow:auto;font-size:11px;padding:0 0 6px}.tree-row{height:28px;display:flex;align-items:center;padding:0 10px;gap:6px;cursor:default;border:1px solid transparent}.tree-row:hover{background:#343744}.tree-row.selected{background:#414961;color:#dce4ff}.tree-row.dragover{border:1px solid #8e9df5}.tree-row .object-icon{display:flex;color:#95b4dc}.tree-row[data-type=cloner] .object-icon{color:#93c5a5}.tree-row[data-type=light] .object-icon{color:#ddcaa0}.tree-row[data-type=group] .object-icon{color:#aeb4c3}.tree-row svg{width:15px;height:15px}.tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-indent{width:14px;flex:none}.tree-row .expand{width:12px;padding:0;font-size:11px;color:#a7b1c6}.tree-row .visibility,.tree-row .lock{width:17px;height:20px;padding:0;color:#828a9d}.tree-row .visibility svg,.tree-row .lock svg{height:12px;width:12px}.material-dot{width:10px;height:10px;flex:none;border-radius:50%;border:1px solid #fff3}.object-bottom{height:25px;border-top:1px solid var(--line);display:flex;align-items:center;padding:0 11px;font-size:10px;color:var(--muted)}.object-bottom svg{width:13px;height:13px}.object-bottom button{padding:3px}#right-alternate{flex:1;overflow:auto;padding:12px}.attributes-panel{flex:1;min-height:0;display:flex;flex-direction:column}#attribute-title{display:flex;align-items:center;gap:8px;padding:11px 13px 9px;font-size:12px}#attribute-title svg{width:20px;color:#9db4ed}.attribute-tabs{display:flex;padding:0 8px;border-bottom:1px solid var(--line);flex:none;gap:3px}.attribute-tabs button{font-size:10px;border-radius:4px 4px 0 0;color:#959eb1;padding:7px 8px}.attribute-tabs button.active{background:#3c414f;color:#dce3f7}#attributes{overflow:auto;flex:1;padding:13px 12px 18px;font-size:11px}.section-label{display:flex;align-items:center;gap:6px;color:#c9d0df;font-size:11px;font-weight:600;padding:5px 0 10px}.section-label:before{content:'⌄';color:#8e98b0}.field-row{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;align-items:center;margin:8px 0}.field-row>label,.field-row>span{color:#9ba4b8;font-size:11px}.field-row input,.field-row select{width:100%;font-size:11px;min-height:27px}.field-row input[type=checkbox]{width:14px;min-height:14px;justify-self:start;accent-color:#8a9fff}.field-row input[type=range]{padding:0;accent-color:#879cf3}.vector-grid{display:grid;grid-template-columns:65px repeat(3,minmax(0,1fr));gap:5px;align-items:center;margin:8px 0}.vector-grid>span{color:#9ca6ba;font-size:10px}.vector-grid input{width:100%;font-size:11px;text-align:right;padding:5px 4px}.vector-head{color:#8c9cb5;font-size:10px;text-align:center}.vector-head:nth-child(2){color:#d78889}.vector-head:nth-child(3){color:#a8c68e}.vector-head:nth-child(4){color:#8da7e2}.separator{height:1px;background:var(--line);margin:16px 0}.hint{color:#8792a8;line-height:1.7;font-size:11px;margin:10px 0}.hint a{color:#abbafc}.attribute-action{background:#3b4259;color:#c8d4ff;font-size:11px;padding:8px 11px;margin:5px 0}.modifier-card{background:var(--deep);border:1px solid var(--line);border-radius:5px;padding:10px;margin:0 0 9px}.modifier-title{display:flex;align-items:center;gap:6px;font-size:12px;text-transform:capitalize}.modifier-title button{margin-left:auto;font-size:16px;padding:0 4px}.statusbar{height:25px;flex:none;display:flex;align-items:center;gap:9px;padding:0 12px;border-top:1px solid #11141a;background:#23252c;font-size:10px;color:#858fa4}.status-dot{height:5px;width:5px;border-radius:50%;background:#8c9bc3}.status-divider{width:1px;height:11px;background:#3d424f;margin:0 4px}#render-stats{color:#788397}.statusbar>span:last-child{font-size:10px}.project-card,.comment-card{padding:12px;border:1px solid var(--line);border-radius:5px;margin-bottom:9px;background:var(--deep);font-size:12px;line-height:1.5}.project-card{width:100%;text-align:left;align-items:flex-start;flex-direction:column}.project-card small,.comment-card small{font-size:10px;color:var(--muted)}.comment-card p{white-space:pre-wrap;overflow-wrap:anywhere;margin:6px 0}.comment-compose{display:flex;flex-direction:column;gap:7px;margin-bottom:12px}.comment-compose textarea{width:100%;min-height:70px;background:var(--input);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:8px;font:12px inherit;resize:vertical}#popover{position:fixed;z-index:20;min-width:230px;max-height:75vh;overflow:auto;padding:6px;background:#303440;border:1px solid #52596c;border-radius:7px;box-shadow:0 12px 35px #0007;font-size:12px}#popover button{display:flex;justify-content:space-between;width:100%;padding:9px 11px;border-radius:4px;text-align:left;gap:25px}#popover button span{font-size:10px;color:#a0abc2}#popover hr{border:0;border-top:1px solid #474e60;margin:4px}dialog{border:1px solid #515a72;border-radius:10px;background:var(--panel);color:var(--text);padding:0;max-height:85vh;max-width:calc(100vw - 32px);width:510px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#10131ca8;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:center;padding:14px 20px;border-bottom:1px solid var(--line)}.dialog-header h2{font-size:16px;flex:1;margin:0;font-weight:500}.dialog-header button{font-size:25px;color:var(--muted);padding:0 4px}#dialog-content{padding:20px;font-size:13px;line-height:1.65;overflow:auto;max-height:calc(85vh - 64px)}#dialog-content input,#dialog-content select{font-size:13px}#dialog-content .field-row{grid-template-columns:135px 1fr}#dialog-content .field-row label{font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.primary{background:#728af2;color:#fff;padding:8px 15px}.secondary{background:var(--raised);padding:8px 15px}.dialog-info{padding:10px 12px;background:var(--deep);border-radius:5px;color:var(--muted);font-size:12px;margin:12px 0}.help-grid{display:grid;grid-template-columns:1fr auto;gap:8px 25px;font-size:13px}kbd{background:var(--input);border:1px solid var(--line);border-radius:4px;padding:2px 7px;font:11px ui-monospace,monospace;color:var(--accent)}#toast{position:fixed;bottom:39px;left:50%;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;border:1px solid #5c6a86;border-radius:6px;padding:10px 17px;background:#333d52;color:#e4ebff;font-size:13px;z-index:50;max-width:90vw;box-shadow:0 6px 25px #0005;transition:.15s}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}[hidden]{display:none!important}.command-input{width:100%;padding:10px;margin-bottom:10px}.command-list button{width:100%;justify-content:space-between;padding:10px}.command-list button span{color:var(--muted);font-size:11px}.key-row{display:flex;gap:6px;margin:8px 0;align-items:center;font-size:11px}.key-row input{width:58px}.key-row select{flex:1;width:80px}.key-row button{color:#b8bfd0}.key-row label{width:58px;text-transform:capitalize}.member-row{display:flex;gap:10px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line);font-size:12px}.member-row span:first-child{flex:1;overflow-wrap:anywhere}.member-row small{color:var(--muted)}.light{color-scheme:light;--bg:#e6e9f0;--panel:#f0f2f7;--raised:#d9dfea;--deep:#e1e5ee;--line:#cbd2df;--text:#33405a;--muted:#68778f;--accent:#4e64be;--active:#d4dcf5;--input:#fff}.light .titlebar,.light .statusbar,.light .viewport-toolbar,.light .vertical-tools{background:#e2e6ef;color:#43506c}.light .brand{color:#465478}.light .viewport-toolbar select{color:#33415f}.light .viewport-footer{background:#d4dbe8;color:#526380}.light .tree-row.selected{background:#cbd6ef;color:#27375b}.light .tree-row:hover{background:#dbe2ee}.light .attribute-tabs .active{background:#d5dced;color:#344565}.light .material-card{background:#dce2ed}.light .material-card span{color:#465372}.light #popover{background:#edf0f8;color:#344259}.light button:hover{color:#3a4b78}.light .section-label{color:#455471}.light .panel-tabs .active{color:#405076}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#68728a66;border-radius:5px}::-webkit-scrollbar-track{background:transparent}@media(min-width:1700px){.right-panel{width:380px}.timeline{height:155px}.material-panel{height:155px}.material-card{width:95px;min-width:95px;height:96px}.material-swatch{width:58px;height:58px}.objects-panel{height:45%}}@media(max-width:1150px){.toolbar{gap:4px;padding:4px 7px}.tool-cluster{padding-right:5px;gap:1px}.tool-cluster button span:not([data-icon]){display:none}.brand span{display:none}.workspaces button{padding:0 7px}.viewport-caption{display:none}.frame-control #fps{display:none}.right-panel{width:285px}.viewport-footer>span:last-child{display:none}.titlebar{gap:12px}#menus button{padding:6px}.axis-toggles{display:none}}@media(max-width:820px){.right-panel{width:255px;min-width:230px}.workspaces{display:none}.primitives button span:not([data-icon]){display:none}.title-actions{gap:5px}#save-state{display:none}.document-name{flex:1;overflow:hidden}.document-name button{overflow:hidden;text-overflow:ellipsis}.titlebar{padding:0 8px}.share-button{font-size:0}.share-button svg{width:18px;height:18px}.brand{letter-spacing:1px}.toolbar-end{gap:2px}.toolbar{height:43px}.tool-cluster{gap:0;padding-right:3px}.tool-cluster button{min-width:26px;padding:4px}.frame-control #frame-range{display:none}.timeline-heading{gap:3px;padding:0 5px}.timeline-heading .panel-tabs{gap:4px}.vertical-tools{width:37px}.material-panel{height:127px}}@media(max-width:650px){.right-panel{position:absolute;right:0;top:123px;bottom:25px;width:270px;max-width:80vw;z-index:5;box-shadow:-8px 0 30px #0006;display:none}.right-panel.mobile-open{display:flex}.resizer{display:none}.titlebar{height:42px}.brand b{font-size:11px}.document-name button{font-size:10px}.brand img{width:21px;height:21px}.title-actions>.subtle{display:none}.toolbar{height:43px}.tool-cluster select,.tool-cluster:has([data-create=cloner]){display:none}.menubar{height:33px}.menubar #menus button{font-size:11px;padding:6px 7px}.material-panel{height:119px}.material-card{height:77px;min-width:76px;width:76px}.material-swatch{width:43px;height:43px}.timeline{height:112px}.timeline-heading .panel-tabs button{font-size:10px}.viewport-panel{min-height:160px}.viewport-toolbar{gap:3px;padding:0 5px}.viewport-toolbar select{font-size:10px;padding-left:2px;padding-right:13px}.viewport-toolbar>button:not([data-icon]){display:none}.viewport-footer{font-size:9px}.timeline-track{height:21px}.material-heading{gap:8px;padding:0 8px}.material-heading .panel-tabs{gap:7px}.statusbar{font-size:9px;gap:5px}.statusbar>span:last-child{display:none}#render-stats{font-size:9px}.scene-label{font-size:10px}.scene-subtitle{font-size:8px}.bottom-left{left:14px;bottom:14px}}@media(max-height:670px){.timeline{height:108px}.material-panel{height:108px}#shelf{padding:7px 10px}.material-card{height:66px;min-width:74px;width:74px;gap:3px}.material-swatch{width:38px;height:38px}.vertical-tools{gap:1px}.vertical-tools button{height:29px}.tool-divider{margin:4px 0}.objects-panel{min-height:160px}.scene-label{display:none}}