:root{--bg-main: #181818;--bg-panel: #252526;--bg-panel-dark: #1e1e1e;--border-color: #333333;--text-primary: #cccccc;--text-secondary: #888888;--accent-color: #43b581;--accent-hover: #3ca374;--danger-color: #f04747;--danger-hover: #d84040;--font-main: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary);overflow:hidden}.daw-layout{display:flex;height:100vh;width:100vw}.sidebar{width:300px;flex-shrink:0;background-color:var(--bg-panel);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto;transition:width .3s ease}.sidebar.closed{width:50px;overflow-x:hidden}.sidebar-header{padding:15px;border-bottom:1px solid var(--border-color);background-color:var(--bg-panel-dark);display:flex;justify-content:space-between;align-items:center}.sidebar.closed .sidebar-header{padding:15px 5px;justify-content:center}.sidebar.closed .sidebar-title{display:none}.toggle-sidebar-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:5px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;height:28px;width:28px}.toggle-sidebar-btn:hover{background:#ffffff1a;color:var(--text-primary)}.sidebar-header h1{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:5px}.sidebar-header p{font-size:.8rem;color:var(--text-secondary)}.sidebar-section{padding:15px;border-bottom:1px solid var(--border-color)}.sidebar-section h3{font-size:.85rem;text-transform:uppercase;color:var(--text-secondary);margin-bottom:15px;letter-spacing:.5px}.hotkeys-list{display:flex;flex-direction:column;gap:10px}.hotkey-item{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);align-items:center}.hotkey-item span:first-child{background:#ffffff0d;padding:4px 8px;border-radius:4px;font-family:var(--font-mono);color:var(--text-primary);border:1px solid rgba(255,255,255,.1);box-shadow:0 2px #0006;font-size:.75rem}.upload-box{width:100%}.file-input{display:none}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:1px dashed var(--text-secondary);border-radius:4px;cursor:pointer;background:#0003;transition:all .2s}.upload-label:hover{background:#ffffff0d;border-color:var(--text-primary)}.upload-box.drag-over .upload-label{background:#43b5811a;border-color:var(--accent-color);transform:scale(1.02)}.upload-icon{font-size:2rem;margin-bottom:10px}.upload-label p{font-size:.9rem;text-align:center}.upload-hint{font-size:.75rem;color:var(--text-secondary);margin-top:5px}.upload-box.compact .upload-label{padding:10px;flex-direction:row;gap:10px}.upload-box.compact .upload-icon{font-size:1.2rem;margin-bottom:0}.upload-methods-bar{display:flex;gap:8px;margin-top:8px}.upload-method-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;background-color:#ffffff0d;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease}.upload-method-btn:hover:not(:disabled){background-color:#43b58126;border-color:var(--accent-color);color:#fff}.upload-method-btn:disabled{opacity:.5;cursor:not-allowed}.upload-method-btn .method-icon{font-size:.95rem}.files-list{display:flex;flex-direction:column;gap:5px}.file-list-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:#ffffff08;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:all .2s ease}.file-list-item:hover{background:#ffffff14}.file-list-item.active{background:#43b5811a;border-color:var(--accent-color)}.file-list-item.active .file-name{color:var(--accent-color);font-weight:500}.file-name{font-size:.85rem;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove-file-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;line-height:1;padding:0 5px;border-radius:3px;transition:color .2s,background .2s}.remove-file-btn:hover{color:var(--danger-color);background:#f047471a}.info-grid{display:flex;flex-direction:column;gap:10px}.info-item{display:flex;justify-content:space-between;font-size:.85rem}.info-item span{color:var(--text-secondary)}.info-item strong{color:var(--text-primary);font-family:var(--font-mono)}.control-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.control-item label{font-size:.85rem;color:var(--text-secondary)}.input{width:100px;padding:5px 8px;background-color:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);border-radius:3px;font-family:var(--font-mono);font-size:.85rem}.input:focus{outline:none;border-color:var(--accent-color)}.action-buttons{display:flex;flex-direction:column;gap:10px;margin-top:15px}.btn{padding:8px 12px;border:none;border-radius:3px;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;font-weight:500}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent-color);color:#000}.btn-primary:hover:not(:disabled){background-color:var(--accent-hover)}.btn-secondary{background-color:#444;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#555}.btn-success{background-color:#28a745;color:#fff}.btn-large{padding:12px;font-size:1rem}.btn-sm{padding:4px 8px;font-size:.8rem}.main-area{flex:1;min-width:0;display:flex;flex-direction:column;background-color:var(--bg-main)}.editor-area{flex:1;min-height:0;padding:20px;display:flex;flex-direction:column;position:relative}.waveform-container{flex:1;min-height:0;display:flex;flex-direction:column;background-color:#000;border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.waveform{flex:1;width:100%;overflow:hidden}.minimap{border-top:1px solid var(--border-color)}.bottom-bar{height:60px;background-color:var(--bg-panel-dark);border-top:1px solid var(--border-color);display:flex;align-items:center;padding:0 20px;justify-content:space-between}.playback-controls{display:flex;align-items:center;gap:15px}.time-display{font-family:var(--font-mono);font-size:1.1rem;color:var(--accent-color);background:#000;padding:5px 15px;border:1px solid var(--border-color);border-radius:4px;min-width:120px;text-align:center}.region-info{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);margin-left:15px}.zoom-controls{display:flex;align-items:center;gap:10px}.zoom-controls input[type=range]{width:150px;accent-color:var(--accent-color)}.success-message{margin-bottom:15px;padding:10px;background-color:#28a7451a;border:1px solid #28a745;border-radius:4px;color:#28a745;font-size:.9rem}.audio-player{width:100%;margin:15px 0;height:30px}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000c7;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1)}.modal-content{background-color:var(--bg-panel);border:1px solid var(--border-color);border-radius:8px;width:92%;max-width:480px;box-shadow:0 20px 50px #000000b3,0 0 0 1px #ffffff0d;animation:modalSlideUp .22s cubic-bezier(.16,1,.3,1);overflow:hidden;display:flex;flex-direction:column}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background-color:var(--bg-panel-dark);border-bottom:1px solid var(--border-color)}.modal-header h2{font-size:1.05rem;font-weight:600;color:#fff;letter-spacing:.3px}.modal-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;padding:0 4px;cursor:pointer;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:#fff;background-color:#ffffff1a}.modal-tabs{display:flex;background-color:#00000040;border-bottom:1px solid var(--border-color)}.modal-tab{flex:1;padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.modal-tab:hover{color:var(--text-primary);background-color:#ffffff08}.modal-tab.active{color:var(--accent-color);border-bottom-color:var(--accent-color);background-color:#43b58114}.modal-tab .tab-icon{font-size:1.1rem}.modal-body{padding:24px 20px}.tab-pane{display:flex;flex-direction:column}.device-dropzone{border:2px dashed var(--border-color);border-radius:8px;padding:32px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;background-color:#00000026;transition:all .2s ease}.device-dropzone:hover,.device-dropzone.drag-over{border-color:var(--accent-color);background-color:#43b58114;transform:translateY(-1px)}.dropzone-icon{font-size:2.8rem;margin-bottom:12px;opacity:.9}.dropzone-title{font-size:.95rem;font-weight:500;color:var(--text-primary);margin-bottom:4px}.dropzone-subtitle{font-size:.8rem;color:var(--text-secondary);margin-bottom:18px}.btn-browse{margin-bottom:14px;padding:8px 18px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-group label{font-size:.85rem;color:var(--text-secondary);margin-bottom:8px;font-weight:500}.url-input-container{display:flex;gap:8px}.url-text-input{flex:1;padding:9px 12px;background-color:var(--bg-main);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-mono);transition:border-color .2s}.url-text-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #43b58133}.btn-paste{padding:0 14px;background-color:#ffffff0f;border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-paste:hover:not(:disabled){background-color:#ffffff1f;color:#fff}.url-error-box{padding:10px 12px;background-color:#f047471a;border:1px solid var(--danger-color);border-radius:4px;color:#ff6b6b;font-size:.82rem;margin-bottom:14px;display:flex;align-items:center;word-break:break-word}.url-tip-box{padding:10px 12px;background-color:#43b58114;border:1px solid rgba(67,181,129,.25);border-radius:4px;font-size:.8rem;line-height:1.4;color:var(--text-secondary);margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:5px}