/* Base styles */
:root {
    font-family: ui-sans-serif, system-ui, sans-serif;
}

body {
    margin: 24px;
    max-width: 820px;
}

/* Layout components */
.panel {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 16px;
    margin-bottom: 16px;
}

.row {
    display: flex;
    gap: 8px;
    align-items: center;
    flex-wrap: wrap;
}

/* Basic form elements */
button {
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    cursor: pointer;
}

button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

select,
input {
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #ccc;
}