*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#111;color:#eee}#app{max-width:640px;margin:0 auto;padding:1.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.topbar h1{font-size:1.25rem;letter-spacing:.1em;margin:0}.install-btn{background:#4ade80;color:#111;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-weight:600}.dropzone{border:2px dashed #444;border-radius:8px;padding:2rem;text-align:center;cursor:pointer;margin-bottom:1.5rem;transition:border-color .15s,background .15s}.dropzone.drag-over{border-color:#4ade80;background:#1a2e1f}.waveforms{margin-bottom:1.5rem}.waveform-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.waveform-row label{width:50px;font-size:.8rem;color:#999}canvas{flex:1;width:100%;height:60px;background:#1a1a1a;border-radius:4px}.controls{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.control{display:flex;align-items:center;gap:.75rem}.control label{width:110px;font-size:.85rem;color:#999;letter-spacing:.05em}.control input[type=range]{flex:1}.control .value{width:45px;text-align:right;font-variant-numeric:tabular-nums}.toggle{display:flex;gap:.5rem}.toggle-btn{background:#222;color:#999;border:1px solid #333;border-radius:4px;padding:.4rem .8rem;cursor:pointer;font-size:.8rem}.toggle-btn.active{background:#4ade80;color:#111;border-color:#4ade80}.actions{display:flex;gap:1rem}.actions button{flex:1;padding:.75rem;border-radius:6px;border:none;background:#333;color:#eee;font-size:.9rem;cursor:pointer}.actions button:disabled{opacity:.4;cursor:not-allowed}.actions button:not(:disabled):hover{background:#444}