*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;background-color:#f5f5f5;padding:20px}.container{max-width:1200px;margin:0 auto}h1,h2{text-align:center;color:#333;margin-bottom:20px}.upload-section,.analysis-section{background:#fff;padding:20px;margin-bottom:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.file-inputs{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700;color:#555}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:5px;font-size:14px}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.btn-primary{background-color:#007bff;color:#fff;border:none;padding:12px 30px;border-radius:5px;cursor:pointer;font-size:16px;display:block;margin:20px auto 0;transition:background-color .3s}.btn-primary:hover{background-color:#0056b3}.charts-section{display:flex;flex-direction:column;gap:20px}#plotChart,#fftChart{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 10px #0000001a;min-height:400px}@media (max-width: 768px){.file-inputs,.form-row{grid-template-columns:1fr}}
