.three-d-container{display:flex;height:70vh;min-height:500px;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);margin:2rem 0;background:#fff}.three-d-viewer{flex:3;position:relative}.three-d-sidebar{flex:1;padding:1.5rem;border-left:1px solid #e0e0e0;overflow-y:auto;background:#fafafa}.three-d-sidebar h2{margin-top:0;font-size:1.4rem;color:#333}.three-d-items{list-style:none;padding:0;margin:1rem 0 0}.three-d-items li{padding:1rem;margin-bottom:.5rem;background:#fff;border:1px solid #eee;border-radius:6px;cursor:pointer;transition:all .2s ease}.three-d-items li:hover,.three-d-items li.active{background:#e6f2ff;border-color:#a0d0ff;transform:translateX(4px)}