*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:sans-serif;line-height:1.6;color:#333;background-color:#f4f4f4;min-height:100%;padding-top:65px;padding-bottom:50px;display:flex;flex-direction:column}header{background-color:#333;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:3px solid #555;position:fixed;top:0;left:0;right:0;z-index:1000;height:65px}.title-version{display:flex;align-items:baseline}header h1{margin-right:.5rem;font-size:1.8rem}.version-text{font-size:.9rem;color:#ccc}.header-button{padding:.5rem 1rem;background-color:#555;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s ease;text-decoration:none;display:inline-flex;align-items:center}.header-button:hover{background-color:#777;color:#fff}.header-button i{margin-right:.5em}main{padding:2rem;max-width:800px;width:100%;margin:0 auto;flex-grow:1;background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);border-radius:5px;overflow-y:auto}h2{color:#333;margin-bottom:1rem;border-bottom:1px solid #eee;padding-bottom:.5rem}.controls,.options,.output{margin-bottom:1.5rem;padding:1rem;background-color:#f9f9f9;border:1px solid #eee;border-radius:4px}.audio-options{border:1px solid #ddd;padding:.8rem;margin-bottom:1rem;border-radius:4px}.audio-options legend{font-weight:700;padding:0 .5em;color:#555;font-size:.95em}.audio-options div{margin-bottom:.5rem}.audio-options div:last-child{margin-bottom:0}.audio-options label{margin-left:.3em;cursor:pointer;font-size:.9em}.audio-options input[type=radio]{vertical-align:middle;cursor:pointer}.info{font-size:.9em;color:#666;margin-top:1rem;padding-top:.5rem;border-top:1px dashed #eee}.controls button{padding:.8rem 1.5rem;font-size:1rem;margin-right:1rem;cursor:pointer;border:none;border-radius:4px;transition:background-color .2s ease,opacity .2s ease}.controls button:last-child{margin-right:0}#startBtn{background-color:#28a745;color:#fff}#startBtn:hover{background-color:#218838}#startBtn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}#stopBtn{background-color:#dc3545;color:#fff}#stopBtn:hover{background-color:#c82333}#stopBtn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}#status{margin-top:1rem;font-weight:700;padding:.5rem;background-color:#e9ecef;border-radius:4px;font-size:.95em;word-wrap:break-word}#preview{display:block;max-width:100%;margin-bottom:1rem;background-color:#000;border:1px solid #ccc}#downloadLink{display:inline-block;padding:.8rem 1.5rem;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px;font-size:1rem;transition:background-color .2s ease}#downloadLink:hover{background-color:#0056b3}footer{background-color:#333;color:#ccc;text-align:center;padding:1rem 0;font-size:.9rem;position:fixed;bottom:0;left:0;right:0;z-index:1000;height:45px}footer a{color:#7aaeff;text-decoration:none}footer a:hover{text-decoration:underline}fieldset:disabled{opacity:.6;cursor:not-allowed}fieldset:disabled input[type=radio],fieldset:disabled label{cursor:not-allowed}label[for=audioMic][style*="opacity: 0.6"]{text-decoration:line-through}