@media(max-width:1024px){
    .tool-grid{grid-template-columns:repeat(2,1fr)}
    .hero-title{font-size:20px}
    .sidebar{transform:translateX(-100%)}
    .sidebar.open{transform:translateX(0)}
    .sidebar.collapsed.open{transform:translateX(0)}
    .main-content.has-sidebar,.main-content.has-sidebar.sidebar-mini{margin-left:0}
    .sidebar-toggle-mobile{display:flex!important}
    .hero-decor{display:none}
}

@media(max-width:768px){
    .tool-grid{grid-template-columns:1fr}
    .header-inner{padding:0 12px}
    .site-logo{font-size:10px}
    .hero{padding:28px 12px 18px}
    .hero-title{font-size:16px}
    .page-body{padding:16px 12px 60px}
    .tool-actions{flex-direction:column}
    .tool-actions .btn{width:100%}
    .online-status span{display:none}
    .ping-display{display:none}
    .shell-card{flex-direction:column;gap:10px;align-items:flex-start}
}

@media(max-width:480px){
    .site-logo{font-size:9px}
    .hero-title{font-size:13px}
    h1{font-size:12px}
    .card{padding:12px}
    .btn{padding:8px 12px;font-size:8px}
    .form-input,.form-textarea,.form-select{padding:8px 10px;font-size:12px}
    .tab{padding:8px 10px;font-size:7px}
}