*{box-sizing:border-box}body{color:#1f2937;background:#fafafa;margin:0;font-family:Arial,sans-serif}main{max-width:100%;padding:24px}h1{margin-top:0}form{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}input,select,button,.btn-link{border:1px solid #d1d5db;border-radius:6px;padding:8px 10px}select{background:#fff}button,.btn-link{cursor:pointer;background:#fff}.btn-link{color:inherit;align-items:center;text-decoration:none;display:inline-flex}button:disabled{color:#9ca3af;cursor:default;background:#f3f4f6}.table-scroll{overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%;font-size:13px}th,td{text-align:left;overflow-wrap:anywhere;border:1px solid #e5e7eb;padding:5px}th{overflow-wrap:normal;word-break:keep-all;background:#f3f4f6}.atomic-cell{white-space:nowrap}.token-cell{overflow-wrap:normal}.text-cell{min-width:130px;max-width:200px}.details-cell pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;margin:0;overflow:auto}.controls{align-items:center;gap:8px;margin-top:12px;display:flex}.error{color:#b91c1c;margin:8px 0}.warning{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin:8px 0;padding:8px 10px}