.device-frame {
    width: 100%;
    height: 100%;
    border: 10px solid #000;
    border-radius: 30px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
    background-color: #f0f0f0; /* Fallback color */
}
.device-frame img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.sortable { list-style-type: none; }
.sortable li { cursor: move; }
@media (max-width: 768px) {
    .device-frame { height: 200px; border-width: 5px; }
    .grid-cols-2, .grid-cols-3 { grid-template-columns: 1fr; }
}