/* Sortinator Styles */
.container-wide { max-width: 1200px !important; }
.two-column { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2xl); }
.column { display: flex; flex-direction: column; }
textarea { width: 100%; min-height: 300px; padding: var(--space-lg); border: 2px solid var(--color-border); border-radius: var(--radius-sm); font-family: 'Courier New', monospace; resize: vertical; background: var(--color-bg-elevated); color: var(--color-text); }
textarea:focus { border-color: var(--color-primary); outline: none; }
.controls { background: var(--color-accent); padding: var(--space-2xl); border-radius: var(--radius-md); margin-top: var(--space-2xl); }
.control-group { margin-bottom: var(--space-xl); }
.checkbox-group { display: flex; flex-direction: column; gap: var(--space-sm); }
.checkbox-item { display: flex; align-items: center; gap: var(--space-sm); }
input[type="checkbox"] { width: 20px; height: 20px; cursor: pointer; }
.button-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: var(--space-md); margin-top: var(--space-lg); }
.btn-info { background: #3498db; color: white; } .btn-info:hover { background: #2980b9; }
.file-upload-btn { display: inline-block; padding: var(--space-md); background: #95a5a6; color: white; border-radius: var(--radius-sm); cursor: pointer; margin-top: var(--space-md); }
.stats { background: #e8f4f8; padding: var(--space-md); border-radius: var(--radius-sm); margin-top: var(--space-lg); }
.feedback { padding: var(--space-sm); border-radius: var(--radius-sm); margin-top: var(--space-sm); display: none; }
.feedback.show { display: block; }
.feedback.success { background: #d4edda; color: #155724; }
.feedback.error { background: #f8d7da; color: #721c24; }
.hidden { display: none !important; }
@media (max-width: 768px) { .two-column { grid-template-columns: 1fr; } }