.yt-monitor-wrapper-2e2adb32 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.yt-monitor-container-2e2adb32 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.yt-monitor-2e2adb32 {
    position: relative;
    width: 100%;
    background: #1a1a1a;
    border-radius: 12px 12px 12px 12px; /* Ensure bottom corners are also rounded here */
    padding: 3% 3% 8% 3%; /* Creates the frame, thicker at the bottom for the chin */
    box-shadow: 0 15px 35px rgba(0,0,0,0.2);
    box-sizing: border-box;
    overflow: hidden; /* Contains the chin pseudo-element and prevents background spill */
    /* Add isolation to fix rounding overflow bugs in WebKit */
    isolation: isolate; 
}

/* The monitor's bottom chin */
.yt-monitor-2e2adb32::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 12%; /* Height of the chin */
    background: #e0e0e0;
    border-radius: 0 0 12px 12px;
    z-index: -1; /* Place behind screen but inside the isolated context */
}

/* Inner screen area maintaining 16:9 ratio */
.yt-monitor-screen-2e2adb32 {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #000;
    z-index: 2; /* Sits above the chin */
    border: 2px solid #000;
    box-sizing: border-box;
    overflow: hidden;
}

.yt-monitor-screen-2e2adb32 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Stand and base container for positioning */
.yt-monitor-stand-container-2e2adb32 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 0;
    width: 100%;
}

/* The neck/stand - Refined with depth */
.yt-monitor-stand-2e2adb32 {
    width: 18%;
    height: 45px;
    background: linear-gradient(to right, #999, #eee 30%, #eee 70%, #999);
    clip-path: polygon(25% 0, 75% 0, 100% 100%, 0% 100%);
    margin-top: -2px; /* Pull up slightly to connect seamlessly */
    box-shadow: inset 0 -5px 10px rgba(0,0,0,0.2);
}

/* The base plate - Refined with 3D effect */
.yt-monitor-base-2e2adb32 {
    width: 35%;
    height: 12px;
    background: linear-gradient(to bottom, #d0d0d0, #a3a3a3);
    border-radius: 50% 50% 0 0 / 100% 100% 0 0;
    margin-top: -1px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

/* Bottom edge of the base */
.yt-monitor-base-2e2adb32::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    height: 4px;
    background: #888;
    border-radius: 0 0 50% 50% / 0 0 100% 100%;
}

/* Subtle glass reflection effect */
.yt-monitor-reflection-2e2adb32 {
    width: 35%;
    height: 25px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2), transparent);
    border-radius: 50% / 100% 100% 0 0;
    margin-top: 4px; /* Space from the base */
    transform: scaleY(-1); /* Flip vertically for reflection */
    filter: blur(4px);
    opacity: 0.5;
}