*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background-color:#f4f7f6;color:#333;line-height:1.6;padding-top:70px;padding-bottom:50px}.app-header{position:fixed;top:0;left:0;width:100%;background-color:#2c3e50;color:#ecf0f1;padding:10px 20px;height:70px;z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,.2);border-bottom:3px solid #3498db}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:100%}.title-container{display:flex;align-items:baseline}.app-title{font-size:1.6em;font-weight:600;margin-right:10px}#versionDisplay{font-size:.8em;font-weight:400;color:#bdc3c7;opacity:.9}.header-button{background-color:#3498db;color:#fff;padding:9px 16px;border:none;border-radius:5px;text-decoration:none;font-size:.95em;font-weight:500;cursor:pointer;transition:background-color .3s ease,transform .1s ease;display:inline-flex;align-items:center}.header-button:hover{background-color:#2980b9;transform:translateY(-1px)}.header-button:active{transform:translateY(0)}.header-button i{margin-right:8px}.app-main{max-width:960px;margin:30px auto;padding:25px 30px;background-color:#fff;border-radius:8px;box-shadow:0 3px 10px rgba(0,0,0,.1)}.audio-output-container,.controls-container,.editing-container{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.editing-container:last-child{border-bottom:none}h2{margin-bottom:18px;color:#2c3e50;font-size:1.3em;font-weight:600;border-bottom:2px solid #ecf0f1;padding-bottom:5px}.control-button{padding:12px 18px;margin-right:12px;margin-bottom:10px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:500;transition:background-color .3s ease,opacity .3s ease,transform .1s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);display:inline-flex;align-items:center;vertical-align:middle}.control-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px rgba(0,0,0,.15)}.control-button:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.control-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.control-button.record{background-color:#e74c3c;color:#fff}.control-button.record:hover:not(:disabled){background-color:#c0392b}.control-button.stop{background-color:#3498db;color:#fff}.control-button.stop:hover:not(:disabled){background-color:#2980b9}.control-button.load{background-color:#1abc9c;color:#fff}.control-button.load:hover:not(:disabled){background-color:#16a085}.control-button.download{background-color:#2ecc71;color:#fff;text-decoration:none;display:inline-flex}.control-button.download:hover:not(:disabled){background-color:#27ae60}.control-button.edit{background-color:#f39c12;color:#fff}.control-button.edit:hover:not(:disabled){background-color:#e67e22}.control-button.save{background-color:#9b59b6;color:#fff}.control-button.save:hover:not(:disabled){background-color:#8e44ad}.control-button i{margin-right:8px}#audioFileInput{display:none}.status-indicator{margin-left:15px;font-style:italic;color:#7f8c8d;display:inline-block;vertical-align:middle}.timer-display{margin-left:15px;font-weight:700;font-size:1.2em;color:#34495e;background-color:#ecf0f1;padding:3px 8px;border-radius:4px;display:inline-block;vertical-align:middle}#audioPlayback{width:100%;margin-top:10px;margin-bottom:15px}#waveform{background-color:#ecf0f1;border-radius:4px;height:128px;margin-top:15px;position:relative;cursor:crosshair}#waveform::part(region){background-color:rgba(52,152,219,.2);border-left:1px solid rgba(52,152,219,.7);border-right:1px solid rgba(52,152,219,.7);z-index:5!important;cursor:move}#waveform::part(region-handle){background-color:rgba(52,152,219,.9);width:4px;cursor:ew-resize}.edit-controls{margin-top:15px;padding-top:15px;border-top:1px solid #e0e0e0}.app-footer{position:fixed;bottom:0;left:0;width:100%;background-color:#34495e;color:#bdc3c7;text-align:center;padding:10px 0;height:50px;font-size:.9em;z-index:1000;border-top:1px solid #46637f}.footer-container{max-width:1200px;margin:0 auto}.app-footer a{color:#ecf0f1;text-decoration:none;transition:color .3s ease}.app-footer a:hover{color:#fff;text-decoration:underline}