:root{color:#161719;font-synthesis:none;background:#eef0f3;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.48}body{background:radial-gradient(circle at 15% 0,#ffffffeb,#0000 34rem),#eef0f3;min-height:100svh}.glass{-webkit-backdrop-filter:blur(26px)saturate(150%);background:#ffffffa8;border:1px solid #ffffffbd;box-shadow:0 18px 50px #1f242e12,inset 0 1px #ffffffb3}.loading-page,.login-page{place-items:center;min-height:100svh;padding:24px;display:grid}.loading-page .mark{animation:1.2s ease-in-out infinite alternate pulse}@keyframes pulse{to{opacity:.42;transform:scale(.94)}}.login-panel{text-align:center;width:min(100%,300px)}.brand{letter-spacing:-.025em;align-items:center;gap:9px;font-size:15px;font-weight:650;display:flex}.brand-login{justify-content:center;margin-bottom:34px;font-size:18px}.mark{color:#fff;background:#191b1f;border:1px solid #00000012;border-radius:10px;place-items:center;width:31px;height:31px;display:inline-grid;box-shadow:0 5px 14px #00000029}.primary-button,.secondary-button,.icon-button{cursor:pointer;border:0;justify-content:center;align-items:center;transition:background-color .14s,color .14s,transform .14s;display:inline-flex}.primary-button:active,.secondary-button:active,.icon-button:active{transform:scale(.98)}.primary-button{color:#fff;background:#1b1c1f;border-radius:10px;gap:7px;height:36px;padding:0 13px;font-size:13px;font-weight:600}.primary-button:hover{background:#303238}.secondary-button{color:#383a3f;background:#ffffffb8;border:1px solid #00000014;border-radius:10px;gap:7px;height:34px;padding:0 12px;font-size:12px;font-weight:580}.login-button{width:100%;height:42px}.inline-error{color:#b42318;margin:14px 0 0;font-size:12px;line-height:1.45}.vault-gate{text-align:center;border-radius:22px;width:min(100% - 32px,360px);margin:min(19svh,150px) auto 0;padding:30px}.vault-gate>svg{color:#555961}.vault-gate h1{letter-spacing:-.035em;margin:12px 0 22px;font-size:18px}.vault-gate form{gap:9px;display:grid}.gate-button{width:100%;margin-top:4px}.text-input{color:#202125;background:#ffffffb3;border:1px solid #00000017;border-radius:10px;outline:none;width:100%;height:40px;padding:0 12px;font-size:13px;transition:border-color .14s,box-shadow .14s}.text-input:focus{border-color:#00000038;box-shadow:0 0 0 3px #0000000a}.spinner{transform-box:border-box;transform-origin:50%;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.app-page{min-height:100svh;padding:16px}.topbar{border-radius:17px;justify-content:space-between;align-items:center;max-width:1480px;height:52px;margin:0 auto 12px;padding:0 12px 0 10px;display:flex}.topbar-actions{align-items:center;gap:8px;display:flex}.connection{color:#73777f;align-items:center;gap:5px;min-width:0;max-width:330px;font-size:11px;display:flex}.connection.readonly{color:#9a6a1b}.account-email{color:#4e5259;text-overflow:ellipsis;white-space:nowrap;border-left:1px solid #00000014;max-width:220px;margin-left:3px;padding-left:8px;overflow:hidden}.icon-button{color:#565a61;background:0 0;border-radius:10px;width:34px;height:34px}.icon-button:hover{color:#1e2024;background:#0000000d}.workspace{grid-template-columns:minmax(0,1fr);max-width:1480px;min-height:calc(100svh - 96px);margin:auto;display:grid}.browser{border-radius:20px;flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.browser-toolbar{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:18px;min-height:58px;padding:10px 13px 10px 17px;display:flex;position:relative}.path-group{flex:1;align-items:center;gap:3px;min-width:0;display:flex}.breadcrumbs{scrollbar-width:none;align-items:center;min-width:0;display:flex;overflow-x:auto}.breadcrumbs::-webkit-scrollbar{display:none}.breadcrumbs>span{color:#9a9da3;flex:none;align-items:center;gap:3px;min-width:0;display:flex}.path-button{color:#676b72;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;max-width:190px;padding:6px 3px;font-size:13px;font-weight:590;overflow:hidden}.path-button:disabled{color:#202125;opacity:1;cursor:default;font-size:14px;font-weight:650}.toolbar-actions{align-items:center;gap:5px;display:flex}.toolbar-divider{background:#00000012;width:1px;height:20px;margin:0 3px}.upload-button{white-space:nowrap}.search-field{color:#91949a;background:#fff9;border:1px solid #0000000f;border-radius:10px;align-items:center;gap:7px;width:188px;height:34px;padding:0 10px;display:flex}.search-field input{color:#242529;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px}.search-field input::placeholder{color:#a0a3a9}.file-header{color:#989ba1;border-bottom:1px solid #0000000d;grid-template-columns:minmax(0,1fr) 150px 90px 64px;align-items:center;height:36px;padding:0 11px 0 20px;font-size:10px;font-weight:560;display:grid}.file-header button{color:inherit;font-size:inherit;font-weight:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:0}.file-header button:hover{color:#5c6067}.search-summary{color:#747880;border-bottom:1px solid #0000000d;align-items:center;gap:7px;min-height:32px;padding:0 19px;font-size:10px;display:flex}.search-summary small{color:#96999f}.search-summary small:first-of-type{margin-left:auto}.selection-toolbar{background:#ffffff47;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:4px 11px 4px 18px;display:flex}.selection-toolbar>div{align-items:center;gap:2px;display:flex}.selection-toolbar button{color:#555960;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 9px;font-size:11px;display:inline-flex}.selection-toolbar button:hover{color:#24262a;background:#0000000d}.selection-toolbar button.danger{color:#a72a20}.selection-clear{font-weight:620}.selection-check,.selection-toggle{color:#fff;background:#35383e;border:1px solid #00000029;border-radius:6px;place-items:center;display:grid}.selection-check{width:18px;height:18px}.file-list{overflow:auto}.file-row{color:#555960;cursor:default;border-bottom:1px solid #0000000b;outline:none;grid-template-columns:minmax(0,1fr) 150px 90px 64px;align-items:center;min-height:52px;padding:0 11px 0 20px;font-size:11px;display:grid;position:relative}.file-row:hover,.file-row:focus-visible{background:#ffffff75}.file-row.selected{background:#40465012}.file-name{color:#27292d;align-items:center;gap:10px;min-width:0;font-size:12px;font-weight:560;display:flex}.selection-toggle{color:#fff;cursor:pointer;background:0 0;flex:none;width:18px;height:18px;padding:0}.file-row:not(.selected) .selection-toggle{border-color:#0000001a}.file-row:not(.selected):not(:hover) .selection-toggle{opacity:.38}.file-title{gap:2px;min-width:0;display:grid}.file-title>span,.file-title>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-title>small{color:#96999f;font-size:9px;font-weight:500}.file-type{color:#656971;background:#0000000b;border-radius:9px;flex:none;place-items:center;width:30px;height:30px;display:grid}.file-type.directory{color:#5a5e66;background:#464b5414}.entry-lock{color:#91949a;flex:none}.entry-lock.unlocked{color:#5f7667}.file-date,.file-size{color:#858990}.row-action{color:#777b82;cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.row-action:hover{color:#25272b;background:#0000000d}.row-actions{justify-content:flex-end;display:flex}.empty-folder{color:#8e9299;flex:1;place-content:center;justify-items:center;min-height:360px;display:grid}.empty-icon{background:#ffffff85;border:1px solid #0000000d;border-radius:17px;place-items:center;width:52px;height:52px;display:grid}.empty-folder p{margin:12px 0 16px;font-size:12px}.empty-upload-actions{gap:6px;display:flex}.drop-overlay{z-index:12;color:#42464d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:none;background:#f5f7f9db;border:1.5px dashed #25282d4d;border-radius:16px;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:8px}.drop-overlay strong{font-size:13px}.drop-overlay span{color:#81858c;font-size:10px}.error-banner{z-index:30;color:#9d271e;background:#fff4f3eb;border:1px solid #b4231824;border-radius:11px;max-width:calc(100% - 32px);padding:9px 13px;font-size:12px;position:fixed;top:79px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #5014101a}.center-loader{color:#858990;place-items:center;min-height:calc(100svh - 100px);display:grid}.busy-dot{z-index:40;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1c1e22e0;border:1px solid #ffffffb8;border-radius:14px;place-items:center;width:42px;height:42px;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0000002e}.transfer{color:#575b62;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;width:min(300px,100% - 28px);padding:12px 13px;font-size:11px;display:grid;position:absolute;bottom:14px;right:14px}.transfer>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transfer strong{color:#2b2d31;font-size:10px}.transfer>div{background:#00000012;border-radius:99px;grid-column:1/-1;height:3px;overflow:hidden}.transfer>div>span{border-radius:inherit;background:#4d5159;height:100%;transition:width .18s;display:block}.transfer>div>span.indeterminate{width:32%;animation:1.1s ease-in-out infinite alternate transfer-indeterminate}@keyframes transfer-indeterminate{0%{transform:translate(-20%)}to{transform:translate(230%)}}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);background:#1b1d2142;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.menu-dialog{border-radius:21px;width:min(100%,380px);overflow:hidden}.menu-dialog.compact{padding-bottom:17px}.menu-header{border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 9px 0 17px;display:flex}.menu-header>span{color:#292b2f;align-items:center;gap:9px;min-width:0;font-size:13px;font-weight:650;display:flex}.menu-header .file-type{width:31px;height:31px}.managed-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu-list{padding:7px}.menu-row{color:#4e5259;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:55px;padding:6px 10px 6px 8px;display:grid}.menu-row:hover{background:#0000000a}.menu-row.danger{color:#a72a20}.menu-icon{color:#5e6269;background:#0000000b;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.menu-row.danger .menu-icon{color:#ad2d23;background:#b4231812}.menu-label{gap:2px;min-width:0;display:grid}.menu-label strong{font-size:12px;font-weight:610}.menu-label small{color:#96999f;font-size:10px;font-weight:500}.menu-form{padding:17px 17px 0}.menu-dialog.compact .dialog-copy{margin:15px 17px 0}.menu-dialog.compact>.dialog-actions{margin-left:17px;margin-right:17px}.small-dialog{border-radius:19px;width:min(100%,340px);padding:18px}.dialog-title{color:#27292d;align-items:center;gap:9px;margin-bottom:16px;font-size:14px;font-weight:650;display:flex}.dialog-title small{color:#8e9299;margin-left:auto;font-size:10px;font-weight:550}.dialog-copy{color:#777b82;margin:-4px 0 4px;font-size:12px}.dialog-actions{justify-content:flex-end;gap:7px;margin-top:17px;display:flex}.split-actions{grid-template-columns:auto auto 1fr auto auto;display:grid}.danger-button{color:#fff;cursor:pointer;background:#b42318;border:0;border-radius:10px;height:34px;padding:0 13px;font-size:12px;font-weight:620}.text-danger,.text-button{cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:12px}.text-danger{color:#b42318}.text-button{color:#555960}.check-row{color:#5f636a;align-items:center;gap:8px;margin-top:13px;font-size:12px;display:flex}.check-row input{accent-color:#27292d;width:14px;height:14px}.check-row+.text-input{margin-top:10px}.password-group{gap:8px;display:grid}.current-password-group{border-bottom:1px solid #00000012;margin-bottom:14px;padding-bottom:14px}.compact-error{margin-top:9px}.selected-files{color:#696d74;background:#00000009;border-radius:10px;gap:5px;max-height:100px;padding:9px 10px;font-size:11px;display:grid;overflow:auto}.selected-files span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.move-bar{color:#5c6067;border-radius:14px;align-items:center;gap:9px;min-height:54px;padding:9px 10px 9px 14px;font-size:12px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.move-bar>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.browser:has(.move-bar) .transfer{bottom:80px}.upload-queue{z-index:45;border-radius:17px;width:min(370px,100vw - 32px);position:fixed;bottom:24px;right:24px;overflow:hidden}.upload-queue.lifted{bottom:88px}.upload-queue-header{color:#383a3f;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:48px;padding:0 7px 0 14px;display:flex}.upload-queue-header>span,.upload-queue-header>div{align-items:center;gap:8px;display:flex}.upload-queue-header strong{font-size:12px;font-weight:650}.upload-queue-header small{color:#8a8e95;font-size:10px}.upload-queue-header .icon-button{width:30px;height:30px}.upload-queue-list{overscroll-behavior:contain;max-height:min(330px,42svh);overflow-y:auto}.upload-item{border-bottom:1px solid #0000000b;grid-template-columns:28px minmax(0,1fr) 37px;align-items:center;gap:7px;min-height:66px;padding:9px 12px 9px 10px;display:grid}.upload-item:last-child{border-bottom:0}.upload-item-icon{color:#676b72;background:#0000000a;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.upload-item.complete .upload-item-icon{color:#4d715a;background:#43765014}.upload-item.error .upload-item-icon{color:#ac3026;background:#b4231812}.upload-item-main{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;min-width:0;display:grid}.upload-item-main strong{color:#303237;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.upload-item-main small{color:#8b8e94;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.upload-item-track{background:#0000000f;border-radius:99px;grid-column:1/-1;height:3px;overflow:hidden}.upload-item-track>span{border-radius:inherit;background:#585c63;height:100%;transition:width .18s;display:block}.upload-item.complete .upload-item-track>span{background:#5b8066}.upload-item.error .upload-item-track>span{background:#b2443a}.upload-item-progress{color:#858990;text-align:right;font-size:9px}.upload-queue.collapsed .upload-queue-header{border-bottom:0}.preview-panel{border-radius:22px;flex-direction:column;width:min(1120px,100%);height:min(820px,100svh - 36px);display:flex;overflow:hidden}.modal-header{color:#2a2c30;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;gap:15px;min-height:50px;padding:0 9px 0 17px;font-size:12px;font-weight:630;display:flex}.modal-header>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-body{background:#eceef1b8;flex:1;place-items:center;min-height:0;display:grid;overflow:auto}.preview-body pre{color:#303238;white-space:pre-wrap;place-self:stretch stretch;min-width:max-content;margin:0;padding:24px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.preview-body img{object-fit:contain;max-width:100%;max-height:100%}.preview-body video{object-fit:contain;background:#0e0f11;width:100%;height:100%}.preview-body iframe{background:#fff;border:0;width:100%;height:100%}.gallery-backdrop{-webkit-backdrop-filter:blur(15px);background:#08090b9e;padding:12px}.gallery-panel{background:#18191dc7;border-color:#ffffff2e;border-radius:22px;outline:none;flex-direction:column;width:min(1280px,100%);height:min(900px,100svh - 24px);display:flex;overflow:hidden;box-shadow:0 28px 90px #0000005c,inset 0 1px #ffffff1f}.gallery-panel .modal-header{z-index:2;color:#ffffffe0;background:#18191d85;border-bottom-color:#ffffff14;position:relative}.gallery-panel .modal-header>span:first-child{flex:1;min-width:0}.gallery-panel .modal-header .icon-button{color:#ffffffb8}.gallery-panel .modal-header .icon-button:hover{color:#fff;background:#ffffff17}.gallery-count{color:#ffffff75;font-variant-numeric:tabular-nums;font-size:10px;flex:none!important}.gallery-body{touch-action:pan-y;background:#050608c7;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.gallery-body>img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block;position:absolute;inset:0}.gallery-loading{color:#ffffffb8;place-items:center;display:grid}.gallery-password{background:#25272cc2;border-color:#ffffff29;border-radius:18px;gap:11px;width:min(310px,100% - 52px);padding:18px;display:grid}.gallery-password>div{color:#ffffffd6;align-items:center;gap:9px;min-width:0;display:flex}.gallery-password strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.gallery-password .text-input{color:#fff;background:#ffffff17;border-color:#ffffff21}.gallery-password .text-input::placeholder{color:#ffffff61}.gallery-password .inline-error{color:#ffb4ad;margin:0}.gallery-password .primary-button{color:#202125;background:#ffffffe0;width:100%}.gallery-error{color:#ffb4ad;text-align:center;max-width:min(440px,100% - 80px);margin:0;font-size:12px}.gallery-nav{color:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#17191d94;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 25px #0000002e}.gallery-nav:hover:not(:disabled){color:#fff;background:#303238cc}.gallery-nav:disabled{opacity:0;pointer-events:none}.gallery-nav.previous{left:16px}.gallery-nav.next{right:16px}@media (width<=760px){.app-page{padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom))}.topbar{border-radius:15px;height:48px;margin-bottom:8px}.connection{max-width:125px}.connection>span:not(.account-email),.file-header{display:none}.account-email{border-left:0;max-width:104px;margin-left:0;padding-left:0}.workspace{grid-template-columns:1fr;min-height:calc(100svh - 72px)}.browser{border-radius:17px;min-height:calc(100svh - 72px)}.browser-toolbar{gap:7px;min-height:54px;padding:8px 9px 8px 10px}.path-button{max-width:110px}.toolbar-actions{gap:2px}.search-field{width:88px;padding:0 8px}.empty-folder{min-height:300px}.file-row{grid-template-columns:minmax(0,1fr) 64px;padding-left:12px}.file-date,.file-size{display:none}.error-banner{top:66px}.preview-panel{border-radius:17px;height:calc(100svh - 18px)}.gallery-backdrop{padding:0}.gallery-panel{border:0;border-radius:0;width:100%;height:100svh}.gallery-nav{width:38px;height:38px}.gallery-nav.previous{left:9px}.gallery-nav.next{right:9px}.modal-backdrop{padding:9px}.vault-gate{margin-top:14svh;padding:25px 20px}.upload-queue{right:8px;bottom:max(8px, env(safe-area-inset-bottom));border-radius:15px;width:calc(100vw - 16px)}.upload-queue.lifted{bottom:max(78px, calc(78px + env(safe-area-inset-bottom)))}.upload-queue-list{max-height:38svh}.selection-toolbar{padding-left:11px}.selection-toolbar button span:not(.selection-check){display:none}}@media (width<=480px){.search-field{cursor:text;flex:none;width:34px;padding:0 9px}.search-field input{opacity:0;width:0}.search-field:focus-within{z-index:4;background:#fffffff0;width:auto;position:absolute;left:9px;right:9px;box-shadow:0 8px 24px #1f242e1f}.search-field:focus-within input{opacity:1;width:100%}.upload-button{padding:0 9px;font-size:11px}}@media (width<=360px){.upload-button{gap:5px;padding:0 7px;font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
