@media(max-width:1024px){html,body{max-width:100%;overflow-x:hidden}.top{height:58px;min-height:58px;padding:0 16px;position:sticky;align-items:center}.brand{font-size:1rem}.main-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;max-width:none!important;height:calc(68px + env(safe-area-inset-bottom));padding:7px 10px env(safe-area-inset-bottom)!important;background:#15171c;border-top:1px solid var(--line);overflow-x:auto;overflow-y:hidden;display:flex;align-items:flex-start;gap:4px!important;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav>a,.nav-button{min-width:62px;height:52px;padding:5px 8px;display:flex!important;flex-direction:column;justify-content:center;gap:3px;border-radius:8px;font-size:.68rem;color:var(--muted)}.main-nav>a span,.nav-button span{display:block!important}.main-nav svg,.nav-button svg{width:20px;height:20px}.main-nav form{display:flex!important;margin:0;padding:0;border:0}.main-nav a:active,.nav-button:active{background:var(--panel2);color:var(--text)}main{width:100%;padding:22px 14px calc(92px + env(safe-area-inset-bottom))}.page-head{gap:14px;margin-bottom:20px}.page-head h1{font-size:1.65rem}.page-head>.actions{width:100%}.page-head>.actions>*{flex:1}.search{width:100%}.search input{min-width:0}.grid{grid-template-columns:1fr}.storage>div{display:flex}.browser{border-radius:10px}.browser-row.selectable,.browser-row.folder-row{grid-template-columns:24px minmax(0,1fr) auto 34px}.browser-row{padding:12px 8px}.browser-row>span:nth-last-child(2){display:none}.dropzone{padding:16px}.upload-button{min-height:44px}.bulk-bar{position:sticky;top:66px;z-index:4}.settings,.link-card{padding:16px}.settings-grid,.file-details{grid-template-columns:1fr}.inline-settings{display:grid;align-items:stretch}.inline-settings label{min-width:0}.permission-row select{width:100%}dialog{max-height:calc(100dvh - 24px);overflow:auto;margin:auto;padding:20px}.preview{min-height:190px}.preview iframe{height:62dvh}.table-wrap{margin-left:-14px;margin-right:-14px;border-left:0;border-right:0;border-radius:0}.role-grid{grid-template-columns:1fr}.context-menu{width:min(220px,calc(100vw - 16px))}.jobs{bottom:calc(76px + env(safe-area-inset-bottom))}.event-picker{padding:8px 12px}}
@media(min-width:801px) and (max-width:1024px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}