*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;background:#000}#root{width:100vw;height:100vh;position:fixed;top:0;left:0}canvas{display:block;width:100%;height:100%;position:fixed;top:0;left:0}.control-panel{position:fixed;top:20px;right:20px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;color:#fff;font-family:monospace;z-index:1000;max-width:300px}.control-panel h3{font-size:14px;margin-bottom:15px;color:#0f8;text-transform:uppercase;letter-spacing:1px}.control-group{margin-bottom:15px}.control-group label{display:block;font-size:12px;margin-bottom:5px;color:#ffffffb3}.control-group select,.control-group input[type=range]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px;color:#fff;font-size:12px}.control-group input[type=range]{height:4px;padding:0}.control-group button{width:100%;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:4px;padding:10px;color:#0f8;font-size:12px;cursor:pointer;transition:all .3s ease;font-family:monospace}.control-group button:hover{background:#0f83;border-color:#00ff8880}.file-upload-btn{display:block;width:100%;background:#00ff881a;border:1px solid rgba(0,255,136,.3);border-radius:4px;padding:10px;color:#0f8;font-size:12px;cursor:pointer;transition:all .3s ease;text-align:center}.file-upload-btn:hover{background:#0f83;border-color:#00ff8880}.audio-play-btn{margin-top:10px}.audio-info{margin-top:10px;font-size:11px;color:#ffffff80}.audio-filename{display:block;margin-bottom:5px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-error{margin-top:10px;font-size:11px;color:#f44}.auto-generate-btn{background:#8a2be21a!important;border:1px solid rgba(138,43,226,.3)!important;color:#96f!important;margin-bottom:8px}.auto-generate-btn:hover:not(:disabled){background:#8a2be233!important;border-color:#8a2be280!important}.auto-generate-btn:disabled{opacity:.5;cursor:not-allowed}.record-btn{background:#ff00001a!important;border:1px solid rgba(255,0,0,.3)!important;color:#f44!important}.record-btn:hover:not(:disabled){background:#f003!important;border-color:#ff000080!important}.record-btn:disabled{opacity:.5;cursor:not-allowed}.stop-btn{background:#ffa5001a!important;border:1px solid rgba(255,165,0,.3)!important;color:orange!important}.stop-btn:hover{background:#ffa50033!important;border-color:#ffa50080!important}.download-btn{background:#00ff881a!important;border:1px solid rgba(0,255,136,.3)!important;color:#0f8!important;margin-bottom:8px}.download-btn:hover{background:#0f83!important;border-color:#00ff8880!important}.clear-btn{background:#8080801a!important;border:1px solid rgba(128,128,128,.3)!important;color:#888!important}.clear-btn:hover{background:#80808033!important;border-color:#80808080!important}.recording-indicator{margin-top:10px;font-size:12px;color:#f44;display:flex;align-items:center;gap:8px}.recording-dot{width:10px;height:10px;background:#f44;border-radius:50%;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.recorded-info{margin-top:10px;font-size:11px;color:#0f8}.video-error{margin-top:10px;font-size:11px;color:#f44}.video-hint{font-size:11px;color:#ffffff80;margin-top:8px;font-style:italic}.auto-generating-indicator{margin-bottom:10px}.progress-bar{width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;background:linear-gradient(90deg,#96f,#60f);transition:width .3s ease;border-radius:10px}.progress-text{font-size:12px;color:#96f;text-align:center}.cancel-btn{background:#ff64641a!important;border:1px solid rgba(255,100,100,.3)!important;color:#ff6464!important}.cancel-btn:hover{background:#ff646433!important;border-color:#ff646480!important}.dedication{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:14px;color:#ffffff4d;z-index:1000;text-align:center;font-family:monospace}