* {
box-sizing: border-box;
font-family: Arial, sans-serif;
}

body {
    margin: 0;
    overflow: hidden;
}

#container {
display: flex;
height: 100vh;
width: 100vw;
}

#chat-column,
#image-column {
width: 20%;
background: #111;
color: white;
display: flex;
flex-direction: column;
padding: 8px;
}

#name-row {
display: flex;
gap: 6px;
}

#chat-messages,
#image-list {
flex: 1;
overflow-y: auto;
margin: 8px 0;
}

#chat-column input {
padding: 6px;
}

#main-content {
flex: 1;
display: flex;
flex-direction: column;
background: #222;
}

#upload-bar {
padding: 8px;
border-bottom: 1px solid #333;
}

#image-container {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
}

#main-image {
max-width: 100%;
max-height: 100%;
}

.thumbnail {
    width: 100%;
    margin-bottom: 6px;
    cursor: pointer;
}