body {
    padding-bottom: 50px; /* Add some padding at the bottom */
}

#canvas-container {
    border: 1px solid #ccc;
    /* Make it responsive, maintain aspect ratio */
    position: relative;
    width: 100%;
    padding-bottom: 75%; /* Aspect Ratio 4:3 */
    overflow: hidden;
    cursor: default; /* Default cursor */
    background-color: #f8f9fa; /* Light background */
}

#canvas-container.pickup-active {
     cursor: crosshair; /* Crosshair when picking */
}


#canvas-container canvas {
    /* Make canvas fill the container */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#status-message {
    font-size: 0.9em;
    white-space: pre-wrap; /* Allow line breaks in status */
}

/* Ensure textareas use a monospaced font for better alignment */
textarea#source-input {
    font-family: monospace;
}