html,body{width:100%;height:100%;margin:0;overflow:hidden}#view{width:100vw;height:100vh}#inspector{position:absolute;top:0;left:0;max-height:100vh;overflow:auto;z-index:10}.info-panel{position:fixed;top:20px;right:20px;width:350px;max-height:80vh;background:#fffffff2;border-radius:8px;box-shadow:0 4px 20px #0000004d;z-index:100;overflow:hidden;transition:opacity .3s,transform .3s}.info-panel.hidden{opacity:0;transform:translate(400px);pointer-events:none}.info-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#0a3b59;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.info-header h3{margin:0;font-size:18px;font-weight:600}.close-btn{background:none;border:none;color:#fff;font-size:28px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.close-btn:hover{background:#ffffff1a}.info-content{padding:20px;max-height:calc(80vh - 60px);overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.property-group{margin-bottom:20px}.property-group h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#0a3b59;text-transform:uppercase;letter-spacing:.5px}.property-list{background:#f8f9fa;border-radius:4px;padding:12px}.property-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e0e0e0}.property-item:last-child{border-bottom:none}.property-key{font-weight:600;color:#333;margin-right:12px;flex-shrink:0}.property-value{color:#666;text-align:right;word-break:break-word}.empty-state{text-align:center;padding:40px 20px;color:#999}.empty-state p{margin:0;font-size:14px}