.data-workbench { max-width: 1200px; margin: 0 auto; padding: 2rem 1rem; }
.data-panel { border: 1px solid var(--border); border-radius: 1rem; padding: 1.5rem; margin-top: 1.25rem; background: var(--surface); }
.data-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; align-items: center; }
.data-options .form-text { grid-column: 1 / -1; }
.data-scroll { overflow: auto; max-height: 420px; margin-top: 1rem; }
.data-scroll table { min-width: 600px; }
.data-scroll td { max-width: 350px; white-space: pre-wrap; overflow-wrap: anywhere; }
.data-scroll th { position: sticky; top: 0; background: var(--surface); z-index: 1; }
.data-workbench .table { --bs-table-bg: var(--surface); --bs-table-color: var(--ink); --bs-table-striped-color: var(--ink); --bs-table-striped-bg: var(--cloud); border-color: var(--border); }
.data-workbench .form-control, .data-workbench .form-select { color: var(--ink); background-color: var(--surface); border-color: var(--border); }
.data-workbench .form-text, .data-workbench .text-secondary { color: var(--slate) !important; }
.data-scroll input[type=number] { width: 5rem; }
.data-form [hidden] { display: none !important; }
.data-workbench textarea { tab-size: 2; }
@media (max-width: 600px) { .data-panel { padding: 1rem; } .data-options { grid-template-columns: 1fr; } }