/* Thumb-friendly phone layout with visible file-type filters. */
.local-privacy-note{margin-top:18px;padding-top:12px;border-top:1px solid #efedf2;color:#9998a7;font-size:9px;line-height:1.55}
@media(max-width:600px){
 .app-shell{display:block}
 .sidebar{position:sticky;inset:0 0 auto;width:100%;height:auto;min-height:0;padding:9px 12px 8px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand all" "filters filters";gap:8px 10px;border-right:0;border-bottom:1px solid #eeedf2;box-shadow:0 3px 12px #29283b08}
 .brand{grid-area:brand;min-width:0;padding:0;font-size:14px}.brand>span:last-child{display:inline}.brand-light{display:inline}.brand-mark{width:26px;height:26px;border-radius:8px}
 .side-label,.sidebar-spacer,.privacy-card,.sidebar-foot{display:none}
 .nav-item#allFilesNav{grid-area:all;width:auto;height:30px;margin:0;padding:0 9px;justify-content:center;font-size:10px;gap:6px}.nav-icon{font-size:12px}.nav-count{height:17px;min-width:18px;font-size:9px}
 .type-nav{grid-area:filters;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.type-nav::-webkit-scrollbar{display:none}
 .type-filter{height:29px;flex:none;padding:0 9px;gap:7px;border:1px solid #efedf3;background:#fff;font-size:10px;white-space:nowrap}.type-filter.selected{background:#f1f0ff;border-color:#e4e1fc;color:#625bd0}.type-dot{height:6px;width:6px}
 .main-area{width:100%;margin:0;min-height:calc(100vh - 80px)}.topbar{height:47px;padding:0 14px}.breadcrumb{font-size:10px;gap:6px}.local-pill{display:none}.top-actions{gap:8px}
 .page-content{padding:22px 15px 18px}.welcome-row{height:auto;min-height:0;padding:0 0 19px}.welcome-row h1{margin:10px 0 7px;font-size:29px;line-height:1.12;letter-spacing:-1.2px}.welcome-copy{max-width:290px;font-size:11px;line-height:1.5}.welcome-art{display:none}.eyebrow{font-size:8px}
 .dropzone{height:auto;min-height:151px;padding:18px 16px 15px;display:grid;grid-template-columns:42px minmax(0,1fr);grid-template-rows:1fr 36px;gap:14px 11px;align-items:center}.upload-illustration{width:42px;height:42px}.drop-copy h2{font-size:13px}.drop-copy p{font-size:10px;line-height:1.5}.text-button{font-size:10px}.choose-button{grid-column:1/-1;width:100%;height:36px;justify-content:center;font-size:11px}.drop-meta{display:none}
 .files-section{margin-top:27px}.section-heading{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;margin-bottom:12px}.section-heading h2{font-size:15px}.file-toolbar{width:100%;gap:6px}.search-box{width:auto;min-width:0;flex:1;height:34px}.search-box input{font-size:11px}.search-box kbd{display:none}.sort-button{height:34px;padding:0 8px;font-size:10px}
 .file-row{min-height:62px;height:auto;padding:8px 3px;gap:8px}.file-icon{width:34px;height:37px}.file-main{min-width:0}.file-name{font-size:11px}.file-sub{font-size:9px;gap:5px;flex-wrap:wrap}.file-badge{font-size:8px;padding:4px 5px}.file-status{display:none}.row-actions{opacity:1;gap:0}.row-action{width:29px;height:30px}
 .empty-state{padding-top:26px}.empty-state p{max-width:290px;font-size:10px}.unsupported-note{margin-top:17px}.unsupported-note p{font-size:9px}.page-footer{margin-top:20px;gap:12px;font-size:7px}.page-footer span:last-child{text-align:right}
 .preview-dialog{height:100dvh;max-height:100dvh;border-radius:0}.modal-backdrop{padding:0}.preview-header{height:58px;padding:0 9px;gap:7px}.preview-file-icon{width:30px;height:32px}.preview-heading h2{max-width:145px;font-size:10px}.preview-heading span{font-size:8px}.preview-actions{gap:4px}.preview-action{width:auto;height:29px;padding:0 6px;font-size:9px;white-space:nowrap}.icon-button{width:28px;height:29px}.text-preview{padding:15px 12px;font-size:10px}.code-preview{padding-left:45px;background:linear-gradient(90deg,#f8f8fb 0,#f8f8fb 35px,#fff 35px)}.code-preview .code-line:before{right:calc(100% + 7px);width:20px}.csv-wrap{padding:10px}.csv-table{font-size:10px}.csv-table th,.csv-table td{padding:7px 8px}.unsupported-preview{margin:12px;padding:24px 17px}.unsupported-preview h3{font-size:14px}.unsupported-preview p{font-size:10px}.fallback-actions{flex-wrap:wrap}.fallback-actions button,.fallback-actions a{height:34px}.dropzone.dragging .drag-overlay{font-size:14px}
}
@media(max-width:390px){.page-content{padding-left:12px;padding-right:12px}.welcome-row h1{font-size:27px}.file-badge{display:none}.file-row{gap:7px}.row-action{width:27px}.preview-heading h2{max-width:110px}.preview-actions .preview-action{padding:0 5px;font-size:8px}}