:root{--bg-color:#0d0f12;--panel-bg:#16181dd9;--menu-bg:#0d0f12f2;--panel-blur:blur(24px);--title-bg:#ffffff1a;--accent-color:#bc8a5f;--accent-hover:#a87b55;--text-main:#f0f0f0;--text-muted:#8892b0;--border-color:#ffffff14;--shadow:0 12px 32px #00000080}:root.light-mode{--bg-color:#e8eaed;--panel-bg:#ffffffe6;--menu-bg:#e8eaedf2;--panel-blur:blur(24px);--title-bg:#00000026;--accent-color:#a87b55;--accent-hover:#8e6542;--text-main:#1d1d1d;--text-muted:#666;--border-color:#0000001a;--shadow:0 12px 32px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);margin:0;font-family:Inter,Roboto,Segoe UI,sans-serif;overflow:hidden}#root{width:100vw;height:100vh}h1,h2,h3,h4{color:var(--text-main);letter-spacing:.5px;font-weight:500}button{cursor:pointer;font-family:inherit;transition:all .2s}input,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#bc8a5f59);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#bc8a5fa6)}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb,#bc8a5f59) transparent}:root{--scrollbar-thumb:#bc8a5f4d;--scrollbar-thumb-hover:#bc8a5f99}:root.light-mode{--scrollbar-thumb:#a87b5559;--scrollbar-thumb-hover:#a87b55a6}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:inner-spin-button;opacity:1;cursor:pointer;background-color:silver;border-radius:3px;height:22px}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1;cursor:pointer;background-color:silver;border-radius:3px;height:22px}input[type=number]::-webkit-inner-spin-button:hover{background-color:#a8a8a8}input[type=number]::-webkit-outer-spin-button:hover{background-color:#a8a8a8}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{background-color:var(--bg-color);width:100%;height:100vh;position:relative;overflow:hidden}.canvas-area{z-index:1;background:radial-gradient(circle at center, #7878780d 0%, var(--bg-color) 100%);background-color:var(--bg-color);position:absolute;inset:0}.app-overlay{z-index:10;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.glass-panel{pointer-events:auto;background:var(--panel-bg);-webkit-backdrop-filter:var(--panel-blur);border:1px solid var(--border-color);box-shadow:var(--shadow)}.header-overlay{z-index:9999;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:12px;left:16px;right:16px}.header-left-card{pointer-events:auto;border-radius:12px;align-items:center;gap:32px;height:72px;padding:0 20px;display:flex}.header-right-wrapper{pointer-events:auto;align-items:flex-start;gap:12px;display:flex;overflow:visible}.nav-toggle-btn{background:var(--panel-bg);width:32px;height:72px;-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);border:1px solid var(--border-color);cursor:pointer;color:var(--text-muted);box-shadow:var(--shadow);z-index:2;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-toggle-btn:hover{color:var(--accent-color);background:#ffffff0d}.nav-drawer{transform-origin:100%;will-change:transform, opacity;border-radius:12px;padding:8px 12px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.nav-drawer.collapsed{opacity:0;pointer-events:none;transform:translate(120%)}.top-nav{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(5,minmax(90px,auto));grid-auto-flow:column;place-items:center stretch;gap:4px;display:grid}.top-nav .nav-btn{text-align:center;border-radius:5px;height:100%;padding:4px 6px;font-size:.71rem}.top-nav label{justify-content:center;height:100%;display:flex}.logo{color:var(--text-main);font-size:1.2rem;font-weight:700}.logo span{color:var(--accent-color);margin-left:6px;font-weight:400}.toolbar-menus{color:var(--text-muted);gap:16px;font-size:.72rem;display:flex}.toolbar-menus span{cursor:pointer;transition:color .2s}.toolbar-menus span:hover{color:var(--text-main)}.divider{background:var(--border-color);width:1px;height:20px;margin:0 8px}.nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:500}.nav-btn:hover{color:var(--accent-color);background-color:#bc8a5f1a}.nav-btn.active{color:var(--accent-color);background-color:#bc8a5f26}.nav-btn.accent-fill{background-color:var(--accent-color);color:#fff}.nav-btn.accent-fill:hover{background-color:var(--accent-hover)}.main-workspace{flex:1;justify-content:space-between;gap:16px;padding:0 16px 16px;display:flex;overflow:hidden}.sidebar{border-radius:12px;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;overflow:hidden}.left-sidebar{width:240px}.right-sidebar{width:250px}.right-sidebar.collapsed{opacity:0;pointer-events:none;border:none;width:0;margin:0}.panel{flex-direction:column;padding:20px;display:flex}.panel.flex-1{border-bottom:1px solid var(--border-color);flex:1;overflow-y:auto}.panel h3{text-transform:uppercase;color:var(--text-muted);letter-spacing:1px;margin-bottom:16px;font-size:.85rem}.tree-view{flex-direction:column;gap:1px;display:flex}.tree-item{cursor:pointer;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-radius:4px;padding:3px 5px;font-size:.7rem;transition:background .2s,color .2s}.tree-item:hover{color:var(--text-main);background-color:#ffffff0d}.tree-item.active{color:var(--text-main);font-weight:500}.tree-item.child{padding-left:12px}.tree-item.child.highlighted{color:var(--accent-color);background-color:#bc8a5f33;font-weight:500}.inspector-title{color:var(--accent-color);margin-bottom:8px;font-size:.8rem;font-weight:600}.inspector-section{margin-bottom:10px}.inspector-section h4{text-transform:uppercase;color:var(--text-muted);margin-bottom:2px;font-size:.65rem}.inspector-card{background:#ffffff08;border:2px solid #ffffff38;border-radius:7px;margin-bottom:8px;padding:6px 8px}.light-mode .inspector-card{background:#00000005;border:2px solid #00000029}.inspector-card h4{text-transform:uppercase;color:var(--accent-color);letter-spacing:.6px;margin-bottom:4px;font-size:.65rem;font-weight:750}@keyframes flash-confirm{0%{filter:brightness();transform:scale(1)}20%{filter:brightness(1.8);transform:scale(1.06)}50%{filter:brightness(1.4);transform:scale(1.02)}to{filter:brightness();transform:scale(1)}}.flash-confirm{animation:.6s ease-out flash-confirm}.vec3-inputs{gap:2px;display:flex}.vec3-inputs div{color:var(--text-muted);border:1px solid var(--border-color);background:#00000040;border-radius:4px;align-items:center;gap:2px;padding:2px 4px;font-size:.65rem;display:flex}.vec3-inputs input{width:100%;min-width:15px;color:var(--text-main);background:0 0;border:none;outline:none;height:22px;padding:2px 0;font-family:inherit;font-size:.75rem;font-weight:500}.hint{color:var(--text-muted);margin-top:4px;font-size:.7rem;line-height:1.3}select{border:1px solid var(--border-color);width:100%;color:var(--text-main);background-color:#0000001a;border-radius:4px;outline:none;padding:4px 6px;font-size:.75rem}.primary-btn{border:1px solid var(--accent-color);width:100%;color:var(--accent-color);background:#bc8a5f26;border-radius:4px;padding:6px;font-size:.75rem;font-weight:500}.primary-btn:hover{background:var(--accent-color);color:#fff}.ai-chat-panel{background:#0000001a;height:250px}.chat-window{flex-direction:column;flex:1;justify-content:flex-end;margin-bottom:12px;display:flex}.chat-message{border-left:3px solid var(--accent-color);color:var(--text-main);background:#bc8a5f1a;border-radius:8px;padding:10px 14px;font-size:.9rem}.chat-input-wrapper input{background:var(--bg-color);border:1px solid var(--border-color);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:12px 14px;font-size:.9rem}.chat-input-wrapper input:focus{border-color:var(--accent-color)}.context-panel-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.context-panel{border-radius:12px;flex-direction:column;width:380px;max-height:80vh;padding:24px;display:flex;overflow-y:auto}.context-panel .header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.context-panel .close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1}.context-panel .close-btn:hover{color:var(--accent-color)}.canvas-area,.app-overlay{transition:right .3s cubic-bezier(.4,0,.2,1)}.app-container.layout-docked .canvas-area,.app-container.layout-docked .app-overlay{right:340px}.docked-sidebar{z-index:15;background:var(--panel-bg);width:340px;height:100vh;-webkit-backdrop-filter:var(--panel-blur);border-left:1px solid var(--border-color);box-shadow:var(--shadow);box-sizing:border-box;pointer-events:auto;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;right:0;overflow:hidden}.docked-sidebar-content{flex-direction:column;flex:1;gap:12px;padding:12px;display:flex;overflow-y:auto}.sidebar-panel-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden}.sidebar-panel-card:hover{border-color:#bc8a5f66}.sidebar-panel-header{background-color:var(--title-bg);color:var(--accent-color);border-bottom:1px solid var(--border-color);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex}.sidebar-panel-body{max-height:450px;padding:10px;overflow-y:auto}.sidebar-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1rem;line-height:1;transition:color .15s}.sidebar-close-btn:hover{color:#ff3b30}