/* ===== DESKTOP ONLY ===== */
@media (min-width: 1090px) {

    .layout-desktop {
        display: grid;
        grid-template-columns: 520px 520px;
        gap: 20px;
        max-width: 1063px;
        /* ВАЖНО */
        margin: 0 auto;
        align-items: start;
    }

    .main-content {
        width: 642px;

    }

    .upload-card {
        width: 642px !important;
    }

    .card.user-card {
        max-width: 642px;
        border-radius: 14px;
    }

    .results-sidebar {
        /* width: 100%; */
        width: 634px;
        /* высота левого хедера */
    }

    .generation-actions {
        display: grid;
        justify-items: end;
        align-items: start;
    }

    .user-box {
        display: flex;
        align-items: center;
        gap: 10px;

        padding: 6px 10px;
        border-radius: 10px;

        background: #f9fafb;
        border: 1px solid #e5e7eb;

        cursor: pointer;
    }

    .user-avatar {
        position: relative;
        width: 36px;
        height: 36px;
    }

    .user-avatar img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
    }

    .user-online {
        position: absolute;
        right: 0;
        top: 0;

        width: 9px;
        height: 9px;
        border-radius: 50%;

        background: #22c55e;
        border: 2px solid #f9fafb;
    }

    .user-meta {
        display: flex;
        flex-direction: column;
        line-height: 1.1;
    }

    .user-name {
        font-size: 13px;
        font-weight: 600;
        color: #374151;
    }

    .user-status {
        color: #6b7280;
    }

    .desktop-header {
        grid-column: 1 / -1;
        margin-bottom: -9px;
        width: 100%;
    }

    .desktop-header-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .generations-card {
        width: 402px;
        margin: 0px auto 0;
    }


    .logo-box {
         height: 56px;
        margin-bottom: 0;
    }

    .user-box {
        align-self: center;
    }

    #img-1 {
        display: none;
    }

    #img-2 {
        display: block;
    }
}