:root{font-family:"Segoe UI",Tahoma,Arial,sans-serif;font-synthesis:none;color:#202020;background:#fff;--accent:#0067c0;--border:#e5e5e5;--selection:#cce8ff;--hover:#eaf5ff}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:inherit;color:inherit;background:#fff;font-size:13px;line-height:1.45}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #0078d4;outline-offset:1px}[hidden]{display:none!important}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.folder-color{color:#c88d19;fill:#f9cd62;stroke-width:1.1}.trash-color{color:#6f8fa8}.upload-color{color:#0067c0}
.gate{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:24px;background:#fff}.pin-form{width:100%;max-width:240px}.pin-form label{display:block;margin-bottom:8px;font-size:16px;color:#212529}.pin-form .form-control{height:44px;font-size:16px;border-radius:4px;background:#fff}
.app{height:100vh;height:100dvh;display:flex;flex-direction:column;background:#fff;overflow:hidden}.explorer-header{flex-shrink:0;background:#f3f3f3}.titlebar{height:40px;display:flex;align-items:flex-end;padding:7px 10px 0}.folder-tab{display:flex;align-items:center;gap:9px;background:#fafafa;border-radius:7px 7px 0 0;width:220px;height:33px;padding:0 14px;font-size:12px}.folder-tab .icon{width:16px;height:16px}.addressbar{display:flex;align-items:center;gap:12px;height:57px;padding:10px 15px;background:#fafafa;border-bottom:1px solid #ececec}.navigation-buttons{display:flex;gap:3px;flex-shrink:0}.address-path{display:flex;align-items:center;gap:10px;border:1px solid #e5e5e5;background:#f4f4f4;border-radius:4px;min-width:0;flex:1;height:34px;padding:0 10px;font-size:13px}.address-path .icon{width:17px;height:17px}#breadcrumbs{display:flex;align-items:center;min-width:0;overflow:auto;white-space:nowrap;scrollbar-width:none}#breadcrumbs::-webkit-scrollbar{display:none}.breadcrumb-button{border:1px solid transparent;background:transparent;border-radius:3px;padding:4px 7px;white-space:nowrap;font-size:12px;color:#333}.breadcrumb-button:hover{background:#e8e8e8}.path-chevron{font-size:18px;color:#888;font-weight:300;line-height:1;flex-shrink:0}.search-field{display:flex;align-items:center;gap:10px;width:260px;height:34px;border:1px solid #e5e5e5;border-radius:4px;background:#f4f4f4;padding:0 11px}.search-field:focus-within{background:#fff;border-bottom:2px solid var(--accent)}.search-field input{width:100%;border:0;outline:0!important;background:transparent;color:#222;min-width:0;font-size:12px}.search-field input::placeholder{color:#656565}.search-field .icon{width:15px;height:15px;color:#777}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:4px;width:30px;height:30px;text-decoration:none;color:#454545;padding:0}.icon-button:hover:not(:disabled){background:#e7e7e7}.icon-button .icon{width:16px;height:16px}.icon-button:disabled{opacity:.35}.commandbar{display:flex;align-items:center;gap:3px;padding:9px 15px;min-height:56px;background:#fafafa;border-bottom:1px solid #dedede}.command-button{display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap;height:34px;padding:0 12px;border:1px solid transparent;border-radius:4px;background:transparent;color:#333;font-size:12px}.command-button:hover:not(:disabled){background:#ededed;border-color:#e4e4e4}.command-button:active:not(:disabled){background:#e4e4e4}.command-button:disabled{color:#aaa}.command-button .icon{width:17px;height:17px}.command-divider{width:1px;height:22px;background:#dfdfdf;margin:0 9px;flex-shrink:0}.commandbar-end{margin-left:auto;display:flex;align-items:center;gap:4px}.sort-field{display:flex;align-items:center;gap:4px;margin:0 6px 0 2px;color:#333;font-size:12px}.sort-field>span{display:none}.sort-field select{font:inherit;border:1px solid transparent;background:transparent;border-radius:4px;height:34px;padding:0 5px;max-width:132px;color:#333}.sort-field select:hover{background:#ededed}
.workspace{display:flex;flex:1;min-height:0}.sidebar{flex:0 0 204px;width:204px;border-right:1px solid #ededed;display:flex;flex-direction:column;padding:15px 0 16px;background:#fff}.sidebar nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:9px;width:100%;height:35px;border:0;border-radius:0;background:transparent;color:#303030;padding:0 17px 0 12px;text-align:left;font-size:12px}.nav-item:hover{background:#f4f4f4}.nav-item.active{background:#f0f0f0;position:relative}.nav-item.active:before{position:absolute;content:"";width:3px;height:17px;background:var(--accent);left:0;top:9px;border-radius:2px}.nav-item .icon{width:18px;height:18px}.nav-chevron{font-size:18px;color:#8b8b8b;margin-right:1px}.storage{display:flex;flex-direction:column;gap:4px;margin:auto 18px 0;padding-top:24px;color:#737373;font-size:11px}.storage>span:first-child{color:#4b4b4b;margin-bottom:5px;font-size:12px}.storage strong{font-size:11px;color:#777;font-weight:400}.storage-meter{height:4px;background:#e6e6e6;border-radius:1px;margin:3px 0;overflow:hidden}.storage-meter>span{display:block;height:100%;width:0;background:#2589d3;transition:width .2s}.main-content{flex:1;min-width:0;position:relative;overflow:auto;background:#fff;padding:0 12px 0 16px}.file-table{width:100%;min-width:540px}.table-header,.file-row{display:grid;grid-template-columns:minmax(190px,1fr) 165px 135px 88px;gap:0;align-items:center}.table-header{height:37px;position:sticky;top:0;z-index:1;background:#fff;color:#6d6d6d;border-bottom:1px solid #f1f1f1;margin-bottom:4px}.table-header>[role=columnheader]{height:25px;min-width:0;border-right:1px solid #eeeeee}.table-header>[role=columnheader]:last-child{border-right:0}.table-header button{border:0;background:transparent;width:100%;height:100%;text-align:left;font-size:12px;padding:0 12px;color:#646464;position:relative;display:flex;align-items:center;gap:9px}.table-header>[role=columnheader]:first-child button{padding-left:12px}.table-header button:hover{background:#f5f5f5}.table-header>[role=columnheader]:last-child button{justify-content:flex-end;padding-right:15px}.sort-indicator{display:none;border:solid #686868;border-width:0 1px 1px 0;padding:2px;transform:rotate(225deg);margin-top:3px}.table-header [aria-sort=ascending] .sort-indicator{display:inline-block}.table-header [aria-sort=descending] .sort-indicator{display:inline-block;transform:rotate(45deg);margin-top:-3px}.file-row{min-height:34px;border:1px solid transparent;border-radius:3px;color:#333;cursor:default;user-select:none;outline-offset:-1px!important}.file-row:hover{background:#f2f8fd}.file-row.selected{background:#cce8ff;border-color:#cce8ff}.file-row.selected:focus{border-color:#99d1ff}.file-row.cut{opacity:.5}.file-row>[role=gridcell]{min-width:0;padding:6px 12px}.file-name-group{display:flex;align-items:center;gap:9px;min-width:0}.file-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#879aab;width:18px;height:20px}.file-icon .icon{width:18px;height:20px;stroke-width:1.4}.file-icon.image{color:#8a63bb}.file-icon.archive{color:#bb972c}.file-icon.document{color:#4f90c8}.file-icon.media{color:#c97741}.file-icon.folder{color:#c88d19}.file-icon.folder .icon{fill:#f9cd62;stroke-width:1.1}.file-name{font-size:12px;line-height:1.55;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:#242424}.download-lock{width:13px;height:13px;color:#937a35;margin-left:auto;flex-shrink:0}.file-date,.file-type,.file-size{font-size:12px;color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{text-align:right;padding-right:15px!important}.file-row.selected .file-date,.file-row.selected .file-type,.file-row.selected .file-size{color:#485d6b}.drop-target{background:#d5ebfc!important;outline:1px solid #64a9da!important;outline-offset:-1px}.empty-state{padding:32px 20px;text-align:center;color:#686868;font-size:12px}.statusbar{height:31px;min-height:31px;flex-shrink:0;display:flex;align-items:center;gap:20px;border-top:1px solid #e8e8e8;background:#fff;padding:0 16px;font-size:11px;color:#626262;white-space:nowrap;overflow:hidden}.statusbar #download-status{color:#8b743c;overflow:hidden;text-overflow:ellipsis}.sync-status{margin-left:auto;font-size:10px;color:#999}.size-limit{font-size:10px;color:#999}.trash-notice{background:#fafafa;border-bottom:1px solid #eee;margin:0 -12px 0 -16px;padding:8px 16px;font-size:11px;color:#777}.connection-error{font-size:12px;color:#8a6227;padding:8px 12px;margin:8px 0;background:#fff9ed;border:1px solid #eedfc2;border-radius:3px}
.transfers{position:fixed;bottom:42px;right:20px;width:380px;max-width:calc(100vw - 32px);max-height:320px;overflow:auto;background:#fff;border:1px solid #ddd;border-radius:7px;box-shadow:0 5px 22px #00000018;z-index:5;padding:13px 16px}.transfers-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.transfers-heading h2{font-size:12px;margin:0;font-weight:600}.transfers-heading h2 span{color:#888;font-size:11px;font-weight:400;margin-left:6px}.text-button{background:transparent;border:0;color:#0067c0;font-size:11px;padding:3px}.text-button:hover{text-decoration:underline}.text-button:disabled{color:#aaa;text-decoration:none}.transfer-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto 25px;align-items:center;gap:8px;padding:10px 0;border-top:1px solid #f1f1f1}.transfer-item:first-child{border-top:0}.transfer-symbol{color:#2580bc}.transfer-symbol .icon{width:16px;height:16px}.transfer-main{min-width:0}.transfer-name{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transfer-progress{height:3px;border-radius:1px;background:#ededed;margin-top:7px;overflow:hidden}.transfer-progress>span{height:100%;background:#1682ce;transition:width .15s}.transfer-status{font-size:10px;color:#888;max-width:90px;line-height:1.5}.transfer-item.failed .transfer-status{color:#ad3a2c}.transfer-item.failed .transfer-progress>span{background:#c57465}.drop-overlay{position:fixed;inset:151px 12px 35px 211px;background:#f0f8ffe8;z-index:15;border:2px dashed #0078d4;display:grid;place-items:center;pointer-events:none}.drop-overlay>div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #c3d9e8;border-radius:5px;box-shadow:0 4px 20px #00447710;padding:14px 19px;font-size:14px;color:#0067c0}.drop-overlay .icon{width:23px;height:23px}.toasts{position:fixed;bottom:42px;left:50%;transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:7px;width:max-content;max-width:calc(100vw - 32px);pointer-events:none}.notice-toast{background:#fff;color:#333;box-shadow:0 3px 15px #0000001a;border:1px solid #ddd;border-radius:5px;padding:10px 15px;font-size:12px;line-height:1.5;overflow-wrap:anywhere;animation:toast-in .15s ease}.notice-toast.error{color:#9e3026;border-color:#dab7b2}.modal-dialog{max-width:440px;margin:1rem auto;min-height:calc(100% - 2rem)}.modal-content.action-dialog{border:1px solid #d9d9d9;border-radius:7px;padding:24px;background:#fff;box-shadow:0 12px 55px #00000030}.modal-backdrop{background:#000}.modal-backdrop.show{opacity:.22}.dialog-icon{display:none}.action-dialog h2{font-size:18px;font-weight:600;margin:0 0 15px;color:#252525}.action-dialog p{font-size:13px;color:#505050;line-height:1.65;overflow-wrap:anywhere;margin:0 0 20px}.action-dialog label{font-size:12px;color:#555;display:block;margin-bottom:6px}.action-dialog input{border:1px solid #bbb;border-bottom:1px solid #777;border-radius:4px;padding:8px 10px;font-size:13px;color:#222;margin-bottom:22px}.form-control:focus{border-color:#0078d4;box-shadow:0 0 0 1px #0078d4;background:#fff;color:#222}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d1d1d1;padding:7px 15px;border-radius:4px;font-size:12px;font-weight:400;min-height:33px;white-space:nowrap;background:#f9f9f9;color:#222}.button:hover{background:#f0f0f0;border-color:#bababa}.button.primary{background:#0067c0;color:#fff;border-color:#0067c0}.button.primary:hover{background:#005ba9;border-color:#005ba9}.button.danger{background:#0067c0;color:#fff;border-color:#0067c0}.button.danger:hover{background:#005ba9}.button:disabled{opacity:.5}@keyframes toast-in{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.command-button{padding:0 9px;gap:7px}.commandbar{padding:9px 10px;gap:1px}.command-divider{margin:0 5px}.commandbar-end .command-button span{display:none}.commandbar-end .command-button{width:36px}.sidebar{flex-basis:180px;width:180px}.table-header,.file-row{grid-template-columns:minmax(190px,1fr) 150px 115px 85px}.drop-overlay{left:187px}.search-field{width:230px}}
@media(max-width:850px){.sidebar{flex-basis:156px;width:156px}.nav-item{padding-left:9px;gap:7px;font-size:11px}.nav-chevron{display:none}.storage{margin-left:13px;margin-right:13px;font-size:10px}.addressbar{gap:8px;padding-left:10px;padding-right:10px}.search-field{width:200px}.command-button{font-size:11px;padding:0 8px}.command-button .icon{width:16px;height:16px}.command-divider{margin:0 3px}.sort-field select{font-size:11px;width:112px}.main-content{padding-left:10px;padding-right:8px}.trash-notice{margin-left:-10px;margin-right:-8px}.statusbar{gap:14px}.size-limit{display:none}.drop-overlay{left:163px}#rename-selected span,#delete-selected span{display:none}#rename-selected,#delete-selected{width:32px;padding:0}}
@media(max-width:600px){.titlebar{height:35px;padding-top:4px}.folder-tab{height:31px;width:180px;font-size:12px}.addressbar{height:auto;min-height:81px;gap:7px;flex-wrap:wrap;padding:7px 9px}.navigation-buttons{gap:1px}.navigation-buttons .icon-button{width:25px;height:28px}.address-path{gap:5px;font-size:11px;padding:0 6px;flex-basis:calc(100% - 121px)}.address-path>.icon{width:15px;height:15px}.breadcrumb-button{font-size:11px;padding:4px 5px}.search-field{width:100%;height:28px;padding:0 8px}.search-field input{font-size:11px}.search-field .icon{width:13px;height:13px}.commandbar{padding:5px 7px;min-height:49px;gap:0;flex-wrap:wrap}.command-button{height:32px;gap:6px;padding:0 7px;font-size:11px}.commandbar #new-folder span{display:none}.commandbar #new-folder{width:30px;padding:0}.commandbar-end{gap:0}.commandbar-end .command-button{width:28px}.command-divider{margin:0 2px;height:20px}.sort-field{margin:0}.sort-field select{width:95px;font-size:10px;padding-left:3px;padding-right:0}.workspace{flex-direction:column}.sidebar{width:100%;flex:0 0 auto;padding:4px 7px;border-right:0;border-bottom:1px solid #ededed;background:#fafafa}.sidebar nav{flex-direction:row;gap:3px}.nav-item{width:auto;padding:0 11px;height:31px;gap:7px;border-radius:3px;font-size:11px}.nav-item.active{background:#e9e9e9}.nav-item.active:before{display:none}.nav-item .icon{width:15px;height:15px}.storage{display:none}.main-content{padding:0 7px;min-height:0}.file-table{min-width:0}.table-header,.file-row{grid-template-columns:minmax(120px,1fr) 106px 64px}.table-header [data-column=type],.file-type{display:none}.table-header{height:35px;margin-bottom:3px}.table-header button{font-size:10px;padding:0 7px;gap:6px}.table-header>[role=columnheader]:first-child button{padding-left:8px}.table-header>[role=columnheader]:last-child button{padding-right:8px}.file-row{min-height:38px}.file-row>[role=gridcell]{padding:7px 7px}.file-name-group{gap:6px}.file-name{font-size:11px}.file-icon{width:15px}.file-icon .icon{width:15px;height:18px}.file-date,.file-size{font-size:10px}.file-size{padding-right:8px!important}.download-lock{width:11px;height:11px}.statusbar{font-size:10px;padding:0 10px;height:30px;min-height:30px;gap:14px}.statusbar .sync-status{display:none}.statusbar #download-status{font-size:9px}.drop-overlay{inset:213px 7px 34px}.drop-overlay>div{font-size:12px;padding:12px 14px}.drop-overlay .icon{width:19px;height:19px}.trash-notice{font-size:10px;padding:7px 10px;margin-left:-7px;margin-right:-7px}.empty-state{font-size:11px;padding:30px 15px}.transfers{bottom:39px;right:10px;max-width:calc(100vw - 20px);padding:12px 13px}.modal-dialog{margin:1rem;max-width:calc(100% - 2rem)}.modal-content.action-dialog{padding:21px}.action-dialog h2{font-size:17px}.action-dialog p{font-size:12px}.toasts{bottom:40px}.notice-toast{font-size:11px;padding:9px 12px}}
@media(max-width:410px){.commandbar #copy-link{display:none}.command-button{padding:0 6px}.command-divider{margin:0 2px}.sort-field select{width:85px}.table-header,.file-row{grid-template-columns:minmax(115px,1fr) 100px 60px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.folder-tab>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.action-dialog p:empty{display:none}