@media(max-width:620px){
body{font-size:11px}.app{padding:8px}header{margin-bottom:10px;gap:8px}.brand{font-size:10px;letter-spacing:.18em}.nav{margin-top:5px;gap:4px}.nav>.button{padding:5px 7px;font-size:10px}.card{padding:8px;margin-bottom:8px}
.app #storage{padding:8px}.app #storage .vps-grid{gap:7px}.app #storage .vps-disk .big{font-size:22px}.app #storage .vps-value{font-size:16px}.app #storage .vps-caption{font-size:8px;gap:4px}.app #storage .vps-caption svg{width:11px;height:11px}.app #storage .vps-metric{padding-left:7px;gap:3px}.app #storage .vps-metric:nth-child(2){padding-left:0}.app #storage .vps-metric small,.app #storage .vps-disk .stats,.app #storage #capacity{font-size:8px}.app #storage .vps-grid .bar,.app #storage .uptime-track{height:4px}
.app .file-toolbar{row-gap:7px!important;column-gap:4px!important;margin-bottom:8px}.app .file-toolbar .drive-mini-tools{gap:4px!important;grid-auto-rows:38px;align-items:center!important}.app .file-toolbar .drive-mini-tools>button{width:min(38px,var(--mini-button-size))!important;height:min(38px,var(--mini-button-size))!important;min-height:0!important;max-height:38px!important;justify-self:center;align-self:center!important}.app .file-toolbar .drive-mini-tools>button[aria-label]>svg,.app .file-toolbar .drive-mini-tools>button[aria-label]>img{width:22px!important;height:22px!important;max-width:26px!important;max-height:26px!important}.app .file-toolbar .tool-buttons button,.app .file-toolbar>#openSearch,.app .file-toolbar>#openActiveLinks,.app .file-toolbar>#refresh{height:28px!important;min-height:0!important;font-size:9px!important;padding:2px!important}.app .file-toolbar>#openSearch svg,.app .file-toolbar>#openActiveLinks svg,.app .file-toolbar>#refresh svg{width:14px!important;height:14px!important}
.app .toolbar:has(>#path){margin-bottom:7px;gap:4px}.app #path{font-size:11px}.app .explorer-views button{width:23px;height:22px;padding:3px}.app .explorer-views button svg{width:14px!important;height:14px!important}.app .drive-search{margin-bottom:7px}
.app #listing:not(.thumbnail-view)>.row{height:46px;min-height:46px;padding:3px 5px;row-gap:1px;column-gap:6px}.app #listing .row .name{grid-template-columns:30px minmax(0,1fr);column-gap:5px!important}.app #listing .file-name-edit,.app #listing .folder,.app #listing .file-link{font-size:11px;line-height:15px}.app #listing:not(.thumbnail-view)>.row>.size{font-size:9px;line-height:10px}.app #listing .file-timestamp{font-size:7px;line-height:9px}.app #listing .actions{gap:4px;flex-wrap:nowrap}.app #listing .actions>*{width:20px;min-width:20px;height:20px;min-height:20px;flex-basis:20px;padding:0}.app #listing .actions svg{width:11px;height:11px}.app #listing.thumbnail-view{gap:5px}.app #listing.thumbnail-view>.media-row{padding:5px;gap:4px}.app #listing.thumbnail-view .media-row .name{grid-template-columns:28px minmax(0,1fr)}.app #listing.thumbnail-view .media-row>.drive-thumb{aspect-ratio:16/10}.app #backToTop{width:28px;height:28px;right:10px;bottom:10px}
}

@media(max-width:620px){
.app .file-toolbar .drive-mini-tools{grid-auto-rows:28px;align-items:stretch!important}.app .file-toolbar .drive-mini-tools>button{width:100%!important;height:28px!important;max-height:28px!important;aspect-ratio:auto!important;justify-self:stretch;align-self:stretch!important}.app .file-toolbar .drive-mini-tools>button[aria-label]>svg,.app .file-toolbar .drive-mini-tools>button[aria-label]>img{width:20px!important;height:20px!important}
.app #listing:not(.thumbnail-view)>.row{display:grid;grid-template-columns:minmax(0,1fr) 88px;grid-template-rows:16px 20px;height:46px;min-height:46px;gap:2px 6px;padding:3px 5px}.app #listing:not(.thumbnail-view)>.row>.name{grid-column:1/-1;grid-row:1;min-width:0}.app #listing:not(.thumbnail-view)>.row>.actions{grid-column:1;grid-row:2;justify-content:flex-start;align-items:center;flex-wrap:nowrap;min-width:0}.app #listing:not(.thumbnail-view)>.row>.size{grid-column:2;grid-row:2;align-self:center;text-align:right;padding:0;line-height:10px;font-size:9px;white-space:nowrap}.app #listing:not(.thumbnail-view)>.row>.size .file-timestamp{display:block;line-height:10px;font-size:7px}
}

@media(max-width:620px){
.app #listing:not(.thumbnail-view)>.row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(16px,auto) 12px;height:auto;min-height:42px;gap:1px 6px;padding:5px}.app #listing:not(.thumbnail-view)>.row>.name{grid-column:1;grid-row:1;min-width:0}.app #listing:not(.thumbnail-view)>.row>.actions{grid-column:2;grid-row:1/-1;justify-content:flex-end;align-items:center;align-self:center;flex-wrap:nowrap}.app #listing:not(.thumbnail-view)>.row>.size{grid-column:1;grid-row:2;text-align:left;padding-left:35px;font-size:8px;line-height:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app #listing:not(.thumbnail-view)>.row>.size .file-timestamp{display:inline;margin-left:5px;line-height:11px;font-size:7px}
}

@media(max-width:620px){
.app #listing:not(.thumbnail-view)>.row{grid-template-columns:minmax(0,1fr) 65px auto;grid-template-rows:auto;min-height:38px;gap:5px;padding:5px}.app #listing:not(.thumbnail-view)>.row>.name{grid-column:1;grid-row:1}.app #listing:not(.thumbnail-view)>.row>.size{grid-column:2;grid-row:1;align-self:center;text-align:right;padding:0;white-space:nowrap;overflow:visible;font-size:8px;line-height:11px}.app #listing:not(.thumbnail-view)>.row>.size .file-timestamp{display:block;margin:0;font-size:7px;line-height:11px}.app #listing:not(.thumbnail-view)>.row>.actions{grid-column:3;grid-row:1;align-self:center;gap:3px}
}

@media(max-width:620px){.app .file-toolbar{grid-template-columns:repeat(6,minmax(0,1fr))!important}.app .file-toolbar>#openSearch{grid-column:4!important}.app .file-toolbar>#openActiveLinks{grid-column:5!important}.app .file-toolbar>#refresh{grid-column:6!important}}