@media (max-width: 1050px){.two-col{flex-direction:column}.two-col>.col-side{width:100%}}@media (max-width: 768px){body{padding-top:110px;font-size:15px}header{padding:0 var(--spacing-md);min-height:auto}.header-content-wrapper{flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) 0}.header-main-row{flex-direction:column;gap:var(--spacing-xs)}.header-left{width:100%;align-items:center;text-align:center}.header-description{text-align:center}.header-right{width:100%;justify-content:center;margin:var(--spacing-xs) 0 0 0;flex-wrap:wrap}main{padding:0 var(--spacing-sm);margin:var(--spacing-md) auto}.card{padding:var(--spacing-md)}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}.form-row{flex-direction:column}.form-inline{flex-direction:column;align-items:stretch}.modal-content{width:94%;margin:10% auto;padding:var(--spacing-md)}.modal-content h2{font-size:1.2rem}.floating-panel{width:94vw;height:70vh;left:3vw;top:15vh;transform:none}.emulator-layout{flex-direction:column}.emulator-display{order:-1}.emulator-display canvas{width:256px!important;height:256px!important}.tab-bar{gap:2px}.tab{font-size:.75rem;padding:3px 8px}.tab-label{max-width:100px}.emulator-controls{flex-direction:column;align-items:stretch}.controls-left,.controls-right{justify-content:center}.speed-control{margin-left:0}.display-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){body{padding-top:120px}.header-content-wrapper{padding:var(--spacing-xs) 0}header h1{font-size:1.2rem}.version{font-size:.65rem}.header-action-btn{padding:5px 8px;font-size:.85rem}.header-right{gap:var(--spacing-xs)}#return-button{font-size:.7rem}main{padding:0 var(--spacing-xs);margin:var(--spacing-sm) auto}.card{padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}.btn-lg{padding:var(--spacing-sm) var(--spacing-md)}.modal-content{width:96%;margin:5% auto}footer{font-size:.75rem;height:44px;gap:var(--spacing-xs)}.emulator-display canvas{width:192px!important;height:192px!important}.controls-left,.controls-right{flex-wrap:wrap;gap:var(--spacing-xs)}.tab-label{max-width:80px}.tab-rename-input{width:80px}}