.files-page{box-sizing:border-box;width:100%;max-width:min(980px,100%);margin:0 auto;padding:92px 16px 56px;display:grid;gap:14px;overflow-x:hidden}.files-header h1{margin:0 0 6px}.files-header p{margin:0 0 8px;opacity:.8}.files-header .files-incognito-note{margin:0 0 12px;font-size:.85rem;opacity:.65;line-height:1.4}.back-link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:8px 12px;background:rgba(255,255,255,.04);transition:transform .16s ease,background .16s ease}.back-link:hover{transform:translateY(-1px);color:#fff;background:rgba(255,255,255,.08)}body.light-mode .back-link{color:#0f172a;border-color:rgba(15,23,42,.22);background:rgba(15,23,42,.06)}body.light-mode .back-link:hover{color:#0f172a;background:rgba(15,23,42,.11)}.files-card{box-sizing:border-box;min-width:0;max-width:100%;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px;background:rgba(255,255,255,.02);overflow-x:hidden}.files-card h2{margin:0;font-size:17px}.files-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.row.selection-mode-item{cursor:pointer}.rows{display:grid;gap:8px;min-width:0}.row{box-sizing:border-box;justify-content:flex-start;gap:12px;padding:10px;border-radius:10px;background:rgba(255,255,255,.03);min-width:0;max-width:100%}.preview,.row{display:flex;align-items:center}.preview{width:110px;min-width:110px;max-width:110px;flex-shrink:0;height:70px;border-radius:8px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);justify-content:center}.preview-image,.preview-video{width:100%;height:100%;object-fit:cover}.preview-audio{width:100%;height:28px}.preview-placeholder{font-size:12px;opacity:.72}.name{font-size:14px}.name,.sub{overflow-wrap:anywhere;word-break:break-word}.sub{font-size:12px;opacity:.7}.meta{flex:1 1;min-width:0}.row .delete-btn{flex-shrink:0;margin-left:auto}.delete-btn{border:1px solid rgba(255,0,0,.35);color:#ffb3b3;background:rgba(255,0,0,.08);border-radius:8px;padding:7px 10px;cursor:pointer}.delete-btn:disabled{opacity:.6;cursor:default}body.light-mode .row .delete-btn{border-color:rgba(185,28,28,.45);color:#991b1b;background:rgba(254,226,226,.9)}body.light-mode .row .delete-btn:hover:not(:disabled){background:rgba(254,202,202,.95);border-color:rgba(185,28,28,.55)}.error{color:#ff9a9a}.empty{opacity:.7}.delete-modal-backdrop{position:fixed;inset:0;box-sizing:border-box;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1200;animation:filesModalFadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-x:hidden;overflow-y:auto}.delete-modal-backdrop.fade-out{animation:filesModalFadeOut .3s ease forwards}body.light-mode .delete-modal-backdrop{background:rgba(255,255,255,.75)}.files-delete-modal{box-sizing:border-box;width:100%;max-width:min(460px,calc(100vw - 32px));border:2px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(30,30,30,.95);padding:24px;animation:filesModalSlideIn .2s ease;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);margin:auto}.files-delete-modal.fade-out{animation:filesModalSlideOut .3s ease forwards}@keyframes filesModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes filesModalFadeOut{0%{opacity:1}to{opacity:0}}@keyframes filesModalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes filesModalSlideOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(20px)}}.files-delete-modal h3{margin:0 0 12px;font-size:1.25rem}.files-delete-modal p{margin:0 0 24px;font-size:.95rem;color:rgba(255,255,255,.8);line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.delete-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.cancel-btn{border:2px solid rgba(255,255,255,.15);color:inherit;background:rgba(124,124,124,.2);border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:rgba(124,124,124,.3)}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.files-delete-modal .files-delete-confirm-btn{padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;border:2px solid rgba(255,80,80,.3);color:#ff6666;background:rgba(255,80,80,.2);transition:all .2s ease;cursor:pointer}.files-delete-modal .files-delete-confirm-btn:hover:not(:disabled){background:rgba(255,80,80,.3);border-color:rgba(255,80,80,.4)}.files-delete-modal .files-delete-confirm-btn:disabled{opacity:.5;cursor:not-allowed}body.light-mode .files-delete-modal{background:rgba(245,245,245,.95);border-color:rgba(0,0,0,.15)}body.light-mode .files-delete-modal p{color:rgba(0,0,0,.8)}body.light-mode .cancel-btn{background:rgba(196,196,196,.2);border-color:rgba(0,0,0,.15)}body.light-mode .files-delete-modal .files-delete-confirm-btn{color:#cc0000}body.light-mode .files-page .error{color:#b91c1c}@media (prefers-color-scheme:light){:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .delete-modal-backdrop{background:rgba(255,255,255,.75)}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .files-delete-modal{background:rgba(245,245,245,.95);border-color:rgba(0,0,0,.15)}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .files-delete-modal p{color:rgba(0,0,0,.8)}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .cancel-btn{background:rgba(196,196,196,.2);border-color:rgba(0,0,0,.15)}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .files-delete-modal .files-delete-confirm-btn{color:#cc0000}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .back-link{color:#0f172a;border-color:rgba(15,23,42,.22);background:rgba(15,23,42,.06)}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .back-link:hover{color:#0f172a;background:rgba(15,23,42,.11)}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .row .delete-btn{border-color:rgba(185,28,28,.45);color:#991b1b;background:rgba(254,226,226,.9)}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .row .delete-btn:hover:not(:disabled){background:rgba(254,202,202,.95);border-color:rgba(185,28,28,.55)}:root:not(.dark-theme) body:not(.light-mode):not(.dark-mode) .files-page .error{color:#b91c1c}}@media (max-width:480px){.files-delete-modal{padding:20px}.delete-modal-actions{flex-direction:column}.cancel-btn,.files-delete-modal .files-delete-confirm-btn{width:100%}}