.response-container{width:auto;margin-top:30px;display:flex;flex-direction:column;gap:15px;align-items:center}.response-box{width:100%;min-height:100%;max-width:550px;padding:15px;border-radius:10px;margin-bottom:50px;background:#f8f9fa;box-shadow:#fff;display:flex;justify-content:center;align-items:center;text-align:center}.media-player{width:100%;max-width:100%;border-radius:8px;outline:none}.media-image{width:100%;height:auto;max-height:300px;border-radius:8px;object-fit:cover}.download-button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;font-size:16px;border-radius:5px;cursor:pointer;transition:.3s}.download-button:hover{background-color:#0056b3}.video-container,.audio-container,.image-container{background:#fff}.file-container{background:#e3f2fd}.text-response{background:#d4edda}.tableHeaderStyle{padding:"10px";border:"1px solid #ddd";text-align:"center"}.tableCellStyle{padding:"10px";border:"1px solid #ddd"}.evaluation-metrics-container{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:5px;min-width:0;overflow-x:auto}.metric-box{text-align:center;flex:1 1 auto;min-width:120px;white-space:nowrap}.metric-title{font-size:16px;font-weight:600;color:#333;display:inline-flex;align-items:center}.metric-score{font-size:14px;font-weight:700;color:#444}.info-icon{margin-left:5px;cursor:pointer;font-size:13px;color:#e45807}@media (max-width: 768px){.evaluation-metrics-container{justify-content:flex-start}.metric-box{flex:1 1 45%}.metric-title{font-size:14px}.metric-score{font-size:13px}}@media (max-width: 480px){.metric-box{flex:1 1 100%}}