Perplexity Large Chat by JaredJomar

/* ==UserStyle==
@name         Perplexity Large Chat
@version      20241124.16.15
@namespace    https://userstyles.world/user/JaredJomar
@description  This userstyle optimizes chat interface elements for better readability by adjusting widths and column layout.
@author       JaredJomar
@license      MIT
==/UserStyle== */

@-moz-document domain("perplexity.ai") {
/* Main chat container */
.chat-container {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

/* Text and messages area */
.message-area {
    width: 100%;
    box-sizing: border-box;
}

/* Chat input */
.chat-input {
    width: 100%;
    box-sizing: border-box;
}

/* Ensure text content uses full width */
.message-content {
    width: 100%;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Responsive adjustments */
@media (min-width: 768px) {
    .chat-container {
        padding: 0 1rem;
    }

    .message-area {
        max-width: none;
        width: 100%;
    }
}

/* Remove maximum width restrictions */
.max-w-threadWidth,
.max-w-full {
    max-width: none !important;
    width: 100% !important;
}

/* Ensure message container uses all available space */
.message-wrapper {
    display: block;
    width: 100%;
    margin: 0;
}
}