:root{color-scheme:light;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink-950: #101623;--ink-900: #171e2c;--ink-800: #252e3e;--ink-700: #354054;--ink-600: #566176;--ink-500: #737e90;--ink-400: #98a1af;--ink-300: #c1c8d1;--ink-200: #dce1e7;--ink-150: #e7eaee;--ink-100: #eff1f4;--ink-50: #f6f7f9;--white: #fff;--blue: #2864dc;--blue-strong: #1f55c8;--blue-soft: #eaf1ff;--green: #18976b;--red: #ca4843;--orange: #de7d22;--violet: #7757d7;--sidebar: #121927;--sidebar-soft: #1b2434;--sidebar-line: rgba(255,255,255,.08);--surface: #fff;--surface-2: #eef1f5;--surface-hover: #f3f5f8;--surface-glass: rgba(255,255,255,.96);--scrollbar-thumb: #cdd3dc;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05), 0 1px 3px rgba(16, 24, 40, .04);--shadow-md: 0 12px 34px rgba(21, 29, 42, .12), 0 2px 8px rgba(21, 29, 42, .06);--shadow-lg: 0 28px 80px rgba(14, 22, 36, .24), 0 8px 26px rgba(14, 22, 36, .12);--radius: 10px}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{color:var(--ink-900);background:var(--ink-50);font-size:14px;overflow:hidden}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.46}::selection{background:#bcd3ff;color:#101623}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid transparent;border-radius:999px;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app-shell{display:flex;width:100vw;height:100vh;background:var(--ink-50);overflow:hidden}.sidebar{width:246px;flex:0 0 246px;height:100%;color:#d9e0ea;background:var(--sidebar);display:flex;flex-direction:column;padding:0 14px 13px;position:relative;z-index:30}.brand-row{height:73px;display:flex;align-items:center;padding:0 9px;gap:10px;border-bottom:1px solid var(--sidebar-line)}.brand-mark{width:31px;height:31px;flex:0 0 31px;border-radius:9px;background:linear-gradient(145deg,#3778f0,#245bd2);box-shadow:0 8px 22px #2764dc57;display:grid;place-items:center}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;border:1.5px solid rgba(255,255,255,.96);border-radius:3px;transform:rotate(45deg)}.brand-mark:before{width:12px;height:12px}.brand-mark:after{width:7px;height:7px}.brand-mark span{width:3px;height:3px;background:var(--surface)}.brand-type{display:flex;flex-direction:column;line-height:1}.brand-type strong{font-size:17px;color:#fff;letter-spacing:-.025em}.brand-type small{margin-top:5px;color:#76839a;font-size:8px;font-weight:700;letter-spacing:.16em}.sidebar-close{display:none;margin-left:auto;background:transparent;color:#acb6c5;border:0;padding:5px}.bucket-switcher{height:60px;width:100%;margin:14px 0 11px;padding:0 10px;background:#192232;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#d6deea;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}.bucket-switcher:hover{background:#1e293a;border-color:#ffffff1f}.bucket-switcher>span:nth-child(2){min-width:0;display:flex;flex-direction:column;flex:1}.bucket-switcher small{color:#78869b;font-size:8px;font-weight:700;letter-spacing:.1em;margin-bottom:4px}.bucket-switcher strong{color:#eff3f8;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bucket-icon{width:31px;height:31px;border-radius:8px;background:#263248;display:grid;place-items:center;color:#8fb4ff}.primary-nav{display:grid;gap:3px}.primary-nav button,.quick-nav button{width:100%;height:39px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#98a4b7;display:flex;align-items:center;gap:11px;cursor:pointer;font-weight:500;text-align:left;transition:color .16s,background .16s}.primary-nav button:hover,.quick-nav button:hover{color:#e6ebf2;background:#ffffff0b}.primary-nav button.active{color:#fff;background:#273348;box-shadow:inset 3px 0 #4d84ed}.primary-nav button.active svg{color:#80a9fb}.nav-count,.pulse-count{margin-left:auto;min-width:21px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:#ffffff14;color:#aeb8c6;font-size:10px}.sidebar-label{margin:24px 10px 8px;color:#59677c;font-size:9px;font-weight:700;letter-spacing:.13em}.quick-nav{display:grid;gap:1px}.quick-nav button{height:34px;font-size:12px}.quick-dot{width:8px;height:8px;border-radius:3px;margin-left:4px;margin-right:1px}.quick-dot.image{background:#41a88d}.quick-dot.docs{background:#6a87e8}.quick-dot.transfer{background:#c77958}.sidebar-spacer{flex:1;min-height:10px}.storage-card{margin:8px 0 10px;padding:14px;background:#192231;border:1px solid rgba(255,255,255,.055);border-radius:10px}.storage-heading{display:flex;justify-content:space-between;align-items:center;color:#8693a7;font-size:10px}.storage-heading>span:first-child{display:flex;align-items:center;gap:7px}.live-dot{color:#50c69d;font-size:8px;font-weight:700;letter-spacing:.08em}.storage-card>strong{display:block;margin-top:13px;color:#eef2f8;font-size:18px;letter-spacing:-.035em}.storage-card p{margin:3px 0 12px;color:#738095;font-size:10px}.storage-spectrum{height:5px;border-radius:4px;display:flex;overflow:hidden;background:#273246}.storage-spectrum>span{display:block;height:100%;transition:width .3s ease}.storage-spectrum .blue{background:#4076e3}.storage-spectrum .violet{background:#7d62d4}.storage-spectrum .slate{background:#647187}.storage-spectrum.empty:after{content:"";width:100%;background:#273246}.storage-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px;color:#68768b;font-size:8px}.storage-legend>span{min-width:0;display:grid;grid-template-columns:5px 1fr;align-items:center;gap:4px}.storage-legend>span>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.storage-legend b{width:5px;height:5px;border-radius:1px}.storage-legend em{grid-column:2;color:#8996a9;font-style:normal;font-variant-numeric:tabular-nums}.storage-legend .blue{background:#4076e3}.storage-legend .violet{background:#7d62d4}.storage-legend .slate{background:#647187}.sidebar-user{height:46px;display:flex;align-items:center;gap:9px;padding:7px;border-top:1px solid var(--sidebar-line);margin-top:1px}.avatar,.top-avatar{background:linear-gradient(145deg,#8b6a54,#664b3d);color:#fff;display:grid;place-items:center;font-weight:700}.avatar{width:29px;height:29px;border-radius:8px;font-size:9px}.sidebar-user>div:nth-child(2){flex:1;min-width:0;display:flex;flex-direction:column}.sidebar-user strong{color:#dfe5ed;font-size:10px}.sidebar-user small{color:#647287;font-size:8px;margin-top:2px}.sidebar-user>svg{color:#66748a}.main-shell{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.topbar{height:68px;flex:0 0 68px;padding:0 21px;display:flex;align-items:center;gap:16px;background:var(--surface-glass);border-bottom:1px solid var(--ink-200);position:relative;z-index:20}.mobile-menu{display:none;border:0;background:transparent;padding:6px}.history-controls{display:flex;gap:3px}.history-controls button{width:30px;height:30px;border:0;border-radius:7px;background:transparent;display:grid;place-items:center;color:var(--ink-600);cursor:pointer}.history-controls button:not(:disabled):hover{background:var(--ink-100);color:var(--ink-900)}.global-search{width:min(500px,48vw);height:38px;margin:0 auto;display:flex;align-items:center;gap:9px;padding:0 10px;border:1px solid var(--ink-200);border-radius:9px;background:var(--ink-50);color:var(--ink-500);box-shadow:inset 0 1px 1px #10182804;transition:border-color .16s,box-shadow .16s,background .16s}.global-search.focused{background:var(--surface);border-color:#8cb0f3;box-shadow:0 0 0 3px #2864dc1c}.global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink-900);font-size:12px}.global-search input::placeholder{color:#8b95a4}.global-search kbd{min-width:31px;height:21px;padding:0 6px;border:1px solid #d6dbe2;border-bottom-color:#c7cdd6;border-radius:5px;background:var(--surface);color:#7e8897;display:grid;place-items:center;font-family:inherit;font-size:9px;box-shadow:0 1px 1px #1018280f}.global-search>button{border:0;background:transparent;color:var(--ink-500);display:grid;place-items:center;cursor:pointer;padding:2px}.search-spinner,.button-spinner{border-radius:50%;border:2px solid #d7dfed;border-top-color:var(--blue);animation:spin .75s linear infinite}.search-spinner{width:15px;height:15px}.button-spinner{width:15px;height:15px;border-color:#fff5;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.top-actions{display:flex;align-items:center;gap:10px}.activity-trigger{width:35px;height:35px;border:1px solid var(--ink-200);border-radius:8px;background:var(--surface);display:grid;place-items:center;color:var(--ink-600);cursor:pointer;position:relative}.activity-trigger:hover{background:var(--ink-50)}.activity-trigger>span{position:absolute;right:-5px;top:-5px;width:16px;height:16px;display:grid;place-items:center;border-radius:999px;background:var(--blue);color:#fff;border:2px solid #fff;font-size:7px;font-weight:700}.new-menu-wrap,.sort-wrap{position:relative}.primary-new{height:36px;padding:0 13px;border:0;border-radius:8px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:7px;font-size:12px;font-weight:700;box-shadow:0 4px 12px #2864dc38;cursor:pointer}.primary-new:hover{background:var(--blue-strong)}.top-avatar{width:33px;height:33px;border-radius:9px;font-size:10px;position:relative}.top-avatar span{position:absolute;right:-1px;bottom:-1px;width:8px;height:8px;border-radius:50%;background:#30a87b;border:2px solid #fff}.dropdown{position:absolute;z-index:80;background:var(--surface);border:1px solid var(--ink-200);border-radius:10px;box-shadow:var(--shadow-md);padding:6px}.new-dropdown{right:0;top:44px;width:274px}.new-dropdown button{width:100%;border:0;background:transparent;border-radius:7px;padding:9px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer}.new-dropdown button:hover{background:var(--ink-50)}.new-dropdown button>svg{color:var(--ink-600)}.new-dropdown button>span{flex:1;display:flex;flex-direction:column}.new-dropdown strong{font-size:12px}.new-dropdown small{margin-top:2px;color:var(--ink-500);font-size:10px}.new-dropdown kbd,.context-menu kbd{margin-left:auto;color:var(--ink-400);background:transparent;border:0;font-family:inherit;font-size:9px}.menu-separator{height:1px;background:var(--ink-150);margin:5px 2px}.connection-banner{min-height:48px;padding:7px 20px;flex:0 0 auto;background:var(--surface)7e8;border-bottom:1px solid #eed9b3;color:#86541d;display:flex;align-items:center;gap:10px}.connection-banner div{flex:1;display:flex;gap:8px;align-items:baseline}.connection-banner strong{font-size:11px}.connection-banner span{color:#9c7549;font-size:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.connection-banner button{height:29px;padding:0 10px;border:1px solid #e2c58f;background:var(--surface)af1;color:#82501a;border-radius:7px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;cursor:pointer}.workspace{flex:1;min-height:0;display:flex;background:var(--ink-50)}.content-pane{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.page-heading{min-height:112px;padding:21px 27px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;background:var(--surface);border-bottom:1px solid var(--ink-150)}.heading-copy{min-width:0}.breadcrumbs{height:19px;display:flex;align-items:center;gap:3px;color:var(--ink-500);margin-bottom:2px}.breadcrumbs button{max-width:180px;border:0;background:transparent;color:inherit;padding:2px 4px;border-radius:4px;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.breadcrumbs button:hover{background:var(--ink-100);color:var(--blue)}.breadcrumbs button.current{color:var(--ink-600);font-weight:600}.breadcrumbs svg{color:var(--ink-300)}.title-line{display:flex;align-items:center;gap:9px}.title-line h1{margin:0;font-size:24px;line-height:1.22;letter-spacing:-.035em;font-weight:700;color:var(--ink-950)}.item-count{min-width:23px;height:20px;padding:0 6px;border-radius:999px;background:var(--ink-100);color:var(--ink-500);display:grid;place-items:center;font-size:9px;font-weight:600}.heading-copy>p{margin:6px 0 0;color:var(--ink-500);font-size:11px}.view-tools{display:flex;align-items:center;gap:8px;padding-bottom:1px}.tool-button{height:33px;padding:0 10px;border:1px solid var(--ink-200);background:var(--surface);border-radius:7px;display:flex;align-items:center;gap:7px;color:var(--ink-600);font-size:10px;cursor:pointer}.tool-button:hover,.tool-button.active{color:var(--ink-900);border-color:var(--ink-300);background:var(--ink-50)}.inspector-toggle{padding:0;width:33px;justify-content:center}.view-toggle{height:33px;border:1px solid var(--ink-200);border-radius:7px;padding:2px;background:var(--surface);display:flex}.view-toggle button{width:29px;border:0;border-radius:5px;background:transparent;color:var(--ink-400);display:grid;place-items:center;cursor:pointer}.view-toggle button.active{color:var(--ink-800);background:var(--ink-100);box-shadow:inset 0 0 0 1px #e3e6ea}.sort-dropdown{right:0;top:39px;width:185px}.dropdown-label{padding:7px 8px 5px;color:var(--ink-400);font-size:8px;font-weight:700;letter-spacing:.1em}.sort-dropdown button{width:100%;height:33px;padding:0 8px;border:0;border-radius:6px;background:transparent;display:flex;align-items:center;gap:8px;font-size:11px;cursor:pointer}.sort-dropdown button:hover{background:var(--ink-50)}.sort-dropdown button svg:last-child{margin-left:auto}.invisible{opacity:0}.selection-bar{min-height:48px;padding:6px 27px;border-bottom:1px solid #c9d9f5;background:#f3f7ff;color:#274f93;display:flex;align-items:center;gap:5px}.selection-bar strong{margin:0 8px 0 5px;font-size:11px}.selection-bar button{height:31px;padding:0 8px;border:0;border-radius:6px;color:#3d5c8c;background:transparent;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;cursor:pointer}.selection-bar button:hover{background:#e4edfc;color:#183f80}.selection-bar .selection-close{width:28px;padding:0;justify-content:center}.selection-divider{width:1px;height:21px;background:#ccd9ee;margin-right:4px}.selection-bar .danger-action{color:#b5423e}.selection-bar .more-selection{margin-left:auto}.browser-area{flex:1;min-height:0;overflow:auto;padding:20px 27px 50px;position:relative}.file-browser.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px;align-content:start}.file-item{-webkit-user-select:none;user-select:none;outline:none}.file-item.view-grid{min-width:0;background:var(--surface);border:1px solid var(--ink-200);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm);cursor:default;transition:transform .15s ease,box-shadow .15s,border-color .15s}.file-item.view-grid:hover{border-color:#c3ccd8;box-shadow:0 5px 15px #141c2812;transform:translateY(-1px)}.file-item.view-grid.selected{border-color:#75a0ee;box-shadow:0 0 0 2px #2864dc29,var(--shadow-sm)}.tile-preview{height:124px;background:var(--surface-2);border-bottom:1px solid var(--ink-150);position:relative;display:grid;place-items:center;overflow:hidden}.file-item.view-grid.selected .tile-preview{background:#edf3ff}.tile-topline{position:absolute;inset:9px 9px auto;z-index:3;display:flex;justify-content:space-between}.favorite-mark{margin-left:auto;color:#dd9c2e;filter:drop-shadow(0 1px 2px #fff)}.tile-info{height:57px;padding:9px 8px 8px 11px;display:flex;align-items:center;gap:4px}.tile-copy{min-width:0;flex:1}.file-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-900);font-size:11px;font-weight:600}.file-secondary{margin-top:3px;color:var(--ink-400);font-size:9px}.row-menu{width:29px;height:29px;flex:0 0 29px;border:0;background:transparent;color:var(--ink-400);border-radius:6px;display:grid;place-items:center;opacity:0;cursor:pointer}.file-item:hover .row-menu,.file-item.selected .row-menu,.row-menu:focus-visible{opacity:1}.row-menu:hover{color:var(--ink-700);background:var(--ink-100)}.selection-check{width:16px;height:16px;border:1.5px solid #aab3c0;border-radius:4px;background:#ffffffe0;display:grid;place-items:center;opacity:0;box-shadow:0 1px 2px #10182814}.file-item:hover .selection-check,.selection-check.visible{opacity:1}.selection-check.visible{background:var(--blue);border-color:var(--blue)}.selection-check.visible span{width:7px;height:4px;border-left:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:translateY(-1px) rotate(-45deg)}.file-glyph{width:36px;height:36px;flex:0 0 36px;border-radius:8px;background:#edf0f4;color:#647085;display:grid;place-items:center;position:relative;overflow:hidden}.file-glyph.is-large{width:62px;height:71px;border-radius:9px 17px 9px 9px;box-shadow:0 7px 16px #1e28371f}.file-glyph.is-folder{color:#4979cb;background:#dce8fc}.file-glyph.is-image{color:#237f72;background:#dff2ee}.file-glyph.is-video{color:#7550b9;background:#ede4fa}.file-glyph.is-audio{color:#9a5e9c;background:#f2e3f3}.file-glyph.is-pdf{color:#ca4d49;background:#fae4e3}.file-glyph.is-document{color:#3269c3;background:#e1eafb}.file-glyph.is-spreadsheet{color:#25805b;background:#dff0e8}.file-glyph.is-presentation{color:#c26831;background:#f8e9de}.file-glyph.is-archive{color:#9b6b28;background:#f3ead9}.file-glyph.is-code{color:#48586f;background:#e4e8ed}.file-glyph.has-thumb{width:100%;height:100%;border-radius:0;box-shadow:none;background:#e7eaed}.file-glyph.has-thumb img{width:100%;height:100%;object-fit:cover;display:block}.glyph-ext{position:absolute;bottom:7px;left:0;right:0;text-align:center;font-size:6px;font-weight:700;letter-spacing:.08em;opacity:.75}.file-item.view-grid .file-glyph.is-folder.is-large{width:67px;height:51px;margin-top:10px;border-radius:6px 9px 8px 8px;overflow:visible}.file-item.view-grid .file-glyph.is-folder.is-large:before{content:"";position:absolute;left:0;top:-8px;width:28px;height:13px;border-radius:5px 6px 0 0;background:#cbdcf7}.file-item.view-grid .file-glyph.is-folder.is-large svg{position:relative;z-index:1}.list-heading{min-width:720px;height:31px;display:grid;grid-template-columns:30px minmax(230px,1.9fr) minmax(100px,.8fr) minmax(95px,.8fr) 72px 22px 32px;align-items:center;padding:0 7px;color:var(--ink-400);border-bottom:1px solid var(--ink-200);font-size:9px;font-weight:700;letter-spacing:.025em;text-transform:uppercase}.list-heading>button{border:0;background:transparent;padding:0}.list-heading .selection-check{opacity:1}.file-browser.mode-list{min-width:720px}.file-item.view-list{min-height:49px;padding:5px 7px;display:grid;grid-template-columns:30px 37px minmax(190px,1.9fr) minmax(100px,.8fr) minmax(95px,.8fr) 72px 22px 32px;align-items:center;border-bottom:1px solid var(--ink-150);cursor:default}.file-item.view-list:hover{background:var(--surface-hover)}.file-item.view-list.selected{background:#eaf1ff;box-shadow:inset 2px 0 var(--blue)}.file-item.view-list .selection-check{margin-left:2px}.file-item.view-list .file-glyph{width:30px;height:30px;border-radius:7px}.row-name{min-width:0;padding:0 9px 0 3px}.row-kind,.row-date,.row-size{color:var(--ink-500);font-size:10px}.row-size{text-align:right;padding-right:10px}.row-star{color:#dd9c2e}.mobile-kind{display:none}.loading-state.loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));gap:12px}.loading-item{height:182px;border-radius:10px;background:var(--surface);border:1px solid var(--ink-150);overflow:hidden;position:relative}.loading-item span{display:block;height:124px;background:linear-gradient(90deg,#edf0f3 25%,#f7f8fa,#edf0f3 65%);background-size:300% 100%;animation:shimmer 1.5s infinite}.loading-item i,.loading-item b{display:block;height:7px;background:#e7eaee;border-radius:8px;margin:12px 11px 0;width:57%}.loading-item b{width:34%;height:5px;margin-top:7px}.loading-state.loading-list .loading-item{height:49px;border-width:0 0 1px;border-radius:0;display:flex;align-items:center}.loading-state.loading-list .loading-item span{width:30px;height:30px;margin-left:34px;border-radius:7px}.loading-state.loading-list .loading-item i{width:28%;margin:0 0 0 10px}.loading-state.loading-list .loading-item b{width:13%;margin:0 10% 0 auto}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty-state,.offline-state{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px}.state-icon{width:62px;height:62px;border-radius:19px;display:grid;place-items:center;background:var(--surface-2);color:#55739f;margin-bottom:17px;box-shadow:inset 0 0 0 1px #dde4ee,0 7px 18px #2c3d5214}.state-eyebrow{color:var(--blue);font-size:8px;font-weight:700;letter-spacing:.14em;margin-bottom:8px}.empty-state h2,.offline-state h2{margin:0;font-size:19px;letter-spacing:-.025em}.empty-state p,.offline-state p{max-width:450px;color:var(--ink-500);font-size:11px;line-height:1.65;margin:8px 0 20px}.empty-state p strong,.offline-state p strong{color:var(--ink-700)}.offline-state code{padding:2px 5px;background:var(--surface-2);border-radius:4px;color:#374257;font-size:10px}.state-button{min-height:35px;padding:0 13px;border:0;border-radius:8px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;cursor:pointer}.state-button.secondary{color:var(--ink-700);background:var(--surface);border:1px solid var(--ink-200)}.error-state .state-icon{background:#fae8e7;color:var(--red)}.offline-visual{display:flex;align-items:center;margin-bottom:23px}.offline-visual>span{width:66px;height:66px;border-radius:19px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--ink-200);box-shadow:var(--shadow-md)}.offline-visual .server-block{color:var(--blue)}.offline-visual .cloud-block{color:#9aa4b2}.offline-visual i{width:74px;border-top:1px dashed #b9c1cc;position:relative}.offline-visual i:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--red);top:-4px;left:calc(50% - 3px);box-shadow:0 0 0 4px #f9e1df}.connection-details{display:flex;width:min(440px,100%);border:1px solid var(--ink-200);border-radius:8px;background:var(--surface);margin:0 0 18px;text-align:left}.connection-details span{flex:1;padding:9px 12px;color:var(--ink-600);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connection-details span+span{border-left:1px solid var(--ink-150)}.connection-details b{display:block;color:var(--ink-400);font-size:8px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:3px}.spinning{animation:spin .75s linear infinite}.shared-table{min-width:880px;background:var(--surface);border:1px solid var(--ink-200);border-radius:10px;overflow:hidden;box-shadow:var(--shadow-sm)}.shared-head,.shared-row{display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(130px,.8fr) 108px 104px 118px 84px;align-items:center;column-gap:12px}.shared-head{height:37px;padding:0 14px;background:var(--ink-50);border-bottom:1px solid var(--ink-200);color:var(--ink-400);font-size:8px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.shared-row{min-height:61px;padding:7px 14px;border-bottom:1px solid var(--ink-150);color:var(--ink-500);font-size:10px}.shared-row:last-child{border-bottom:0}.shared-row:hover{background:var(--surface-hover)}.shared-name{min-width:0;display:flex;align-items:center;gap:10px}.shared-name .file-glyph{width:33px;height:33px;flex-basis:33px}.shared-name>span{min-width:0;display:flex;flex-direction:column}.shared-name strong{color:var(--ink-900);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shared-name small{color:var(--ink-400);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-policy{display:flex;align-items:center;gap:6px;color:var(--ink-600)}.share-activity{color:var(--ink-500);font-size:10px;white-space:nowrap}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39a77e;margin-right:6px}.share-row-actions{display:flex;justify-content:flex-end;gap:2px}.share-row-actions button{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:var(--ink-400);cursor:pointer}.share-row-actions button:hover{background:var(--ink-100);color:var(--ink-700)}.preview-panel{width:350px;flex:0 0 350px;min-height:0;background:var(--surface);border-left:1px solid var(--ink-200);display:flex;flex-direction:column;box-shadow:-5px 0 18px #171e2c06;position:relative;z-index:8}.preview-header{height:54px;flex:0 0 54px;padding:0 13px 0 17px;border-bottom:1px solid var(--ink-150);display:flex;align-items:center;justify-content:space-between}.preview-title{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.preview-state{height:18px;padding:0 6px;border-radius:999px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-size:8px;font-weight:600}.icon-button{width:30px;height:30px;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;color:var(--ink-500);cursor:pointer}.icon-button:hover{background:var(--ink-100);color:var(--ink-800)}.preview-tabs{height:39px;flex:0 0 39px;padding:0 14px;display:flex;gap:17px;border-bottom:1px solid var(--ink-150)}.preview-tabs button{height:39px;padding:0 1px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ink-500);font-size:10px;cursor:pointer}.preview-tabs button.active{color:var(--ink-900);border-bottom-color:var(--blue);font-weight:600}.preview-body,.details-body{flex:1;min-height:0;overflow:auto}.preview-body{padding:15px}.asset-stage{height:230px;border-radius:9px;background:#171e29;border:1px solid #101620;display:grid;place-items:center;overflow:hidden;position:relative}.asset-stage>img{max-width:100%;max-height:100%;object-fit:contain}.asset-stage>video{width:100%;max-height:100%}.asset-stage>audio{width:88%}.asset-stage>iframe{width:100%;height:100%;border:0;background:var(--surface)}.asset-stage.stage-code,.asset-stage.stage-file,.asset-stage.stage-folder,.asset-stage.stage-document,.asset-stage.stage-spreadsheet,.asset-stage.stage-presentation,.asset-stage.stage-archive{background:#f0f2f5;border-color:var(--ink-200)}.stage-expand{position:absolute;right:9px;top:9px;width:29px;height:29px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#0c1119b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:grid;place-items:center;cursor:pointer}.generic-preview{display:flex;flex-direction:column;align-items:center;color:var(--ink-700);font-size:11px;font-weight:600}.generic-preview .file-glyph{margin-bottom:13px}.generic-preview small{margin-top:4px;color:var(--ink-400);font-size:9px;font-weight:400}.code-preview{width:100%;height:100%;overflow:auto;background:#151c27;color:#d7e1ef;text-align:left}.code-preview pre{margin:0;padding:16px;min-width:max-content;font-family:SFMono-Regular,Consolas,monospace;font-size:9px;line-height:1.65;white-space:pre-wrap}.truncated-note{position:sticky;bottom:0;padding:6px 12px;background:#253043;color:#aebdd2;font-size:8px;text-align:center}.preview-loading{width:100%;height:100%;display:grid;align-content:center;gap:8px;padding:20px}.preview-loading span{height:6px;width:80%;border-radius:4px;background:#2d394c}.preview-loading span:nth-child(2){width:60%}.preview-loading span:nth-child(3){width:74%}.asset-summary{padding:15px 2px 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink-150)}.summary-icon .file-glyph{width:35px;height:35px}.asset-summary>div:last-child{min-width:0}.asset-summary h2{max-width:235px;margin:0;color:var(--ink-900);font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.asset-summary p{margin:4px 0 0;color:var(--ink-400);font-size:9px}.preview-actions{padding:11px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-bottom:1px solid var(--ink-150)}.preview-action{min-height:45px;border:0;border-radius:7px;background:transparent;color:var(--ink-600);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:8px;cursor:pointer}.preview-action:hover{background:var(--ink-50);color:var(--blue)}.quick-details{margin:0;padding:7px 0}.quick-details>div{min-height:34px;display:grid;grid-template-columns:90px 1fr;align-items:center;gap:8px}.quick-details dt{color:var(--ink-400);display:flex;align-items:center;gap:6px;font-size:9px}.quick-details dd{margin:0;min-width:0;color:var(--ink-600);font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right}.details-body{padding:7px 15px 20px}.detail-section{padding:14px 0 13px;border-bottom:1px solid var(--ink-150)}.detail-section h3{margin:0 0 11px;display:flex;align-items:center;gap:7px;color:var(--ink-700);font-size:10px}.detail-list{margin:0}.detail-list>div{min-height:30px;display:grid;grid-template-columns:90px 1fr;align-items:start;gap:8px;padding:6px 0}.detail-list dt{color:var(--ink-400);font-size:9px}.detail-list dd{margin:0;color:var(--ink-600);font-size:9px;text-align:right;overflow-wrap:anywhere}.detail-list.identifiers dd{font-family:SFMono-Regular,Consolas,monospace;font-size:8px;display:flex;justify-content:flex-end;gap:5px}.details-skeleton{display:grid;gap:13px;padding-top:15px}.details-skeleton span{height:26px;border-radius:5px;background:var(--surface-2)}.context-menu{position:fixed;z-index:160;width:211px;padding:6px;background:var(--surface);border:1px solid var(--ink-200);border-radius:10px;box-shadow:var(--shadow-lg)}.context-menu button{width:100%;height:33px;padding:0 8px;border:0;background:transparent;border-radius:6px;display:flex;align-items:center;gap:9px;color:var(--ink-700);font-size:10px;cursor:pointer}.context-menu button:hover{background:var(--ink-50);color:var(--ink-950)}.context-menu button.danger{color:var(--red)}.drop-zone{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#151e2c9e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:grid;place-items:center;pointer-events:none}.drop-card{width:min(500px,calc(100vw - 40px));height:270px;border:2px dashed rgba(255,255,255,.6);border-radius:20px;background:#182233db;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 30px 90px #0005}.drop-icon{width:62px;height:62px;border-radius:18px;background:#2864dc;display:grid;place-items:center;box-shadow:0 12px 28px #1b4ca8aa}.drop-card h2{margin:18px 0 5px;font-size:21px}.drop-card p{margin:0;color:#aebbd0;font-size:11px}.drop-card p strong{color:#fff}.drop-card>span{margin-top:26px;color:#76859c;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.activity-center{position:fixed;z-index:145;right:19px;bottom:17px;width:365px;max-height:430px;background:var(--surface);border:1px solid var(--ink-200);border-radius:11px;box-shadow:var(--shadow-lg);overflow:hidden}.activity-center>header{height:55px;padding:0 10px 0 14px;border-bottom:1px solid var(--ink-150);display:flex;align-items:center;gap:10px;cursor:pointer}.activity-symbol{width:31px;height:31px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;position:relative}.activity-symbol span{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#32a67c;border:2px solid #fff}.activity-center header>div:nth-child(2){min-width:0;flex:1;display:flex;flex-direction:column}.activity-center header strong{font-size:11px}.activity-center header small{margin-top:2px;color:var(--ink-400);font-size:8px}.activity-header-actions{display:flex;align-items:center;gap:2px}.activity-header-actions button{height:28px;padding:0 7px;border:0;border-radius:6px;background:transparent;color:var(--ink-500);display:grid;place-items:center;font-size:9px;cursor:pointer}.activity-header-actions button:hover{background:var(--ink-100)}.activity-list{max-height:360px;overflow:auto}.activity-task{min-height:62px;padding:9px 11px;display:flex;align-items:center;gap:9px;border-bottom:1px solid var(--ink-150)}.task-icon{width:29px;height:29px;flex:0 0 29px;border-radius:7px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}.task-icon.done{color:var(--green);background:#e4f4ee}.task-icon.error{color:var(--red);background:#f9e8e7}.task-copy{min-width:0;flex:1}.task-copy>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-copy strong{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.task-copy span{color:var(--ink-400);font-size:8px}.task-progress{height:3px;margin-top:7px;background:var(--ink-100);border-radius:3px;overflow:hidden}.task-progress i{display:block;height:100%;background:var(--blue);border-radius:3px;transition:width .2s}.task-copy small{display:block;margin-top:3px;color:var(--red);font-size:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-task>button{border:0;border-radius:5px;background:var(--ink-100);color:var(--ink-600);padding:5px 7px;font-size:8px;cursor:pointer}.no-activity{height:82px;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--ink-400)}.no-activity>span{display:flex;flex-direction:column}.no-activity strong{color:var(--ink-600);font-size:9px}.no-activity small{margin-top:3px;font-size:8px}.activity-center.minimized{max-height:55px}.activity-center.minimized>header{border-bottom:0}.activity-center.minimized .activity-header-actions button:nth-last-child(2) svg{transform:rotate(180deg)}.modal-layer,.command-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;padding:25px;background:#1016238f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.modal-card{width:min(470px,100%);max-height:calc(100vh - 50px);overflow:auto;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.4)}.modal-header{min-height:75px;padding:18px 20px 14px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--ink-150)}.modal-header h2{margin:3px 0 0;color:var(--ink-950);font-size:18px;letter-spacing:-.025em}.modal-kicker{color:var(--blue);font-size:7px;font-weight:700;letter-spacing:.14em}.modal-header>button{width:30px;height:30px;border:0;background:transparent;color:var(--ink-500);border-radius:7px;display:grid;place-items:center;cursor:pointer}.modal-header>button:hover{background:var(--ink-100)}.modal-form{padding:18px 20px 0}.modal-form>label:not(.toggle-row){display:block;margin-bottom:15px}.modal-form>label>span{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--ink-700);font-size:10px;font-weight:600}.modal-form>label>span small{color:var(--ink-400);font-weight:400}.modal-form input[type=text],.modal-form select,.copy-field input{width:100%;height:39px;border:1px solid var(--ink-200);border-radius:8px;background:var(--surface);color:var(--ink-900);outline:0;padding:0 11px;font-size:11px}.modal-form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,#7d8795 50%) calc(100% - 14px) 16px/5px 5px no-repeat,linear-gradient(135deg,#7d8795 50%,transparent 50%) calc(100% - 10px) 16px/5px 5px no-repeat}.modal-form input:focus,.modal-form select:focus,.copy-field input:focus{border-color:#79a1ea;box-shadow:0 0 0 3px #2864dc1a}.input-with-icon{position:relative}.input-with-icon>svg{position:absolute;left:11px;top:11px;color:var(--ink-400)}.input-with-icon input{padding-left:35px!important}.modal-form label>small{display:block;color:var(--ink-400);font-size:8px;margin-top:6px}.location-note{min-height:38px;padding:8px 10px;background:var(--ink-50);border:1px solid var(--ink-150);border-radius:7px;display:flex;align-items:center;gap:7px;color:var(--ink-400);font-size:9px}.location-note strong{margin-left:auto;max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-600)}.modal-footer{min-height:67px;margin-top:18px;padding:13px 0;border-top:1px solid var(--ink-150);display:flex;align-items:center;justify-content:flex-end;gap:8px}.modal-card>.modal-footer{padding:13px 20px;margin-top:0}.button-primary,.button-secondary{height:35px;padding:0 13px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:700;cursor:pointer}.button-primary{border:0;background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-strong)}.button-secondary{border:1px solid var(--ink-200);background:var(--surface);color:var(--ink-700)}.button-secondary:hover{background:var(--ink-50)}.button-primary.destructive{background:var(--red)}.form-error{min-height:34px;margin:9px 0;padding:8px 10px;background:var(--surface)0ef;border:1px solid #f1d1cf;border-radius:7px;color:#ae3d39;display:flex;align-items:center;gap:7px;font-size:9px}.toggle-row{min-height:53px;margin:3px 0;display:flex;align-items:center;position:relative;cursor:pointer}.toggle-row>div{flex:1;display:flex;flex-direction:column}.toggle-row strong{font-size:10px}.toggle-row small{color:var(--ink-400);font-size:8px;margin-top:3px}.toggle-row input{position:absolute;opacity:0}.toggle-row>span{width:37px;height:21px;border-radius:99px;background:var(--ink-300);position:relative;transition:background .17s}.toggle-row>span:after{content:"";position:absolute;width:17px;height:17px;left:2px;top:2px;border-radius:50%;background:var(--surface);box-shadow:0 1px 3px #0003;transition:transform .17s}.toggle-row input:checked+span{background:var(--blue)}.toggle-row input:checked+span:after{transform:translate(16px)}.share-file{margin:16px 20px 0;padding:10px;background:var(--ink-50);border:1px solid var(--ink-150);border-radius:8px;display:flex;align-items:center;gap:10px}.share-file .file-glyph{width:35px;height:35px}.share-file>div:last-child{min-width:0;display:flex;flex-direction:column}.share-file strong{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.share-file span{margin-top:3px;color:var(--ink-400);font-size:8px}.share-success{padding:20px;text-align:center}.success-mark{width:45px;height:45px;border-radius:14px;margin:0 auto 11px;display:grid;place-items:center;background:#e1f3ec;color:var(--green)}.share-success h3{margin:0;font-size:15px}.share-success>p{margin:6px auto 15px;max-width:350px;color:var(--ink-500);font-size:9px;line-height:1.5}.copy-field{display:flex;padding:4px;border:1px solid var(--ink-200);border-radius:8px;background:var(--ink-50)}.copy-field input{flex:1;min-width:0;border:0;background:transparent;font-family:SFMono-Regular,monospace;font-size:8px;height:31px}.copy-field button{border:0;border-radius:6px;background:var(--blue);color:#fff;padding:0 10px;display:flex;align-items:center;gap:5px;font-size:9px;font-weight:600;cursor:pointer}.share-policy-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 13px;margin-top:14px;color:var(--ink-500);font-size:8px}.share-policy-summary span{display:flex;align-items:center;gap:4px}.operation-summary{min-height:61px;padding:10px 12px;margin-bottom:15px;background:var(--ink-50);border:1px solid var(--ink-150);border-radius:8px;display:flex;align-items:center;gap:11px}.operation-stack{width:40px;height:35px;position:relative}.operation-stack span{position:absolute;width:29px;height:29px;left:0;border-radius:7px;border:1px solid var(--ink-200);background:var(--surface)}.operation-stack span:nth-child(1){left:8px;top:0}.operation-stack span:nth-child(2){left:4px;top:3px}.operation-stack span:nth-child(3){left:0;top:6px;display:grid;place-items:center;color:var(--blue);font-size:10px;font-weight:700}.operation-summary>div:last-child{display:flex;flex-direction:column}.operation-summary strong{font-size:10px}.operation-summary small{margin-top:3px;color:var(--ink-400);font-size:8px}.delete-warning{padding:13px;border:1px solid #f0d7d4;background:var(--surface)7f6;border-radius:8px;display:flex;gap:11px}.delete-warning>div{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#f9e3e1;color:var(--red);display:grid;place-items:center}.delete-warning p{margin:0;color:#895754;font-size:9px;line-height:1.55}.delete-warning p strong{display:block;color:#723d3a;font-size:10px}.delete-list{margin-top:10px;border:1px solid var(--ink-150);border-radius:8px;overflow:hidden}.delete-list>div{height:40px;padding:0 9px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink-150)}.delete-list .file-glyph{width:25px;height:25px;flex-basis:25px;border-radius:6px}.delete-list>div span{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-list>small{display:block;padding:7px 9px;color:var(--ink-400);font-size:8px}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;padding:12px 20px 2px;gap:0 20px}.shortcuts-grid>div{min-height:43px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink-150);color:var(--ink-600);font-size:9px}.shortcuts-grid kbd,.command-palette kbd{border:1px solid var(--ink-200);border-bottom-color:var(--ink-300);border-radius:5px;background:var(--ink-50);color:var(--ink-500);padding:3px 6px;font-family:inherit;font-size:8px;box-shadow:0 1px 1px #0000000d}.command-layer{place-items:start center;padding-top:min(15vh,130px)}.command-palette{width:min(590px,100%);overflow:hidden;border-radius:13px;background:var(--surface);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-lg)}.command-palette>label{height:56px;padding:0 16px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink-200);color:var(--ink-400)}.command-palette input{flex:1;border:0;outline:0;color:var(--ink-900);font-size:13px}.command-group{max-height:330px;overflow:auto;padding:8px}.command-group>span{display:block;padding:7px 8px 6px;color:var(--ink-400);font-size:7px;font-weight:700;letter-spacing:.12em}.command-group button{width:100%;height:41px;padding:0 10px;border:0;border-radius:7px;background:transparent;display:flex;align-items:center;gap:10px;color:var(--ink-600);cursor:pointer}.command-group button:hover{background:var(--blue-soft);color:var(--blue)}.command-group button strong{flex:1;text-align:left;font-size:10px}.command-palette footer{height:36px;padding:0 14px;background:var(--ink-50);border-top:1px solid var(--ink-150);color:var(--ink-400);display:flex;align-items:center;gap:6px;font-size:8px}.command-palette footer>span{margin-left:auto;display:flex;align-items:center;gap:4px}.command-palette footer kbd{padding:1px 4px}.no-commands{padding:35px;text-align:center;color:var(--ink-400);font-size:10px}.fullscreen-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;background:#0d121b;color:#fff;display:flex;flex-direction:column}.fullscreen-preview>header{height:65px;flex:0 0 65px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#141b27;border-bottom:1px solid #242d3c}.fullscreen-preview header>div{display:flex;align-items:center;gap:9px}.fullscreen-preview header .file-glyph{width:33px;height:33px}.fullscreen-preview header span{display:flex;flex-direction:column}.fullscreen-preview header strong{max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.fullscreen-preview header small{margin-top:2px;color:#7f8da2;font-size:8px}.fullscreen-preview header a,.fullscreen-preview header button{height:33px;padding:0 10px;border:1px solid #313b4b;border-radius:7px;background:#1b2432;color:#d9e1ec;text-decoration:none;display:flex;align-items:center;gap:6px;font-size:9px;cursor:pointer}.fullscreen-preview header button{width:33px;padding:0;justify-content:center}.fullscreen-preview main{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.fullscreen-preview main img,.fullscreen-preview main video{max-width:100%;max-height:100%;object-fit:contain}.fullscreen-preview main iframe{width:100%;height:100%;border:0;background:var(--surface)}.toast-stack{position:fixed;z-index:500;right:20px;top:82px;display:grid;gap:8px;pointer-events:none}.toast{width:min(340px,calc(100vw - 30px));min-height:44px;padding:9px 9px 9px 12px;border-radius:9px;background:#182231;color:#edf2f8;box-shadow:var(--shadow-md);display:flex;align-items:center;gap:9px;pointer-events:auto;animation:toastIn .22s ease-out}.toast>svg{color:#58c79e}.toast.error>svg{color:#f07b76}.toast span{flex:1;font-size:9px;line-height:1.4}.toast button{width:25px;height:25px;border:0;border-radius:6px;background:transparent;color:#7f8b9c;display:grid;place-items:center;cursor:pointer}.toast button:hover{background:var(--surface)fff0d;color:#fff}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px)}}.mobile-scrim{display:none}@media(max-width:1150px){.preview-panel{width:320px;flex-basis:320px}.file-browser.mode-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.row-kind{display:none}.list-heading,.file-item.view-list{grid-template-columns:30px 37px minmax(190px,1.9fr) minmax(95px,.8fr) 72px 22px 32px}.list-heading>span:nth-of-type(2){display:none}}@media(max-width:940px){.sidebar{position:fixed;left:-260px;transition:left .22s ease;box-shadow:20px 0 60px #07101f4d}.sidebar.mobile-open{left:0}.sidebar-close,.mobile-menu{display:grid;place-items:center}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:29;background:#1016236b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.history-controls{display:none}.topbar{padding:0 14px;gap:8px}.global-search{margin:0;width:auto;flex:1}.global-search kbd{display:none}.preview-panel{position:fixed;right:0;top:68px;bottom:0;width:min(370px,90vw);z-index:25;box-shadow:-15px 0 45px #0f17242e}.page-heading,.browser-area,.selection-bar{padding-left:21px;padding-right:21px}}@media(max-width:700px){body{overflow:hidden}.topbar{height:61px;flex-basis:61px}.top-avatar,.activity-trigger{display:none}.primary-new{width:37px;padding:0;justify-content:center}.primary-new>:not(:first-child){display:none}.new-dropdown{right:-38px}.global-search input{font-size:11px}.connection-banner{padding:7px 12px}.connection-banner div{display:block;min-width:0}.connection-banner span{display:block;margin-top:2px}.connection-banner button span{display:none}.preview-panel{top:61px;width:100%}.page-heading{min-height:102px;align-items:flex-end;padding:17px 15px 14px}.title-line h1{font-size:21px}.heading-copy>p{max-width:78vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-tools{gap:5px}.tool-button>span,.tool-button>svg:last-child,.inspector-toggle{display:none}.tool-button{width:33px;padding:0;justify-content:center}.view-toggle{display:none}.browser-area{padding:12px 12px 90px}.file-browser.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile-preview{height:112px}.tile-info{height:55px}.file-item.view-grid .file-glyph.is-large{transform:scale(.9)}.selection-bar{position:fixed;z-index:22;left:9px;right:9px;bottom:9px;min-height:54px;padding:7px;border:1px solid #b8ccee;border-radius:11px;box-shadow:0 12px 40px #1d30513d;overflow-x:auto}.selection-bar strong,.selection-divider,.selection-bar button span{display:none}.selection-bar button{min-width:35px;padding:0 9px;justify-content:center}.selection-bar .more-selection{margin-left:0}.list-heading{display:none}.file-browser.mode-list{min-width:0}.file-item.view-list{min-height:56px;grid-template-columns:27px 40px minmax(0,1fr) 30px;padding:5px 3px;border-radius:7px}.file-item.view-list .row-kind,.file-item.view-list .row-date,.file-item.view-list .row-size,.file-item.view-list .row-star{display:none}.file-item.view-list .row-menu{opacity:1}.mobile-kind{display:block;margin-top:3px;color:var(--ink-400);font-size:8px}.empty-state,.offline-state{min-height:390px;padding:25px 15px}.connection-details{flex-direction:column}.connection-details span+span{border-left:0;border-top:1px solid var(--ink-150)}.shared-table{min-width:0;border:0;background:transparent;box-shadow:none;display:grid;gap:9px}.shared-head{display:none}.shared-row{min-height:82px;padding:11px;border:1px solid var(--ink-200);border-radius:9px;background:var(--surface);display:grid;grid-template-columns:1fr auto;gap:5px 10px}.shared-row>div:nth-child(2){grid-row:2;font-size:8px}.shared-row>div:nth-child(3){grid-row:3;font-size:8px}.shared-row>div:nth-child(4),.shared-row>div:nth-child(5){display:none}.share-row-actions{grid-column:2;grid-row:1 / 4;align-items:center}.activity-center{width:calc(100vw - 18px);right:9px;bottom:9px}.modal-layer,.command-layer{padding:12px}.modal-card{max-height:calc(100vh - 24px)}.shortcuts-grid{grid-template-columns:1fr}.command-layer{padding-top:50px}.toast-stack{top:69px;right:9px}}@media(max-width:430px){.file-browser.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-preview{height:96px}.file-item.view-grid .file-glyph.is-large{transform:scale(.82)}.tile-info{padding-left:9px}.row-menu{opacity:1}.breadcrumbs button{max-width:98px}.page-heading{gap:8px}.view-tools{flex:0 0 auto}.modal-header,.modal-form{padding-left:16px;padding-right:16px}.share-file{margin-left:16px;margin-right:16px}.share-success{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.theme-trigger{display:grid}.copy-row{display:flex;gap:6px;margin-top:10px}.copy-row button{min-height:27px;padding:0 9px;border:1px solid var(--ink-200);border-radius:6px;background:transparent;color:var(--ink-600);display:flex;align-items:center;gap:5px;font-size:9px;cursor:pointer}.copy-row button:hover{color:var(--blue);border-color:#8cb0f3;background:var(--blue-soft)}.tags-body{flex:1;min-height:0;overflow:auto;padding:15px}.tags-hint{margin:0 0 12px;color:var(--ink-500);font-size:10px;line-height:1.6}.tag-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:13px}.tag-chips:empty{margin:0}.tags-note{color:var(--ink-400);font-size:10px}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 5px 5px 9px;border:1px solid var(--ink-200);border-radius:999px;background:var(--surface);font-size:10px}.tag-chip strong{color:var(--ink-900);font-weight:600}.tag-chip small{color:var(--ink-500)}.tag-chip button{width:18px;height:18px;border:0;border-radius:50%;background:transparent;color:var(--ink-400);display:grid;place-items:center;cursor:pointer}.tag-chip button:hover{background:#f9e8e7;color:var(--red)}.tag-add{display:flex;gap:6px}.tag-add input{flex:1;min-width:0;height:36px;border:1px solid var(--ink-200);border-radius:8px;background:var(--surface);color:var(--ink-900);outline:0;padding:0 11px;font-size:11px}.tag-add input:focus{border-color:#79a1ea;box-shadow:0 0 0 3px #2864dc1a}.tag-add button{height:36px;padding:0 12px;border:0;border-radius:8px;background:var(--blue);color:#fff;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;cursor:pointer}.tag-add button:disabled{opacity:.46;cursor:not-allowed}.tag-error{margin:10px 0 0;color:var(--red);font-size:9px;display:flex;align-items:center;gap:5px}.tags-limit{display:block;margin-top:10px;color:var(--ink-400);font-size:9px}.analytics{max-width:1120px}.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.metric-card{padding:16px;background:var(--surface);border:1px solid var(--ink-200);border-radius:11px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:8px}.metric-card>span{color:var(--ink-400);font-size:8px;font-weight:700;letter-spacing:.12em}.metric-card>strong{color:var(--ink-950);font-size:22px;letter-spacing:-.035em}.metric-card>small{color:var(--ink-500);font-size:10px}.metric-card.trend{color:var(--blue)}.sparkline{width:100%;height:48px;margin-top:4px}.analytics-columns{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px;margin-bottom:12px}.analytics-card{padding:16px;background:var(--surface);border:1px solid var(--ink-200);border-radius:11px;box-shadow:var(--shadow-sm)}.analytics-card h3{margin:0 0 13px;color:var(--ink-700);font-size:11px}.analytics-empty{padding:16px 0;color:var(--ink-400);font-size:10px}.analytics-note{margin:12px 0 0;color:var(--ink-400);font-size:9px}.donut-wrap{display:flex;align-items:center;gap:18px}.donut{width:120px;height:120px;flex:0 0 120px;border-radius:50%;display:grid;place-items:center;position:relative}.donut:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border-radius:50%;background:var(--surface)}.donut b{position:relative;color:var(--ink-950);font-size:11px;letter-spacing:-.02em}.donut-legend{margin:0;padding:0;list-style:none;display:grid;gap:7px;flex:1;min-width:0}.donut-legend li{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--ink-600)}.donut-legend i{width:8px;height:8px;border-radius:2px;flex:0 0 8px}.donut-legend em{margin-left:auto;font-style:normal;color:var(--ink-400)}.prefix-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(60px,1.4fr) 74px 26px;align-items:center;gap:10px;min-height:34px}.prefix-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-700);font-size:10px}.prefix-bar{height:6px;border-radius:4px;background:var(--ink-100);overflow:hidden}.prefix-bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,#4076e3,#7d62d4)}.prefix-size{color:var(--ink-500);font-size:10px;text-align:right;white-space:nowrap}.prefix-open{width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--ink-400);display:grid;place-items:center;cursor:pointer}.prefix-open:hover{background:var(--blue-soft);color:var(--blue)}.largest-row{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(0,2fr) 74px 30px;align-items:center;gap:10px;min-height:42px;border-bottom:1px solid var(--ink-150)}.largest-row:last-of-type{border-bottom:0}.largest-open{min-width:0;border:0;background:transparent;padding:4px 0;display:flex;align-items:center;gap:9px;color:var(--ink-900);font-size:11px;font-weight:600;cursor:pointer;text-align:left}.largest-open span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.largest-open:hover span{color:var(--blue)}.largest-open .file-glyph{width:27px;height:27px;flex:0 0 27px;border-radius:7px;font-size:9px}.largest-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-400);font-size:9px;direction:rtl;text-align:left}.largest-size{color:var(--ink-600);font-size:10px;text-align:right;white-space:nowrap}.largest-download{width:30px;height:30px;border:1px solid var(--ink-200);border-radius:7px;display:grid;place-items:center;color:var(--ink-500)}.largest-download:hover{color:var(--blue);border-color:#8cb0f3;background:var(--blue-soft)}@media(max-width:1150px){.analytics-grid{grid-template-columns:1fr 1fr}.analytics-columns{grid-template-columns:1fr}}@media(max-width:700px){.analytics-grid{grid-template-columns:1fr}.donut-wrap{flex-direction:column}.largest-path{display:none}.largest-row{grid-template-columns:minmax(0,1fr) 70px 30px}.theme-trigger{display:grid!important}}[data-theme=dark]{color-scheme:dark;--ink-950: #f3f6fb;--ink-900: #dfe5ee;--ink-800: #c5cdda;--ink-700: #a9b4c4;--ink-600: #8f9bad;--ink-500: #76828f;--ink-400: #5e6b7a;--ink-300: #49545f;--ink-200: #333d4a;--ink-150: #2a333e;--ink-100: #232b36;--ink-50: #161c26;--blue: #5f92ee;--blue-strong: #75a2f2;--blue-soft: rgba(95, 146, 238, .15);--green: #35c08c;--red: #ef6d68;--orange: #e8994f;--violet: #9d81f0;--surface: #1d2430;--surface-2: #272f3d;--surface-hover: #242c39;--surface-glass: rgba(24, 30, 41, .96);--scrollbar-thumb: #3a4553;--sidebar: #10151d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .35);--shadow-md: 0 12px 34px rgba(0, 0, 0, .42);--shadow-lg: 0 28px 80px rgba(0, 0, 0, .52)}[data-theme=dark] body{background:var(--ink-50)}[data-theme=dark] ::selection{background:#2c4a80;color:#eef2f9}[data-theme=dark] .file-item.view-grid.selected .tile-preview{background:#223048}[data-theme=dark] .file-item.view-list.selected{background:#5f92ee21}[data-theme=dark] .selection-bar{background:#5f92ee1f;border-bottom-color:#5f92ee4d;color:#a8c4f4}.selection-bar button{color:#a8c4f4}[data-theme=dark] .selection-bar button:hover{background:#5f92ee29;color:#cfe0fd}.selection-divider{background:#5f92ee4d}.selection-bar .danger-action{color:#ef6d68}[data-theme=dark] .selection-check{background:#141a24e0;border-color:#4a5666}[data-theme=dark] .loading-item span{background:linear-gradient(90deg,#232b36 25%,#2b3442,#232b36 65%);background-size:300% 100%}[data-theme=dark] .loading-item i,[data-theme=dark] .loading-item b{background:#2a333e}[data-theme=dark] .connection-banner{background:#e8994f1a;border-bottom-color:#e8994f47;color:#ecb27a}.connection-banner div,.connection-banner strong{color:#ecb27a}.connection-banner span{color:#c9975f}.connection-banner button{background:transparent;border-color:#e8994f57;color:#ecb27a}[data-theme=dark] .delete-warning{background:#ca48431a;border-color:#ca48434d}.delete-warning>div{background:#ca484329}.delete-warning p{color:#d99a96}.delete-warning p strong{color:#eba9a5}[data-theme=dark] .task-icon.done{background:#35c08c24}.task-icon.error{background:#ca484329}[data-theme=dark] .success-mark{background:#35c08c26}[data-theme=dark] .tag-chip button:hover{background:#ca484333;color:var(--red)}[data-theme=dark] .file-glyph{background:#2a3341;color:#a3b1c4}.file-glyph.is-folder{background:#4979cb2e;color:#85abea}.file-glyph.is-image{background:#237f7233;color:#5fc0ae}.file-glyph.is-video{background:#7550b938;color:#b294ea}.file-glyph.is-audio{background:#9a5e9c38;color:#cf95d1}.file-glyph.is-pdf{background:#ca4d4933;color:#ea8e8a}.file-glyph.is-document{background:#3269c333;color:#8fb0ec}.file-glyph.is-spreadsheet{background:#25805b33;color:#66c39c}.file-glyph.is-presentation{background:#c2683133;color:#e5a077}.file-glyph.is-archive{background:#9b6b2838;color:#d9ab68}[data-theme=dark] .state-button.secondary{background:var(--surface)}[data-theme=dark] .offline-visual>span{background:var(--surface)}[data-theme=dark] .global-search{background:var(--ink-100);border-color:var(--ink-200)}.global-search.focused{background:var(--surface);border-color:#3f65ad;box-shadow:0 0 0 3px #5f92ee24}[data-theme=dark] .global-search kbd{background:var(--surface-2);border-color:var(--ink-300);color:var(--ink-400)}[data-theme=dark] .file-item.view-grid{border-color:var(--ink-200)}.file-item.view-grid:hover{border-color:#3c4856}[data-theme=dark] .file-item.view-grid.selected{border-color:#4a70b8}[data-theme=dark] .prefix-bar{background:var(--ink-100)}[data-theme=dark] .asset-stage.stage-code,[data-theme=dark] .asset-stage.stage-file,[data-theme=dark] .asset-stage.stage-folder,[data-theme=dark] .asset-stage.stage-document,[data-theme=dark] .asset-stage.stage-spreadsheet,[data-theme=dark] .asset-stage.stage-presentation,[data-theme=dark] .asset-stage.stage-archive{background:var(--surface-2);border-color:var(--ink-200)}[data-theme=dark] .modal-card,[data-theme=dark] .command-palette{border-color:var(--ink-200)}