.collapsible-panel{margin-bottom:16px;border:1px solid #444;border-radius:6px;overflow:hidden;background-color:#1a1a1a}.collapsible-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#333;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s}.collapsible-header:hover{background-color:#3a3a3a}.collapsible-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin:0}.collapsible-icon{font-size:12px;color:#999;transition:transform .3s ease}.collapsible-icon.open{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.collapsible-content.open{max-height:1000px;transition:max-height .5s ease-in}.collapsible-body{padding:16px}.collapsible-panel:not(:last-child){margin-bottom:12px}.collapsible-panel.expanded{border-color:#4a9eff}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.collapsible-content.open .collapsible-body{animation:slideDown .3s ease-out}.collapsible-panel-wrapper{position:relative;height:100%;transition:width .3s ease-in-out;overflow:hidden;flex-shrink:0}.collapsible-panel-wrapper.collapsed{width:20px!important;background-color:#333}.collapsible-panel-wrapper.left{border-right:1px solid #444}.collapsible-panel-wrapper.right{border-left:1px solid #444}.collapsible-panel-wrapper .left-panel,.collapsible-panel-wrapper .right-panel{width:100%;height:100%;border:none}.three-scene-container{flex:1;position:relative;min-width:0}.collapse-toggle{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:60px;background-color:#a7a6a6;border:1px solid #444;color:#898b89;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s;z-index:100}.collapse-toggle:hover{background-color:#fff;color:#fff}.collapse-toggle.left{right:-15px;border-radius:8px}.collapse-toggle.right{left:-15px;border-radius:8px}.collapsible-panel-wrapper.collapsed .collapse-toggle.left{right:5px}.collapsible-panel-wrapper.collapsed .collapse-toggle.right{left:5px}.panel-content{height:100%;opacity:1;transition:opacity .2s ease-in-out;overflow-y:auto}.panel-content.hidden{opacity:0;pointer-events:none}.collapsible-panel-wrapper.collapsed .left-panel,.collapsible-panel-wrapper.collapsed .right-panel{visibility:hidden}.app-container{display:flex;width:100vw;height:100vh;overflow:hidden}.left-panel{width:250px;background-color:#2a2a2a;color:#fff;padding:20px;overflow-y:auto;border-right:1px solid #444}.right-panel{width:300px;background-color:#2a2a2a;color:#fff;padding:20px;overflow-y:auto;border-left:1px solid #444}.three-scene-container{flex:1;position:relative}.panel-section{margin-bottom:24px}.panel-section h3{margin-bottom:12px;font-size:14px;text-transform:uppercase;color:#999}.control-group{margin-bottom:12px}.control-group label{display:block;margin-bottom:4px;font-size:12px;color:#ccc}.control-group.horizontal{display:flex;align-items:center;gap:10px}.control-group.horizontal label{margin-bottom:0;white-space:nowrap;min-width:fit-content}.control-group.horizontal select,.control-group.horizontal input{flex:1}.control-group.horizontal-fixed{display:flex;align-items:center;gap:10px}.control-group.horizontal-fixed label{margin-bottom:0;width:80px;min-width:80px}.control-group.horizontal-fixed select,.control-group.horizontal-fixed input{flex:1}.control-group.inline{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.control-group.inline label{margin-bottom:0}.control-group.inline-fixed{display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center}.control-group.inline-fixed label{margin-bottom:0}.control-group.compact{display:flex;align-items:center;gap:8px;margin-bottom:10px}.control-group.compact label{margin-bottom:0;font-size:11px;min-width:60px}.control-group.compact select,.control-group.compact input{flex:1;padding:4px 6px;font-size:11px}.control-group input,.control-group select{width:100%;padding:6px;background-color:#1a1a1a;border:1px solid #444;color:#fff;border-radius:4px}.control-group button{width:100%;padding:8px;background-color:#4a9eff;border:none;color:#fff;border-radius:4px;cursor:pointer;font-size:12px}.control-group button:hover{background-color:#3a8eef}.scene-object{padding:8px;background-color:#1a1a1a;border:1px solid #444;border-radius:4px;margin-bottom:8px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:space-between}.scene-object:hover{background-color:#333}.scene-object.selected{border-color:#4a9eff;background-color:#2a3a4a}.scene-object.clickable{cursor:pointer;transition:background-color .2s}.scene-object.clickable:hover{background-color:#ffffff1a}.scene-object.selected{background-color:#4ecdc44d;border-left:3px solid #4ecdc4!important}orientation-gizmo{position:absolute;top:80px;right:20px;border-radius:100%;cursor:pointer}orientation-gizmo:hover{background:#fff3}