.daw-container{border:1px solid var(--border-light);background:var(--bg-body);color:var(--text-light);font-family:var(--font-interface);margin:var(--sp-24) 0;display:flex;flex-direction:column;overflow:hidden;width:100%;box-sizing:border-box}.daw-header{display:flex;justify-content:space-between;align-items:center;padding:var(--sp-12) var(--sp-16);border-bottom:1px solid var(--border-light);background:#ffffff05}.daw-title{font-size:var(--fs-14);font-weight:700;text-transform:uppercase;letter-spacing:2px}.daw-controls{display:flex;align-items:center;justify-content:space-between;width:100%;flex-wrap:wrap;gap:var(--sp-16)}.daw-header-btns,.daw-header-knobs{display:flex;align-items:center;gap:var(--sp-16)}.daw-btn{background:transparent;border:1px solid var(--border-light);color:var(--text-light);font-family:var(--font-interface);font-size:var(--fs-11);padding:var(--sp-6) var(--sp-12);cursor:pointer;text-transform:uppercase;transition:all var(--ease-fast)}.daw-btn:hover{background:var(--text-light);color:var(--bg-body)}.daw-btn.active{background:var(--accent);color:var(--bg-body);border-color:var(--accent)}.daw-slider-group{display:flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-10);text-transform:uppercase}.daw-slider{appearance:none;-webkit-appearance:none;width:80px;height:4px;background:var(--border-light);outline:none}.daw-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-light);cursor:pointer;border-radius:0}.daw-status{padding:var(--sp-8) var(--sp-16);font-size:var(--fs-10);color:var(--accent-dim);border-bottom:1px solid var(--border-light);display:none}.daw-status.visible{display:block}.daw-body,.daw-track-container{display:flex;flex-direction:column}.daw-track-main{display:grid;grid-template-columns:150px 1fr;width:100%}.daw-track-label{display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-8);border-bottom:1px solid var(--border-light);border-right:1px solid var(--border-light);background:var(--bg-body);font-size:var(--fs-10);text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daw-track-label button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--fs-12)}.daw-track-label button:hover{color:var(--text-light)}.daw-grid-row{display:flex;min-width:0;width:100%;height:32px;border-bottom:1px solid var(--border-light)}.daw-step{flex:1;height:100%;border-right:1px solid var(--border-light);background:transparent;cursor:pointer;transition:background .1s;padding:0;margin:0;outline:none}.daw-step:hover{background:#ffffff0d}.daw-step.active{background:var(--text-muted)}.daw-step:nth-child(4n){border-right-width:2px;border-right-color:#ffffff4d}.daw-grid-row.playhead-row{height:12px;background:#ffffff05}.daw-playhead-step{flex:1;height:100%;border-right:1px solid var(--border-light)}.daw-playhead-step:nth-child(4n){border-right-width:2px;border-right-color:#ffffff4d}.daw-playhead-step.current{background:var(--accent)}.daw-track-settings{display:none;padding:var(--sp-12);background:#ffffff05;border-bottom:1px solid var(--border-light);flex-direction:row;align-items:center;gap:var(--sp-16);flex-wrap:wrap}.daw-track-settings.visible{display:flex}.daw-setting-divider{width:1px;height:32px;background:var(--border-light)}.daw-setting-item{display:flex;flex-direction:column;align-items:center;gap:var(--sp-4);font-size:var(--fs-10);text-transform:uppercase;color:var(--text-muted)}.daw-setting-item input[type=range]{width:100%}.daw-setting-item input[type=number]{width:32px;height:32px;text-align:center;background:transparent;border:1px solid var(--border-light);color:var(--text-light);padding:2px 4px;font-family:var(--font-interface);font-size:var(--fs-10)}.daw-toggle-group{display:flex;gap:var(--sp-4)}.daw-toggle-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-light);color:var(--text-muted);font-size:var(--fs-10);cursor:pointer;text-transform:uppercase}.daw-toggle-btn.on{background:var(--text-light);color:var(--bg-body)}.daw-toggle-btn.mute.on{background:#f44;color:#fff;border-color:#f44}.daw-toggle-btn.solo.on{background:#fd2;color:#000;border-color:#fd2}@media(max-width:768px){.daw-header{flex-direction:column;align-items:flex-start;gap:var(--sp-12)}.daw-controls{flex-wrap:wrap}}