.table-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:1.25rem; align-items:start; }
.table-layout .panel, .table-settings .field { min-width:0; }
.table-layout textarea, #readme-table { font-family:var(--mono,monospace); white-space:pre; tab-size:4; }
.table-layout textarea { display:block; width:100%; min-height:17rem; resize:vertical; padding:.8rem; border:1px solid var(--border); border-radius:.65rem; background:var(--panel); color:var(--text); font-size:.9rem; line-height:1.5; }
.table-settings { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.table-result .ascii-output { max-height:36rem; min-height:12rem; overflow:auto; }
#table-output, .table-static { white-space:pre; font-family:var(--mono,monospace); }
.table-guide { margin-top:2rem; }
.table-static { overflow:auto; }
.readme-table [disabled] { opacity:.5; }
.table-layout :focus-visible, .readme-table :focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
@media(max-width:800px) { .table-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:420px) { .table-settings { grid-template-columns:minmax(0,1fr); } .table-layout .button { max-width:100%; white-space:normal; } }