/**
 * Column Original Styles - v0.1.6 (Refactored)
 * Fixed: Vertical space issue with proper flex layout
 */

.column {
    display: flex;
    flex-direction: column;
    background: white;
    border-radius: 12px;
    padding: 1.5rem;
    overflow: hidden;
    height: 100%;
}

.column-content {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* Mode containers must fill remaining space */
.mode-container {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    width: 100%;
}

/* Ensure child components fill space */
.mode-container html-edit-mode,
.mode-container html-view-mode {
    display: flex;
    flex: 1;
    overflow: hidden;
    width: 100%;
}

/* Ensure sample-selector takes full width */
sample-selector {
    width: 100%;
}