: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}.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}