:root{font-family:"DM Sans","Noto Sans SC",sans-serif;color:#252b33;background:#f5f6f7;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#252b33;--muted:#7f8994;--line:#e8ebee;--surface:#fff;--green:#35a77a;--green-dark:#21845c;--soft-green:#eaf7f1;--coral:#db6d5f;--blue:#6388d8;--shadow:0 8px 30px #2537440d}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:246px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:26px 16px 14px;display:flex;flex-direction:column;z-index:4}.brand{display:flex;align-items:center;gap:10px;color:#29313a;text-decoration:none;font-weight:700;font-size:23px;line-height:1;margin:0 12px 31px;letter-spacing:0}.brand-mark{height:32px;width:32px;display:grid;place-items:center;background:#e8f7f0;color:#29966b;border-radius:9px}.brand-mark svg{width:19px}.brand-period{color:#47b783}.primary-button,.secondary-button{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border-radius:7px;font-weight:600;font-size:13px;white-space:nowrap}.primary-button{background:#35a77a;border:1px solid #35a77a;color:white;box-shadow:0 2px 5px #32996e29}.primary-button:hover{background:#268e64}.primary-button svg,.secondary-button svg{width:16px;height:16px}.upload-trigger{width:100%;justify-content:flex-start;margin-bottom:28px;padding:0 13px}.upload-trigger kbd{margin-left:auto;font:11px "DM Sans",sans-serif;background:#ffffff2e;padding:2px 6px;border-radius:4px}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-label{font-size:10px;font-weight:700;letter-spacing:0;color:#9ba3aa;text-transform:uppercase}.nav-group .nav-label{padding:0 11px 8px}.nav-item,.storage-item{height:39px;width:100%;padding:0 11px;border:0;background:transparent;color:#606b75;border-radius:6px;display:flex;align-items:center;gap:12px;text-align:left;font-size:12px;font-weight:500}.nav-item svg{width:16px;height:16px;color:#8e99a3}.nav-item:hover,.storage-item:hover{background:#f6f8f8}.nav-item.active{background:#eaf7f1;color:#23835e;font-weight:600}.nav-item.active svg{color:#26976a}.nav-count{margin-left:auto;color:#929ca6;font-size:11px}.sidebar-divider{height:1px;background:#eef0f2;margin:19px 8px}.storage-heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px 6px 11px}.icon-button{border:0;background:transparent;color:#7c8791;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:6px;position:relative}.icon-button:hover{background:#f1f4f4;color:#36424c}.icon-button svg{width:17px;height:17px}.icon-button.tiny{width:25px;height:25px}.icon-button.tiny svg{width:15px;height:15px}.storage-item{height:35px;font-size:11px;gap:10px}.storage-item.selected{background:#f5f8f6;color:#303941}.storage-item svg.storage-add{margin-left:auto;width:14px}.storage-status{font-size:10px;color:#29966b;margin-left:auto}.storage-dot{width:8px;height:8px;border-radius:50%;background:#35a77a}.storage-dot.cloud{background:#aab4bf}.sidebar-spacer{flex:1;min-height:25px}.usage-block{padding:13px 10px 14px;border-top:1px solid #eef0f2}.usage-top{display:flex;justify-content:space-between;font-size:10px;color:#5e6973}.usage-top span:last-child{font-weight:600;color:#414c56}.usage-track,.overview-progress{height:5px;border-radius:8px;background:#edf0f1;margin:10px 0 7px;overflow:hidden}.usage-track span,.overview-progress span{display:block;height:100%;width:0;background:#44b481;border-radius:inherit}.usage-caption{font-size:10px;color:#9aa2a9}.profile-button{display:flex;align-items:center;gap:10px;border:0;border-top:1px solid #eef0f2;background:white;padding:14px 8px 2px;text-align:left}.avatar{height:31px;width:31px;flex:0 0 31px;border-radius:50%;display:grid;place-items:center;color:#7057a4;background:#f0eafd;font-size:12px;font-weight:700;border:0}.profile-copy{display:flex;flex:1;flex-direction:column;gap:3px}.profile-copy strong{font-size:11px;font-weight:600}.profile-copy small{font-size:10px;color:#8e99a2}.profile-button>svg{height:16px;color:#9ca4aa}.main-area{min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.1vw,62px);position:sticky;top:0;z-index:3}.breadcrumb{display:flex;align-items:center;gap:8px;color:#75808a;font-size:12px}.breadcrumb button{border:0;background:none;color:#75808a;padding:0;font-size:12px}.breadcrumb span:last-child{font-weight:600;color:#303943}.breadcrumb svg{width:13px;height:13px;color:#aab1b7}.topbar-actions{display:flex;align-items:center;gap:14px}.search-box{width:min(292px,30vw);height:35px;border:1px solid #e8ebee;border-radius:6px;background:#fbfcfc;display:flex;align-items:center;gap:9px;padding:0 10px;color:#919ba3}.search-box>svg{width:15px;height:15px}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px;color:#38434c}.search-box input::placeholder{color:#a3abb1}.search-box kbd{font:10px "DM Sans",sans-serif;white-space:nowrap;background:white;border:1px solid #e9ecee;border-radius:4px;padding:3px 5px;color:#98a0a7}.notification-button span{width:5px;height:5px;position:absolute;top:7px;right:7px;background:#e98975;border-radius:50%}.top-avatar{height:28px;width:28px;flex-basis:28px;font-size:11px}.content-wrap{max-width:1440px;padding:34px clamp(24px,4.1vw,62px) 18px;margin:0 auto}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 23px}.eyebrow,.panel-kicker{font-size:10px;color:#8c979f;font-weight:600}.welcome-row h1{font-size:25px;line-height:1.25;letter-spacing:0;margin:7px 0 5px;font-weight:650;color:#273039}.welcome-row p{font-size:12px;color:#89939b;margin:0}.welcome-actions{display:flex;gap:8px}.secondary-button{background:#fff;border:1px solid #e2e6e8;color:#45515a}.secondary-button:hover{background:#f9fbfa;border-color:#cfd8d3}.primary-button.compact{height:40px;padding:0 15px;font-size:12px}.overview-grid{display:grid;grid-template-columns:1.22fr 1fr 1.1fr;gap:12px}.overview-panel{height:151px;background:white;border:1px solid #ebedef;border-radius:8px;padding:18px 19px;box-shadow:0 2px 8px #29394504;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:flex-start}.panel-head h2,.connection-section-head h2{font-size:13px;font-weight:650;line-height:1.3;margin:5px 0 0;color:#303a42}.panel-icon{width:33px;height:33px;border-radius:8px;display:grid;place-items:center}.panel-icon svg{width:16px;height:16px}.panel-icon.mint{background:#eaf7f1;color:#359d71}.panel-icon.lilac{background:#f1edfb;color:#8974c2}.panel-icon.blue{background:#edf3fc;color:#6689ce}.overview-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:13px}.storage-total{display:flex;align-items:baseline;gap:6px}.storage-total strong,.share-summary strong{font-size:22px;line-height:1;font-weight:600;color:#2b353d}.storage-total span,.share-summary span{font-size:10px;color:#89939a}.storage-breakdown{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#8d979f}.storage-breakdown span{display:flex;align-items:center;gap:5px}.storage-breakdown b{font-weight:600;color:#4c5860}.legend-dot{width:6px;height:6px;border-radius:50%;background:#44b481}.legend-dot.free{background:#dfe4e7}.overview-progress{margin:11px 0 0;height:4px}.share-summary{display:flex;align-items:baseline;gap:7px;margin-top:14px}.share-summary .text-button{margin-left:auto}.text-button{padding:0;border:0;background:transparent;color:#3a9a72;font-size:10px;font-weight:600;white-space:nowrap}.text-button svg{height:12px;width:12px;vertical-align:middle}.mini-avatars{display:flex;align-items:center;margin-top:10px}.mini-avatars span{height:19px;width:19px;border-radius:50%;display:grid;place-items:center;background:#eff5f1;border:2px solid white;font-size:8px;color:#63917a;margin-right:-4px}.mini-avatars span:nth-child(2){background:#f5edf0;color:#a07680}.mini-avatars span:nth-child(3){background:#eef1f3;color:#79858d}.mini-avatars small{font-size:9px;color:#9aa3aa;margin-left:10px}.connect-overview>p{font-size:10px;color:#8c969e;margin:10px 0 8px}.connect-link{font-size:10px}.provider-logos{display:flex;gap:5px;margin-top:9px}.provider-logos span{font-size:8px;font-weight:700;color:#87919a;border:1px solid #edf0f1;padding:3px 5px;border-radius:4px}.files-section{margin-top:31px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}.section-head>div:first-child{display:flex;align-items:baseline;gap:9px}.section-head h2{font-size:14px;font-weight:650;color:#303a42;margin:0}.result-count{font-size:10px;color:#9ba4ab}.file-tools{display:flex;align-items:center;gap:7px}.tool-button{height:31px;border:1px solid #e5e8ea;background:#fff;color:#65717a;display:flex;align-items:center;gap:7px;border-radius:5px;padding:0 9px;font-size:10px}.tool-button svg{width:14px;height:14px;color:#859099}.tool-button .chevron{width:12px}.view-switch{height:31px;border:1px solid #e5e8ea;background:white;border-radius:5px;display:flex;padding:2px}.view-mode{width:28px;border:0;border-radius:3px;background:transparent;color:#929ca4;display:grid;place-items:center}.view-mode svg{height:14px;width:14px}.view-mode.active{color:#368f6c;background:#eaf7f1}.filter-button{height:31px;width:31px;border:1px solid #e5e8ea}.folder-strip{display:flex;gap:9px;overflow:auto;padding:0 0 13px;margin-bottom:1px}.folder-card{flex:0 0 167px;height:54px;padding:0 11px;border:1px solid #e9ecee;border-radius:6px;background:white;display:flex;align-items:center;gap:9px;text-align:left}.folder-card:hover{border-color:#bedbcf;background:#fcfefd}.folder-visual{height:31px;width:34px;display:grid;place-items:center;color:#56a983;background:#ebf7f1;border-radius:6px}.folder-visual svg{height:17px;width:17px}.folder-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.folder-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:600;color:#3f4952}.folder-copy small{font-size:9px;color:#9aa3a9}.file-table-wrap{width:100%;border:1px solid #e9ecee;border-radius:7px;background:#fff;overflow:hidden}.file-table{width:100%;border-collapse:collapse;text-align:left}.file-table th{height:37px;background:#fafbfb;border-bottom:1px solid #eceff0;color:#99a2a9;font-size:9px;font-weight:600;white-space:nowrap}.file-table td{height:55px;border-bottom:1px solid #f0f2f3;color:#738089;font-size:10px;white-space:nowrap}.file-table tr:last-child td{border-bottom:0}.file-table tbody tr:hover{background:#fafcfb}.file-table th:first-child,.file-table td:first-child{padding-left:14px;width:37px}.file-table th:nth-child(2){width:40%}.file-table td:nth-child(2){max-width:200px}.file-table th:last-child,.file-table td:last-child{width:42px;padding-right:8px}.check-col input,.file-table input[type=checkbox]{accent-color:#35a77a;width:13px;height:13px;margin:0;vertical-align:middle}.file-info{display:flex;align-items:center;gap:10px;min-width:140px}.file-icon{width:31px;height:33px;display:grid;place-items:center;border-radius:5px;background:#f3f5f6;color:#7f8b96;flex:0 0 31px;position:relative}.file-icon svg{width:16px;height:16px}.file-icon.doc{background:#edf3fd;color:#5c83cf}.file-icon.sheet{background:#eaf7f1;color:#399a70}.file-icon.image{background:#fff4e8;color:#d68d4d}.file-icon.pdf{background:#fff0ef;color:#d56f65}.file-icon.archive{background:#f1edfa;color:#8c72bf}.file-icon.folder{background:#eaf7f1;color:#47a87d}.file-info-copy{display:flex;min-width:0;flex-direction:column;gap:4px}.file-info-copy strong{overflow:hidden;text-overflow:ellipsis;max-width:250px;color:#3d4851;font-size:10px;font-weight:600}.file-info-copy small{font-size:9px;color:#a0a8ae}.owner-cell{display:flex;align-items:center;gap:7px;color:#6e7a83!important}.owner-avatar{width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#f0eafd;color:#795ea9;font-size:8px}.file-action{width:26px;height:28px;border:0;background:transparent;color:#8b969e;border-radius:4px;display:grid;place-items:center}.file-action:hover{color:#414c54;background:#eff3f2}.file-action svg{height:15px;width:15px}.folder-row{cursor:pointer}.folder-row .file-info-copy strong{color:#333f47}.selection-toolbar{height:40px;background:#eef8f3;border:1px solid #d9eee3;border-radius:6px;display:flex;justify-content:space-between;align-items:center;padding:0 10px;margin:0 0 8px;color:#347955;font-size:10px}.selection-toolbar>div{display:flex;gap:2px}.selection-toolbar .icon-button{height:28px;width:30px;color:#4d896a}.danger-hover:hover{color:#ce655a!important;background:#fff0ee!important}.empty-state{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}.empty-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:12px;background:#eef7f2;color:#49a77c;margin-bottom:2px}.empty-icon svg{height:21px;width:21px}.empty-state strong{font-size:12px}.empty-state>span{font-size:10px;color:#89939a}.empty-state .secondary-button{margin-top:6px;height:34px;font-size:10px}.grid-view{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grid-card{min-width:0;background:#fff;border:1px solid #e9ecee;border-radius:7px;padding:12px;text-align:left;position:relative}.grid-card:hover{border-color:#c9dfd3}.grid-card .grid-art{height:95px;background:#f4f7f6;border-radius:5px;display:grid;place-items:center;margin-bottom:10px;color:#5f9a7d}.grid-card .grid-art svg{width:30px;height:30px}.grid-card strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:#3d4851}.grid-card small{font-size:9px;color:#939da4}.grid-card .grid-check{position:absolute;top:17px;left:17px;accent-color:#35a77a}.connection-section{margin-top:36px;padding-top:20px;border-top:1px solid #e6e9ea}.connection-section-head{display:flex;justify-content:space-between;align-items:center}.connection-section-head h2{font-size:14px;margin-top:5px}.connection-section-head p{font-size:10px;color:#8d979f;margin:5px 0 0}.connection-section-head .secondary-button{height:33px;font-size:10px}.connection-section-head .secondary-button svg{width:14px}.connection-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:15px}.connection-card{height:76px;border:1px solid #e8ebed;border-radius:6px;background:white;padding:11px;display:flex;align-items:center;gap:10px;min-width:0}.provider-mark{width:32px;height:32px;flex:0 0 32px;border-radius:7px;display:grid;place-items:center;background:#f4f6f7;color:#56636c;font-size:10px;font-weight:700}.provider-mark.r2{background:#fff2e7;color:#d37937}.provider-mark.s3{background:#fff5e7;color:#b88436}.provider-mark.dav{background:#eaf1ff;color:#5679c8}.provider-mark.hf{background:#fff9dc;color:#a58831}.provider-mark.gh{background:#eff0f1;color:#444d54}.provider-mark.tg{background:#e8f5fb;color:#438bb4}.connection-copy{min-width:0;flex:1}.connection-copy strong{display:block;color:#47525a;font-size:10px;font-weight:600}.connection-copy small{display:block;color:#9aa3aa;font-size:9px;margin-top:4px}.connect-add{height:26px;width:26px;flex:0 0 26px;background:white;border:1px solid #e6eaeb;border-radius:5px;color:#7a8790;display:grid;place-items:center}.connect-add svg{width:13px}.connect-add:hover{background:#eaf7f1;color:#268e64;border-color:#d2eade}.app-footer{display:flex;justify-content:space-between;padding:23px 0 2px;font-size:9px;color:#a0a8ad}.app-footer span span{padding:0 4px}.app-footer svg{width:12px;height:12px;vertical-align:middle;color:#49a77c}.modal-backdrop{position:fixed;inset:0;background:#1a272d66;z-index:10;display:grid;place-items:center;padding:18px}.modal{width:min(440px,100%);background:white;border-radius:9px;box-shadow:0 20px 70px #18242f38;overflow:hidden}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 21px 14px;border-bottom:1px solid #edf0f1}.modal-head h2{font-size:15px;margin:0;color:#303a42}.modal-head p{font-size:10px;color:#89949b;margin:5px 0 0}.modal-body{padding:17px 21px}.modal-foot{padding:12px 21px 17px;display:flex;justify-content:flex-end;gap:8px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:13px}.form-field label{font-size:10px;color:#606b73;font-weight:600}.form-field input,.form-field select,.form-field textarea{height:37px;width:100%;border:1px solid #e0e5e7;border-radius:5px;padding:0 10px;outline:none;color:#414c54;font-size:11px;background:#fff}.form-field textarea{height:88px;padding:9px;resize:vertical}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#82c6a3;box-shadow:0 0 0 3px #59ae8020}.modal-note{font-size:10px;line-height:1.6;color:#86929a;background:#f6f8f8;padding:9px 10px;border-radius:5px}.menu-popover{position:fixed;z-index:8;width:160px;background:white;border:1px solid #e5e9eb;box-shadow:var(--shadow);border-radius:6px;padding:4px}.menu-popover button{width:100%;height:31px;text-align:left;background:white;border:0;border-radius:4px;padding:0 8px;color:#59656d;font-size:10px;display:flex;align-items:center;gap:8px}.menu-popover button:hover{background:#f3f7f5}.menu-popover svg{width:14px;height:14px}.toast-region{position:fixed;right:22px;bottom:18px;z-index:15;display:flex;flex-direction:column;gap:7px}.toast{background:#263139;color:white;box-shadow:0 6px 24px #15222a29;padding:10px 13px;border-radius:6px;font-size:11px;animation:toast-in .18s ease-out}.toast.error{background:#a74941}@keyframes toast-in{from{transform:translateY(7px);opacity:0}to{transform:translateY(0);opacity:1}}.share-link{display:flex;gap:7px}.share-link input{flex:1;min-width:0}.preview-image{max-width:100%;max-height:65vh;object-fit:contain;border-radius:5px}.preview-frame{max-height:55vh;overflow:auto;background:#fafbfb;border:1px solid #ebedef;padding:14px;border-radius:5px;font:11px/1.65 ui-monospace,monospace;white-space:pre-wrap}.connection-options{display:flex;flex-direction:column;gap:7px}.connection-option{display:flex;gap:11px;align-items:center;padding:10px;border:1px solid #e8ecee;border-radius:6px;background:white;text-align:left}.connection-option:hover{border-color:#bddbc9;background:#fbfdfc}.connection-option .provider-mark{width:34px;height:34px}.connection-option strong{font-size:11px;display:block;color:#48535b}.connection-option small{font-size:9px;display:block;color:#929ca3;margin-top:4px}.coming-soon{font-size:9px;color:#9ba4aa;margin-left:auto;white-space:nowrap}.toast-region:empty{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:216px minmax(0,1fr)}.overview-grid{grid-template-columns:1fr 1fr}.connect-overview{grid-column:span 2;height:126px}.connection-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.file-table th:nth-child(3),.file-table td:nth-child(3){display:none}.grid-view{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:auto 0 0;height:60px;padding:5px 10px;border-right:0;border-top:1px solid var(--line);flex-direction:row;justify-content:space-around;align-items:center}.brand,.upload-trigger,.sidebar-divider,.storage-heading,.storage-list,.sidebar-spacer,.usage-block,.profile-button{display:none}.nav-group{width:100%;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.nav-group .nav-label{display:none}.nav-item{height:48px;padding:5px 0;flex-direction:column;justify-content:center;gap:4px;font-size:8px}.nav-item svg{width:17px;height:17px}.nav-count{display:none}.topbar{height:58px;padding:0 17px}.breadcrumb{display:none}.topbar-actions{width:100%;gap:8px}.search-box{width:auto;flex:1}.notification-button{display:none}.content-wrap{padding:24px 16px 85px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:22px}.welcome-row p{font-size:10px}.welcome-actions{gap:6px}.welcome-actions .secondary-button{width:38px;padding:0;font-size:0;gap:0}.welcome-actions .secondary-button svg{width:17px;height:17px}.primary-button.compact{height:38px;padding:0 11px}.overview-grid{grid-template-columns:1fr 1fr;gap:8px}.overview-panel{padding:13px;height:139px}.connect-overview{grid-column:span 2;height:123px}.files-section{margin-top:25px}.section-head h2{font-size:13px}.tool-button{padding:0 7px}.tool-button span{display:none}.folder-card{flex-basis:145px}.file-table th:nth-child(4),.file-table td:nth-child(4),.file-table th:nth-child(5),.file-table td:nth-child(5){display:none}.file-table th:nth-child(2){width:auto}.file-table td:nth-child(2){max-width:170px}.file-info-copy strong{max-width:145px}.file-table td{height:53px}.grid-view{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.connection-section{margin-top:26px}.connection-section-head h2{font-size:13px}.connection-section-head p{max-width:220px;line-height:1.5}.connection-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.connection-card{height:66px;padding:8px;gap:7px}.provider-mark{width:28px;height:28px;flex-basis:28px}.connection-copy strong{font-size:9px}.connection-copy small{font-size:8px}.connect-add{width:23px;height:23px;flex-basis:23px}.app-footer{padding-top:17px;font-size:8px}}
@media(max-width:430px){.content-wrap{padding-left:12px;padding-right:12px}.welcome-row h1{font-size:20px}.welcome-row p{max-width:190px;line-height:1.5}.overview-panel{padding:11px}.overview-bottom{align-items:flex-start;flex-direction:column;gap:8px}.storage-breakdown{flex-direction:row;gap:8px}.share-summary{margin-top:17px}.share-summary .text-button{font-size:9px}.file-tools{gap:4px}.filter-button{display:none}.file-table th:first-child,.file-table td:first-child{padding-left:9px;width:29px}.file-info{gap:7px}.file-info-copy strong{max-width:120px}.file-icon{width:27px;height:30px;flex-basis:27px}.section-head>div:first-child{gap:5px}.result-count{font-size:9px}}
[hidden]{display:none!important}
@keyframes soft-rise{from{opacity:0;transform:translateY(9px);filter:blur(2px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes text-focus{from{opacity:0;transform:translateY(5px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
body:not(.ready) .welcome-row{animation:soft-rise .42s cubic-bezier(.2,.7,.2,1) both}
body:not(.ready) #pageTitle{animation:text-focus .48s .04s ease-out both}
body:not(.ready) .overview-panel{animation:soft-rise .44s cubic-bezier(.2,.7,.2,1) both}
body:not(.ready) .overview-panel:nth-child(2){animation-delay:.06s}
body:not(.ready) .overview-panel:nth-child(3){animation-delay:.12s}
body:not(.ready) .files-section{animation:soft-rise .46s .1s cubic-bezier(.2,.7,.2,1) both}
.overview-panel,.connection-card,.folder-card{position:relative;isolation:isolate;overflow:hidden}
.overview-panel::before,.connection-card::before,.folder-card::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;background:radial-gradient(230px circle at var(--spot-x,50%) var(--spot-y,50%),#70c59d24,transparent 70%);transition:opacity .22s ease}
.overview-panel:hover::before,.connection-card:hover::before,.folder-card:hover::before{opacity:1}
.primary-button,.secondary-button,.icon-button,.nav-item,.storage-item,.folder-card,.connection-card,.tool-button,.view-mode,.file-action{transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}
.primary-button:hover,.secondary-button:hover,.folder-card:hover,.connection-card:hover{transform:translateY(-1px)}
.primary-button:active,.secondary-button:active,.icon-button:active,.tool-button:active{transform:translateY(0) scale(.98)}
.file-table tbody tr{transition:background-color .14s ease}
.file-table tbody tr:has(input:checked){background:#f1faf5}
.search-box:focus-within{border-color:#99cdb0;box-shadow:0 0 0 3px #50a87a12;background:#fff}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #56ab81;outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.admin-top-link{height:35px;padding:0 10px;font-size:10px}.admin-top-link svg{width:15px;height:15px}.admin-top-link{text-decoration:none}@media(max-width:760px){.admin-top-link{width:34px;height:34px;flex:0 0 34px;padding:0;font-size:0;gap:0}.admin-top-link svg{width:16px;height:16px}}
.config-list,.config-fields{display:flex;flex-direction:column;gap:8px}.config-row{min-height:54px;display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid #edf0f1}.config-row:last-child{border-bottom:0}.config-row .connection-copy{flex:1;min-width:0}.config-row .secondary-button{height:32px;padding:0 10px;font-size:10px}.config-row .icon-button{flex:0 0 32px}.config-fields .form-field{margin:0}.config-fields .form-field input,.config-fields .form-field select{height:39px}
.storage-location{display:inline-flex;align-items:center;gap:6px;color:#67747c;font-size:9px}.storage-location svg{width:13px;height:13px;color:#718c7d}.upload-destination{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #dcebe2;border-radius:6px;background:#f7fbf8;margin-bottom:12px}.upload-destination-icon{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:6px;background:#e8f5ed;color:#39966a}.upload-destination-icon svg{width:17px;height:17px}.upload-destination>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.upload-destination strong{font-size:11px;color:#35443b}.upload-destination small{font-size:9px;color:#829087}.upload-destination .storage-status{margin-left:auto;white-space:nowrap}.grid-storage{display:flex;align-items:center;gap:5px;margin-top:7px;color:#718078;font-size:9px}.grid-storage svg{width:12px;height:12px;flex:0 0 12px}
@media(max-width:1100px){.file-table th:nth-child(3),.file-table td:nth-child(3){display:table-cell}.file-table th:nth-child(4),.file-table td:nth-child(4){display:none}}
@media(max-width:760px){.file-table th:nth-child(3),.file-table td:nth-child(3),.file-table th:nth-child(4),.file-table td:nth-child(4),.file-table th:nth-child(5),.file-table td:nth-child(5),.file-table th:nth-child(6),.file-table td:nth-child(6){display:none}.file-info-copy small{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-storage{font-size:8px}}