.properties-panel { 
    border-top: 1px solid #2a2a2a; 
    background: #0f0f0f; 
    max-height: 50vh; 
    overflow-y: auto; 
}
.properties-panel .panel-header { 
    border-top: none; 
    border-bottom: 1px solid #2a2a2a; 
}
.property-group { 
    padding: 8px 16px; 
    border-bottom: 1px solid #1a1a1a; 
}
.property-group:last-child { 
    border-bottom: none; 
}
.property-group label { 
    display: block; 
    font-size: 12px; 
    color: #888; 
    margin-bottom: 4px; 
}
.properties-content input[type="text"], .properties-content input[type="number"] { 
    width: 100%; 
    padding: 6px 10px; 
    background: #0a0a0a; 
    border: 1px solid #2a2a2a; 
    color: #e0e0e0; 
    border-radius: 4px; 
    font-size: 13px; 
    box-sizing: border-box; 
    margin-top: 2px; 
}
.properties-content input[type="text"]:focus, .properties-content input[type="number"]:focus { 
    outline: none; 
    border-color: #4a9eff; 
    box-shadow: 0 0 0 1px #4a9eff; 
}
.property-row { 
    display: grid; 
    grid-template-columns: repeat(3, 1fr); 
    gap: 8px; 
}
.property-color-group { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
}
.properties-content input[type="color"] { 
    -webkit-appearance: none; 
    appearance: none; 
    border: none; 
    width: 32px; 
    height: 32px; 
    padding: 0; 
    border-radius: 4px; 
    background: transparent; 
    cursor: pointer; 
    vertical-align: middle; 
}
.properties-content input[type="color"]::-webkit-color-swatch-wrapper { 
    padding: 0; 
}
.properties-content input[type="color"]::-webkit-color-swatch { 
    border: 1px solid #2a2a2a; 
    border-radius: 3px; 
}
.property-group label input[type="checkbox"] { 
    margin-right: 8px; 
    -webkit-appearance: none; 
    appearance: none; 
    width: 14px; 
    height: 14px; 
    border: 1px solid #2a2a2a; 
    border-radius: 3px; 
    background-color: #0a0a0a; 
    cursor: pointer; 
    position: relative; 
    vertical-align: middle; 
}
.property-group label input[type="checkbox"]:checked { 
    background-color: #4a9eff; 
    border-color: #4a9eff; 
}
.property-group label input[type="checkbox"]:checked::after { 
    content: '✓'; 
    position: absolute; 
    top: -3px; 
    left: 1px; 
    font-size: 12px; 
    color: #fff; 
    line-height: 1; 
}