/* Export Modal Screen Styling */

ExportModal {
    align: center middle;
}

#export-container {
    width: 140;
    height: 55;
    background: $panel;
    border: solid $primary;
    layout: grid;
    grid-columns: 1fr 1fr 1fr;
    grid-rows: auto 1fr auto;
}

#export-title {
    height: 1;
    text-align: center;
    text-style: bold;
    color: $accent;
    background: $boost;
    padding: 1 2;
    column-span: 3;
}

/* Row 1: Three columns */
#tags-area {
    height: 1fr;
    column-span: 1;
    border: solid mediumvioletred;
}

#metadata-display {
    height: 1fr;
    column-span: 1;
    border: solid dodgerblue;
    overflow: auto;
    padding: 1;
}

#export-options {
    height: 1fr;
    column-span: 1;
    border: solid mediumpurple;
    layout: vertical;
    padding: 1;
}

#export-options Select,
#export-options Input {
    height: 3;
    margin: 0 0 1 0;
}

#custom-path-input {
    height: 3;
    margin: 0 0 1 0;
}

#libraries-select {
    height: 3;
    margin: 0 0 1 0;
}

#size-input {
    height: 3;
    margin: 0 0 1 0;
}

#format-select {
    height: 3;
}

/* Row 2: Buttons */
#export-buttons {
    height: auto;
    column-span: 3;
    layout: horizontal;
}

#export-buttons Button {
    width: 1fr;
    margin: 0 1;
}
