:root{--bg:#101113;--panel:#17181b;--panel2:#1c1d20;--line:#2a2b2e;--line2:#343538;--text:#e6e6e3;--muted:#85868a;--faint:#5f6064;--accent:#c3a777;--accent2:#dec49a;--red:#bc6762;--green:#86aa85;--blue:#80a7c8;--mono:'DM Mono',monospace;--sans:'Inter',ui-sans-serif,system-ui,sans-serif}
*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:12px;overflow:hidden}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.app-shell{height:100vh;min-height:560px;display:flex;flex-direction:column;background:var(--bg)}.topbar{height:56px;flex-shrink:0;background:#141517;border-bottom:1px solid #292a2d;display:flex;align-items:center;padding:0 14px;gap:22px;z-index:5}.brand{width:213px;flex-shrink:0;display:flex;align-items:center;gap:10px}.brand-mark{width:31px;height:31px;border:1px solid #8c7856;color:var(--accent2);display:grid;place-items:center;font-size:21px;font-weight:500;font-family:Georgia,serif;transform:skew(-5deg)}.brand-name{font-size:13px;font-weight:700;letter-spacing:2px;line-height:1.05}.brand-name span{font-weight:400;color:#aaa9a4}.brand-name small{display:block;font-family:var(--mono);letter-spacing:1.05px;font-size:8px;color:#737479;margin-top:5px;font-weight:400}.project-label{display:flex;align-items:center;gap:9px;min-width:180px;flex:1}.live-dot,.tiny-dot,.view-label-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}.project-label input{background:transparent;border:0;color:#bdbcb6;width:100%;font-family:var(--mono);font-size:10px;letter-spacing:.8px;outline:none}.menu-row{display:flex;gap:3px}.menu-btn{border:0;background:transparent;color:#a3a4a6;padding:8px 9px;font-size:11px}.menu-btn:hover,.menu-btn.active{background:#252629;color:#f0efeb}.top-actions{display:flex;align-items:center;gap:8px}.backend-badge{font:9px var(--mono);letter-spacing:.8px;color:#9da69c;padding:7px 9px;border:1px solid #303532;white-space:nowrap}.backend-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#86aa85;margin-right:6px}.icon-button{height:29px;padding:0 11px;border:1px solid #75664e;background:#b39a70;color:#141414;font-size:9px;letter-spacing:1px;font-weight:700}.icon-button:hover{background:#d2b98a}.icon-button.subtle{background:transparent;border-color:#38393d;color:#a2a2a4}.icon-button.subtle:hover{background:#252629;color:#eee}.workspace{flex:1;min-height:0;display:grid;grid-template-columns:235px minmax(360px,1fr) 286px;gap:1px;background:#292a2d;overflow:hidden}.panel{background:var(--panel);min-width:0;display:flex;flex-direction:column;overflow:hidden}.panel-head{height:59px;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.eyebrow{font:9px var(--mono);letter-spacing:1.5px;color:#888980}.panel h2{font-weight:500;font-size:13px;margin:4px 0 0;letter-spacing:.1px}.square-button{width:25px;height:25px;border:1px solid #414246;background:#202124;color:#b7b7b2;font-size:16px;line-height:1}.square-button:hover{border-color:var(--accent);color:var(--accent2)}.search-wrap{height:32px;margin:11px 11px 7px;border:1px solid #323337;background:#131416;display:flex;align-items:center;padding:0 8px;gap:7px;color:#737478}.search-wrap span{font-size:18px}.search-wrap input{border:0;background:transparent;outline:0;color:#d3d2cd;min-width:0;width:100%;font-size:10px}.search-wrap input::placeholder{color:#65666a}.tree-tools{height:25px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;color:#67686d;font:9px var(--mono);letter-spacing:.7px}.text-button{border:0;background:transparent;color:#7c7d81;font:9px var(--mono);letter-spacing:.7px;padding:5px}.text-button:hover{color:var(--accent2)}.hierarchy-tree{flex:1;overflow:auto;padding:4px 5px 12px}.tree-row{display:flex;align-items:center;min-height:27px;gap:7px;padding:0 7px;border:1px solid transparent;color:#b6b6b4;font-size:10.5px;cursor:pointer;user-select:none}.tree-row:hover{background:#222326}.tree-row.selected{background:#35312a;border-color:#65563d;color:#f0e4cd}.tree-arrow{color:#66676a;font-size:10px;width:9px;text-align:center}.tree-icon{width:15px;text-align:center;font-size:12px;color:#93949a;flex-shrink:0}.tree-icon.light{color:#d5b17b}.tree-icon.mesh{color:#96afbb}.tree-icon.camera{color:#b5a1cb}.tree-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tree-hidden{opacity:.4}.tree-kind{font:8px var(--mono);color:#64656a}.hierarchy-footer{height:31px;border-top:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 12px;color:#68696d;font:8px var(--mono);letter-spacing:.5px}.hierarchy-footer #selectedLabel{margin-left:auto;max-width:105px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aaa9a3}.viewport-region{display:flex;flex-direction:column;background:#111214;min-width:0;min-height:0;overflow:hidden}.viewport-toolbar{height:42px;flex-shrink:0;background:#191a1d;border-bottom:1px solid #292a2c;display:flex;align-items:center;justify-content:space-between;padding:0 9px;gap:8px}.tool-group{display:flex;align-items:center;gap:3px}.tool-btn{height:27px;padding:0 8px;border:1px solid transparent;background:transparent;color:#9b9c9f;font-size:12px}.tool-btn span{font:8px var(--mono);letter-spacing:.4px;margin-left:4px}.tool-btn:hover{background:#27282b}.tool-btn.active{background:#393329;border-color:#62533d;color:#e0c79c}.view-mode{background:transparent;border:1px solid transparent;padding:6px 7px;color:#74757a;font:8px var(--mono);letter-spacing:.7px}.view-mode.active{color:#cbb58d;border-color:#4e4536;background:#28251f}.small-tool{width:25px;height:25px;background:transparent;border:1px solid #36373a;color:#929397;font-size:14px}.small-tool:hover{color:#e1c697;border-color:#7d6a4b}.viewport{position:relative;flex:1;min-height:0;overflow:hidden;background:#111923}.viewport canvas{width:100%;height:100%;display:block;outline:0;touch-action:none}.viewport-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px 18px rgba(0,0,0,.3)}.view-label{position:absolute;left:16px;top:14px;display:flex;align-items:center;gap:7px;background:rgba(15,16,18,.65);padding:7px 9px;border:1px solid rgba(100,103,105,.22);font:8px var(--mono);letter-spacing:1px;color:#bab9b2;pointer-events:none}.view-label-dot{width:5px;height:5px}.view-label-divider{height:10px;width:1px;background:#55565a;margin:0 2px}.view-label #modeLabel{color:#9b947f}.axis-widget{position:absolute;right:17px;top:14px;width:45px;height:45px;font:9px var(--mono);pointer-events:none}.axis-core{position:absolute;left:19px;top:18px;width:7px;height:7px;border-radius:50%;background:#bbb}.axis-x{position:absolute;right:0;top:18px;color:#df776d}.axis-y{position:absolute;left:18px;top:0;color:#91c58d}.axis-z{position:absolute;left:1px;top:26px;color:#85aee3}.viewport-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);white-space:nowrap;background:rgba(14,15,17,.76);border:1px solid rgba(110,112,115,.22);padding:8px 12px;color:#86878a;font:9px var(--mono);letter-spacing:.1px;pointer-events:none}.viewport-hint b{color:#c4c0b6;font-weight:500}.viewport-hint span{padding:0 6px;color:#55565a}.viewport-error{position:absolute;inset:20px;display:flex;align-items:center;justify-content:center;text-align:center;color:#efb0a8;background:#191516;border:1px solid #593734;padding:20px;white-space:pre-wrap}.viewport-status{height:25px;flex-shrink:0;display:flex;align-items:center;gap:15px;padding:0 10px;background:#191a1c;border-top:1px solid #2b2c2f;font:8px var(--mono);letter-spacing:.3px;color:#797a7f}.viewport-status>span{white-space:nowrap}.viewport-status b{color:#c6b38b;font-weight:400}.status-light{display:inline-block;width:5px;height:5px;background:#8bac82;border-radius:50%;margin-right:6px}.status-spacer{flex:1}.play-overlay{position:absolute;top:20px;left:50%;transform:translateX(-50%);padding:12px 19px;background:rgba(12,14,13,.88);border:1px solid #8a7855;text-align:center;pointer-events:none}.play-overlay span{font:10px var(--mono);letter-spacing:1.2px;color:#e2c596}.play-overlay p{font-size:10px;color:#999;margin:7px 0 0}.inspector-head{padding:0 13px}.selection-summary{height:59px;padding:10px 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.selection-icon{width:33px;height:33px;display:grid;place-items:center;background:#2b2924;border:1px solid #4c4333;color:#d9bc87;font-size:18px}.selection-summary strong{display:block;font-size:11px;font-weight:500;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-summary small{display:block;margin-top:5px;font:8px var(--mono);letter-spacing:.8px;color:#7f8083}.inspector-tabs{display:flex;height:34px;border-bottom:1px solid var(--line);padding:0 10px;gap:12px;flex-shrink:0}.inspector-tab{position:relative;background:transparent;border:0;color:#737479;font:9px var(--mono);letter-spacing:.7px;padding:0 4px}.inspector-tab.active{color:#d2b98d}.inspector-tab.active:after{content:'';position:absolute;bottom:-1px;height:2px;background:#b49a6e;left:0;right:0}.inspector-content{flex:1;overflow:auto;padding:0 12px 18px}.section-head{height:37px;display:flex;align-items:center;justify-content:space-between;color:#c6c5bf;font-size:10px;font-weight:500;border-bottom:1px solid #2c2d30;margin-bottom:10px}.section-head .section-note{color:#707176;font:8px var(--mono);letter-spacing:.3px;font-weight:400}.ins-section{padding-bottom:10px;margin-bottom:3px}.field-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(0,1.45fr);align-items:center;gap:7px;margin:7px 0;min-height:22px}.field-label{font-size:10px;color:#909195;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-wrap{display:flex;align-items:center;min-width:0;gap:4px}.field-control,.field-select{height:25px;min-width:0;width:100%;border:1px solid #36373a;background:#121315;color:#c6c6c1;padding:0 7px;font:10px var(--mono);border-radius:0;outline:0}.field-control:focus,.field-select:focus{border-color:#9e875e}.field-color{width:100%;height:25px;background:#121315;border:1px solid #37383b;padding:3px;cursor:pointer}.field-check{appearance:none;width:27px;height:15px;border:1px solid #48494d;background:#303135;position:relative;cursor:pointer;flex-shrink:0}.field-check:before{content:'';position:absolute;left:2px;top:2px;width:9px;height:9px;background:#8a8b8e;transition:transform .12s}.field-check:checked{background:#5c5039;border-color:#a18a60}.field-check:checked:before{transform:translateX(12px);background:#e1c99a}.field-range{width:100%;accent-color:#b39a70;min-width:0}.range-row{display:grid;grid-template-columns:minmax(65px,1fr) minmax(50px,1fr) 39px;align-items:center;gap:8px;margin:9px 0}.range-row label{color:#95969a;font-size:10px}.range-row input{width:100%;accent-color:#b39a70}.range-value{font:9px var(--mono);text-align:right;color:#c2b08a}.button-row{display:flex;gap:6px;margin:10px 0}.mini-button{flex:1;border:1px solid #3a3b3f;background:#202124;padding:7px 6px;color:#b2b2ad;font-size:9px}.mini-button:hover{border-color:#9d845c;color:#e4d0aa}.mini-button.danger{color:#c7837c}.preset-select{width:100%;height:30px;background:#121315;border:1px solid #37383b;color:#b9b9b3;padding:0 8px;margin:4px 0 7px}.hint-text{font-size:9px;line-height:1.6;color:#6f7074;margin:7px 0}.keycap{font:8px var(--mono);padding:2px 4px;background:#292a2d;border:1px solid #424347;color:#b8b8b3}.empty-inspector{padding:25px 12px;text-align:center;color:#838489;line-height:1.7}.empty-inspector strong{display:block;color:#c6c4bc;font-size:11px;margin-bottom:7px}.bottom-dock{height:155px;flex-shrink:0;background:#17181a;border-top:1px solid #303135;display:flex;flex-direction:column;min-height:36px}.bottom-dock.collapsed{height:35px}.bottom-dock.collapsed .dock-content{display:none}.dock-tabs{height:34px;flex-shrink:0;display:flex;align-items:stretch;border-bottom:1px solid #2d2e31;padding:0 12px;gap:17px}.dock-tab{background:transparent;border:0;position:relative;color:#77787c;font:9px var(--mono);letter-spacing:.75px;padding:0 2px}.dock-tab span{padding:2px 4px;background:#303135;color:#aaa9a3;margin-left:3px;font-size:8px}.dock-tab.active{color:#d1b98e}.dock-tab.active:after{content:'';position:absolute;bottom:-1px;height:2px;left:0;right:0;background:#ad9368}.dock-spacer{flex:1}.dock-content{flex:1;min-height:0;overflow:auto}.console-list{padding:4px 12px}.console-entry{height:24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.025);font:9px var(--mono);color:#929397}.console-entry>span{color:#5e5f64}.console-entry>b{font-size:8px;color:#87a885;font-weight:500;width:36px}.console-entry.warn>b{color:#d8ae70}.console-entry.error>b{color:#c97c76}.console-entry p{margin:0}.asset-grid{display:flex;gap:8px;padding:9px 12px;flex-wrap:wrap}.asset-tile{width:100px;height:82px;border:1px solid #36373a;background:#202124;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#c0beb7;cursor:pointer}.asset-tile:hover{border-color:#9d845c}.asset-preview{width:39px;height:30px;display:grid;place-items:center;color:#c9ae7e;font-size:20px;background:#303033}.asset-tile small{font:8px var(--mono);color:#88898d}.performance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#292a2d;height:100%}.perf-card{background:#17181a;padding:12px 16px}.perf-card span{display:block;color:#828388;font:8px var(--mono);letter-spacing:.8px}.perf-card strong{display:block;font:20px var(--mono);font-weight:400;color:#dedbd3;margin-top:8px}.perf-card small{display:block;color:#6d6e72;font-size:9px;margin-top:3px}.toast{position:fixed;bottom:172px;left:50%;transform:translateX(-50%);background:#242520;border:1px solid #77704e;padding:10px 14px;color:#e0d4b7;font:10px var(--mono);z-index:100;box-shadow:0 8px 30px #0008}.hidden{display:none!important}.menu-popover{position:absolute;top:51px;left:450px;z-index:30;background:#202124;border:1px solid #414246;min-width:190px;padding:5px;box-shadow:0 10px 24px #0008}.menu-item{display:flex;justify-content:space-between;gap:24px;padding:9px 10px;color:#c4c4be;font-size:10px;background:transparent;border:0;width:100%;text-align:left}.menu-item:hover{background:#393329;color:#ead7b5}.menu-item kbd{font:8px var(--mono);color:#777}.menu-separator{height:1px;background:#393a3d;margin:4px 3px}
@media(max-width:1150px){.workspace{grid-template-columns:205px minmax(320px,1fr) 260px}.brand{width:173px}.topbar{gap:10px}.menu-btn{padding:8px 6px}.backend-badge{display:none}.tool-btn span{display:none}.center-tools .view-mode{padding:6px 5px;font-size:7px}}@media(max-width:900px){.workspace{grid-template-columns:190px minmax(300px,1fr)}.inspector-panel{position:absolute;right:0;top:56px;bottom:190px;width:285px;z-index:6;box-shadow:-8px 0 25px #0007}.menu-row{display:none}.project-label{max-width:240px}.top-actions{margin-left:auto}}@media(max-width:650px){.workspace{grid-template-columns:1fr}.hierarchy-panel{display:none}.inspector-panel{width:255px}.brand{width:40px}.brand-name{display:none}.project-label{min-width:0}.topbar{gap:8px;padding:0 8px}.project-label input{font-size:8px}.icon-button.subtle{display:none}.viewport-toolbar{gap:2px;padding:0 4px}.view-mode{font-size:6px}.viewport-hint{font-size:8px}.bottom-dock{height:115px}}

.transport-btn{width:24px;height:26px;border:1px solid #393a3d;background:#202124;color:#a4a4a5;font-size:10px;padding:0}.transport-btn:hover,.transport-btn.active{background:#393329;border-color:#756347;color:#e4c895}.tree-visibility{background:transparent;border:0;color:#68696d;padding:0 1px;font-size:10px;margin-left:2px;opacity:.72}.tree-visibility:hover{color:#d3b98a;opacity:1}