#s-fields{border:0;padding:0;margin:0 0 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.suite-field{display:flex;flex-direction:column;gap:7px;font-weight:600;min-width:0}.suite-field input,.suite-field select,.suite-field textarea{width:100%;min-height:44px;padding:11px;border:1px solid #b9cbd5;border-radius:9px;background:#fff;color:#20394e;font:inherit;box-sizing:border-box}.suite-field:has(textarea){grid-column:1/-1}.suite-field input[type=checkbox]{width:24px;min-height:24px}.suite-table{overflow:auto;max-height:480px;margin:18px 0;border:1px solid #dce5ea;border-radius:10px}.suite-table table{width:100%;border-collapse:collapse;font-size:.9rem}.suite-table td,.suite-table th{padding:9px;border-bottom:1px solid #dce5ea;text-align:start;white-space:pre-wrap;min-width:90px;max-width:400px;overflow-wrap:anywhere}.suite-table th{position:sticky;top:0;background:#edf6f4}#s-result{overflow-wrap:anywhere}#s-result>.btn{margin:6px}#s-error{color:#a52222}#s-result img{max-width:100%;max-height:350px;object-fit:contain}.suite-preview{padding:24px;border:1px solid #dce5ea;border-radius:12px;background:#fff;margin:20px 0}.suite-preview p{white-space:pre-wrap}.suite-preview table{border-collapse:collapse;width:100%}.suite-preview td,.suite-preview th{padding:8px;border:1px solid #dce5ea;text-align:start}.suite-preview img{max-width:140px;max-height:100px}#s-result pre{white-space:pre-wrap;max-height:500px;overflow:auto}

.suite-field[hidden]{display:none}.suite-preview{overflow-x:auto}.suite-preview h1{font-size:1.8rem}.suite-preview h2{font-size:1.3rem}