.demo-page{max-width:1450px;margin:auto}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.demo-filters,.demo-upload,.demo-usage,.demo-audit{padding:18px;margin:16px 0}.demo-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.demo-filters label,.demo-fields label{display:grid;gap:6px}.demo-fields{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin:14px 0}.demo-upload label{display:grid;gap:6px}.demo-upload h2{font-size:18px;color:#e2e8f0}.demo-upload p{font-size:13px;color:#94a3b8;margin:12px 0}.demo-upload textarea{width:100%}.demo-upload[hidden]{display:none}.demo-upload progress{width:calc(100% - 65px);accent-color:#14b8a6;margin:18px 12px 18px 0}.demo-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.demo-muted,.demo-usage small{display:block;color:#94a3b8;font-size:11px;margin-top:5px}.demo-reason{max-width:420px;overflow-wrap:anywhere;color:#94a3b8;margin-top:5px}.demo-table-wrap{overflow:auto;margin-bottom:18px}.demo-audit p{font-size:12px;overflow-wrap:anywhere}.demo-page input[type=checkbox]{accent-color:#14b8a6}.demo-page button:disabled{opacity:.5;cursor:wait}#demo-feedback{overflow-wrap:anywhere;color:#5eead4}#demo-feedback[data-error=true]{color:#fda4af}@media(max-width:640px){.demo-heading{align-items:start;flex-direction:column}.demo-fields{grid-template-columns:1fr}.demo-filters{display:grid;grid-template-columns:1fr}.demo-filters .input{width:100%}.demo-table-wrap table{min-width:680px}.demo-upload input[type=file]{max-width:100%}}