@media (max-width:1050px){#main-container{flex-direction:column;gap:var(--spacing-md)}.sliders-right{width:100%;margin-top:0;align-items:center;min-width:0}.sliders-right>.audio-controls-moved,.sliders-right>.level-test-controls-row,.sliders-right>.volume-sliders-container{max-width:600px;width:100%}.slider-groups-wrapper{flex-wrap:wrap;justify-content:center}.slider-group{min-width:120px;margin-bottom:var(--spacing-md)}}@media (max-width:768px){.sidebar-nav{width:64px}.nav-label{display:none}.page-content{margin-left:64px;width:calc(100% - 64px)}}@media (max-width:480px){.sidebar-nav{width:56px}.page-content{margin-left:56px;width:calc(100% - 56px)}}@media (max-width:768px){body{padding-top:130px;font-size:15px}header{flex-direction:column;height:auto;padding:var(--spacing-sm)}.header-content-wrapper{flex-direction:column;gap:var(--spacing-xs)}.header-main-row{flex-direction:column;gap:var(--spacing-xs)}.header-left{justify-content:center;width:100%}.title-version-row{justify-content:center}.header-tagline{display:none}.header-right{width:100%;text-align:center;margin-top:var(--spacing-xs)}#main-container{padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.main-content-area h2,.sliders-right h2{font-size:1.2rem}.main-content-area h3,.sliders-right h3{font-size:1rem}.control-group{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.control-group label{min-width:auto;text-align:left;margin-bottom:var(--spacing-xs)}.control-group input[type=text],.control-group select{width:100%}.init-device-row{flex-direction:column;align-items:stretch;border-bottom:none;gap:var(--spacing-sm)}.device-select-group{flex-direction:column;align-items:stretch;min-width:auto}#init-audio-btn{width:100%}.sliders-right .audio-controls-moved .main-controls-wrapper,.sliders-right .level-test-controls-row{gap:var(--spacing-sm)}.sliders-right .audio-controls-moved .record-stop-row button,.sliders-right .audio-controls-moved .settings-actions-row button,.sliders-right .audio-controls-moved .sub-controls-row button,.sliders-right .level-test-controls-row button{width:100%;max-width:100%}.sliders-right .audio-controls-moved .sub-controls-row{flex-direction:column}.sliders-right .audio-controls-moved .recording-info-row{flex-direction:column;gap:var(--spacing-sm);align-items:center}.sliders-right .audio-controls-moved .monitoring-control-inline{order:1;width:auto;justify-content:center}.timers-container{justify-content:center}.sliders-right .audio-controls-moved .timer-display{order:0;font-size:1.4rem}.slider-groups-wrapper{flex-direction:column;align-items:center;gap:var(--spacing-md)}.sliders-right .slider-group{width:90%;margin:0 auto;max-width:280px}.sliders-right .slider-group .slider-with-vu{flex-direction:column;align-items:center;gap:var(--spacing-sm)}.sliders-right .slider-group .slider-with-vu input[type=range].vertical-slider{transform:none;width:100%;height:15px}.sliders-right .slider-group .slider-with-vu canvas{height:125px;width:125px}.bank-container{flex-direction:column;gap:var(--spacing-md)}.sound-slot{flex-direction:column;align-items:stretch;gap:var(--spacing-sm);padding:var(--spacing-sm)}.slot-key{order:0;text-align:left;margin-bottom:var(--spacing-xs)}.name-and-file{order:1;gap:var(--spacing-sm);width:100%}.change-file-label{width:40px;height:40px}.slot-buttons{order:2;width:100%;justify-content:space-around;margin-top:var(--spacing-sm);gap:var(--spacing-md)}.sound-control-btn{width:45%;height:40px;padding:var(--spacing-sm) var(--spacing-md)}.sound-control-btn i{font-size:1.1rem}.modal-content{width:92%;margin:10% auto;padding:var(--spacing-md)}.modal-content h2{font-size:1.3rem}#output-section .control-group{flex-direction:column}#output-section .control-group input#output-filename-suffix,#output-section .control-group label[for=output-filename-prefix],#output-section .control-group label[for=output-filename-suffix],#output-section .control-group span#output-filename-prefix{order:unset;width:100%}}@media (max-width:480px){.header-content-wrapper{padding:var(--spacing-xs) 0}header h1{width:60px;height:60px}.version{font-size:.65rem}.header-brand-text{display:none}#main-container{padding:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.main-content-area section,.sliders-right>.audio-controls-moved,.sliders-right>.level-test-controls-row,.sliders-right>.volume-sliders-container{padding:var(--spacing-sm)}.audio-controls-moved .timer-display{font-size:1.2rem;min-width:90px}.output-actions{gap:var(--spacing-sm)}.output-actions button{width:100%;margin-bottom:var(--spacing-xs)}}