.wcl-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.wcl-grid > * { min-width:0; }
#wcl-tool textarea { width:100%; resize:vertical; font:inherit; }
.wcl-preview { margin:14px 0; background:repeating-conic-gradient(#eee 0% 25%,#fff 0% 50%) 0 / 20px 20px; border:1px solid var(--line); }
#wcl-canvas { display:block; width:100%; height:auto; }
#wcl-progress { width:100%; margin-top:14px; }
.wcl-table { max-width:100%; }
.wcl-table table { width:100%; table-layout:fixed; }
.wcl-table th:first-child { width:42%; }
.wcl-table th:last-child { width:25%; }
.wcl-table td { overflow-wrap:anywhere; vertical-align:middle; }
.wcl-table input { width:100%; min-width:0; }
.wcl-table .btn { padding:6px 8px; font-size:.9rem; }
.wcl-grid[hidden] { display:none; }
@media(max-width:540px) { .wcl-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .wcl-table { max-height:420px; overflow:auto; } .wcl-table thead { position:sticky; top:0; background:var(--bg,#fff); } }