/* 3D World Editor styles */
.titlebar.world3d{background:#6a1b9a}
.ribbon.world3d .ribbon-tabs .tab.file{background:#6a1b9a}
.ribbon.world3d .ribbon-tabs .tab.active{color:#6a1b9a;border-bottom-color:#6a1b9a}
.statusbar.world3d{background:#6a1b9a}
.backstage.world3d .side{background:#6a1b9a}

.w3d-main{flex:1;display:flex;overflow:hidden;background:#1a1a1a}

.hierarchy-panel{width:220px;background:#2a2a2a;color:#ddd;border-right:1px solid #1a1a1a;overflow-y:auto;padding:10px}
.hierarchy-panel h4{margin:0 0 10px;color:#bb8fce;font-size:12px;text-transform:uppercase;letter-spacing:.5px}
.hierarchy-panel .h-item{padding:6px 10px;border-radius:3px;cursor:pointer;margin-bottom:2px;font-size:12px;display:flex;align-items:center;gap:6px;transition:background .15s}
.hierarchy-panel .h-item:hover{background:#3a3a3a}
.hierarchy-panel .h-item.selected{background:#6a1b9a;color:#fff}
.hierarchy-panel .h-item .vis{cursor:pointer;opacity:.6}
.hierarchy-panel .h-item .vis:hover{opacity:1}
.hierarchy-panel .h-item .ic{font-size:14px}

.canvas-3d-wrap{flex:1;position:relative;background:#222;overflow:hidden}
.canvas-3d-wrap canvas{display:block;width:100%;height:100%;cursor:default}
.canvas-3d-wrap.first-person canvas{cursor:none}

.vp-overlay{position:absolute;inset:0;pointer-events:none}
.vp-info{position:absolute;top:10px;left:10px;background:rgba(0,0,0,.6);color:#fff;padding:6px 10px;border-radius:3px;font-size:12px;font-family:Consolas,monospace}
.navigation-cube{position:absolute;top:10px;right:10px;width:60px;height:60px;background:rgba(106,27,154,.8);border:1px solid #bb8fce;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;pointer-events:auto;font-size:11px;text-align:center;transition:all .15s}
.navigation-cube:hover{background:rgba(106,27,154,1);transform:scale(1.05)}

.properties-panel{width:280px;background:#2a2a2a;color:#ddd;border-left:1px solid #1a1a1a;overflow-y:auto;padding:12px}
.properties-panel h4{margin:0 0 12px;color:#bb8fce;font-size:13px}
.properties-panel .prop-row{margin-bottom:10px}
.properties-panel label{font-size:11px;color:#aaa;display:block;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}
.properties-panel input[type=text],.properties-panel input[type=number],.properties-panel select{width:100%;padding:5px 8px;background:#1a1a1a;color:#fff;border:1px solid #444;border-radius:2px;font-family:inherit;font-size:13px}
.properties-panel input[type=color]{width:100%;height:30px;background:#1a1a1a;border:1px solid #444;border-radius:2px;cursor:pointer}
.properties-panel input[type=range]{width:100%}
.properties-panel .xyz-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}
.properties-panel .xyz-row label{margin-bottom:2px}
.properties-panel .section-title{color:#bb8fce;font-size:12px;font-weight:600;margin:12px 0 6px;padding-bottom:4px;border-bottom:1px solid #444}

.ribbon.world3d{background:#fafafa;color:#333}
.ribbon.world3d .ribbon-tabs{background:#f0f0f0}
.ribbon.world3d .ribbon-tabs .tab{color:#444}

/* Button active state for tools */
.btn.tool-active{background:#bb8fce !important;color:#fff !important;border-color:#6a1b9a !important}