:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f8fafc;--surface: #ffffff;--surface-soft: #f1f5f9;--text: #020617;--muted: #64748b;--subtle: #94a3b8;--line: #e2e8f0;--line-strong: #cbd5e1;--blue: #2563eb;--blue-soft: #dbeafe;--emerald: #059669;--emerald-soft: #d1fae5;--rose: #e11d48;--rose-soft: #ffe4e6;--teal: #0f766e;--shadow: 0 18px 48px -34px rgba(15, 23, 42, .55)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.loading-screen,.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(115deg,rgba(20,184,166,.1),transparent 28%),linear-gradient(145deg,transparent 34%,rgba(59,130,246,.12),transparent 62%),var(--bg)}.loading-screen{gap:12px;color:var(--muted)}.login-panel{width:min(440px,100%);border:1px solid var(--line);background:#ffffffeb;box-shadow:var(--shadow);border-radius:8px;padding:32px;display:grid;gap:20px}.login-panel h1{margin:4px 0 0;font-size:34px;line-height:1.15}.login-copy{margin:8px 0 0;color:var(--muted);line-height:1.6}.eyebrow{margin:0;font-size:12px;font-weight:800;color:var(--blue);text-transform:uppercase;letter-spacing:.12em}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.topbar{position:sticky;top:0;z-index:20;min-height:68px;display:grid;grid-template-columns:minmax(210px,280px) minmax(220px,1fr) minmax(260px,max-content);align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid rgba(226,232,240,.9);background:#ffffffdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 30px -28px #0f172a73}.brand-block,.account-chip,.panel-head,.tag-row,.toolbar,.upload-progress-head,.upload-progress-meta,.share-brand,.share-topline,.share-main,.share-owner-card,.share-access,.share-output,.share-segment,.share-check,.share-code-modes,.breadcrumbs,.crumb,.inline-alert,.busy-bar,.dialog-head,.dialog-actions,.row-actions{display:flex;align-items:center}.brand-block{gap:12px;min-width:0}.brand-block strong,.account-copy strong{display:block;line-height:1.1}.brand-block span,.account-copy span{display:block;margin-top:3px;color:var(--muted);font-size:12px}.brand-mark{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#0f172a,#2563eb 64%,#14b8a6);box-shadow:0 10px 24px -16px #2563ebcc;flex:0 0 auto}.brand-mark.large{width:58px;height:58px}.top-search{height:42px;width:100%;border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 12px;min-width:0}.top-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.account-chip{justify-self:end;gap:10px;min-width:0}.avatar{width:36px;height:36px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#0f172a;color:#fff;font-weight:800}.account-copy{min-width:0;max-width:210px}.account-copy strong,.account-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:292px minmax(0,1fr);min-height:calc(100vh - 68px)}.sidebar{padding:20px;border-right:1px solid var(--line);background:#ffffffa3;display:flex;flex-direction:column;gap:16px;min-height:0}.storage-panel,.tree-panel,.file-surface{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:var(--shadow)}.storage-panel{padding:18px;display:grid;gap:14px}.panel-head{gap:8px;font-weight:800}.storage-meter{height:9px;border-radius:999px;background:var(--surface-soft);overflow:hidden}.storage-meter span{display:block;width:var(--storage-percent, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#14b8a6)}.storage-copy{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.storage-copy span,.tag-row span,.muted{color:var(--muted);font-size:12px}.tag-row{gap:8px;flex-wrap:wrap}.tag-pill{height:26px;padding:0 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;color:var(--blue);background:var(--blue-soft);font-weight:800}.tag-pill.pro{color:var(--emerald);background:var(--emerald-soft)}.tree-panel{padding:14px;overflow:auto;min-height:0}.tree-panel .panel-head{margin-bottom:10px}.tree-row{min-height:34px;display:flex;align-items:center;gap:4px;padding-left:calc(var(--depth, 0) * 14px);border-radius:8px}.tree-row.active{background:#eff6ff}.tree-open{flex:1;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text);text-align:left;padding:7px 6px;border-radius:8px}.tree-open span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-panel{position:relative;padding:22px;min-width:0;display:flex;flex-direction:column;gap:16px}.drive-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.drive-head>div{min-width:0}.drive-head h1{margin:6px 0 0;font-size:26px;line-height:1.2;overflow-wrap:anywhere}.breadcrumbs{min-height:24px;flex-wrap:wrap;gap:4px;color:var(--muted);font-size:13px}.crumb{gap:4px}.crumb button,.text-button{border:0;background:transparent;color:var(--blue);padding:0}.toolbar{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:100%}.primary-button,.secondary-button,.danger-button{min-height:40px;border-radius:8px;border:1px solid transparent;padding:0 14px;font-weight:800;transition:border-color .15s ease,background .15s ease,transform .15s ease}.primary-button{background:#0f172a;color:#fff}.primary-button:hover{background:#1e293b}.secondary-button{background:var(--surface);border-color:var(--line);color:var(--text)}.secondary-button:hover{border-color:var(--line-strong)}.danger-button{background:var(--rose-soft);color:var(--rose);border-color:#fecdd3}.icon-text{display:inline-flex;align-items:center;justify-content:center;gap:8px}.icon-button,.select-button{border:0;width:34px;height:34px;border-radius:8px;display:inline-grid;place-items:center;background:transparent;color:var(--muted)}.icon-button:hover,.select-button:hover{background:var(--surface-soft);color:var(--text)}.icon-button.danger:hover{background:var(--rose-soft);color:var(--rose)}.icon-button.tiny{width:24px;height:24px}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}.hidden-input{display:none}.inline-alert{gap:8px;border-radius:8px;padding:10px 12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:14px}.inline-alert.success{color:var(--emerald);background:var(--emerald-soft);border-color:#a7f3d0}.inline-alert.danger{color:var(--rose);background:var(--rose-soft);border-color:#fecdd3}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;padding:24px;background:#0f172a75;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto}.dialog-surface{width:min(440px,100%);max-height:calc(100vh - 48px);border:1px solid var(--line);border-radius:8px;background:#fffffffa;box-shadow:0 30px 70px -34px #0f172ab8;overflow-y:auto}@supports (height: 100dvh){.dialog-surface{max-height:calc(100dvh - 48px)}}.dialog-head{justify-content:space-between;gap:12px;padding:20px 20px 0}.dialog-badge{width:44px;height:44px;border-radius:8px;display:grid;place-items:center;color:var(--blue);background:var(--blue-soft)}.dialog-surface.danger .dialog-badge{color:var(--rose);background:var(--rose-soft)}.dialog-surface.share-dialog{width:min(560px,100%)}.dialog-badge.share-ready{color:var(--emerald);background:var(--emerald-soft)}.dialog-close{flex:0 0 auto}.dialog-body{display:grid;gap:14px;padding:14px 20px 20px}.dialog-title{margin:0;font-size:18px;line-height:1.3}.dialog-message{margin:8px 0 0;color:var(--muted);line-height:1.6}.dialog-field{display:grid;gap:8px}.dialog-field span{color:var(--muted);font-size:12px;font-weight:800}.dialog-input{width:100%;height:42px;border:1px solid var(--line);border-radius:8px;outline:0;padding:0 12px;background:var(--surface);color:var(--text)}.dialog-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb29}.dialog-error{margin:-4px 0 0;color:var(--rose);font-size:12px}.dialog-actions{justify-content:flex-end;gap:8px;flex-wrap:wrap}.share-target{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.share-target>div,.share-main-copy,.share-owner-card>div{min-width:0}.share-target>div>strong,.share-target>div>span,.share-main-copy h1,.share-main-copy p,.share-owner-card>div>strong,.share-owner-card>div>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-target>div>span,.share-owner-card>div>span{color:var(--muted);font-size:12px}.share-field{display:grid;gap:8px}.share-field>span{color:var(--muted);font-size:12px;font-weight:800}.share-segment{gap:8px;flex-wrap:wrap}.share-segment-button{height:38px;border:1px solid var(--line);border-radius:8px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;background:var(--surface);color:var(--muted);font-weight:800}.share-segment-button.active{color:var(--blue);border-color:#bfdbfe;background:var(--blue-soft)}.share-check{gap:8px;color:var(--text);font-weight:800}.share-check input{width:16px;height:16px;accent-color:var(--blue)}.share-code-modes{gap:8px;flex-wrap:wrap}.share-code-mode{flex:1 1 180px;min-width:0;display:flex;align-items:flex-start;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface);color:var(--text);cursor:pointer}.share-code-mode.active{border-color:#bfdbfe;background:var(--blue-soft)}.share-code-mode input{margin-top:3px;accent-color:var(--blue)}.share-code-mode span,.share-code-mode strong,.share-code-mode small{display:block;min-width:0}.share-code-mode strong{font-size:13px}.share-code-mode small{margin-top:4px;color:var(--muted);line-height:1.4}.share-code-input{letter-spacing:0;text-transform:lowercase}.share-output{min-height:42px;gap:8px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 8px 0 12px}.share-output input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.share-output svg{flex:0 0 auto;color:var(--muted)}.share-meta-grid,.share-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-meta-grid div,.share-detail-grid div{min-width:0;border:1px solid var(--line);border-radius:8px;padding:10px;background:var(--surface-soft)}.share-meta-grid span,.share-detail-grid span{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.share-meta-grid strong,.share-detail-grid strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(115deg,rgba(20,184,166,.1),transparent 28%),linear-gradient(145deg,transparent 34%,rgba(59,130,246,.12),transparent 62%),var(--bg)}.share-panel{width:min(760px,100%);border:1px solid var(--line);border-radius:8px;background:#fffffff0;box-shadow:var(--shadow);padding:28px;display:grid;gap:18px}.share-topline{justify-content:space-between;gap:12px;flex-wrap:wrap}.share-brand{gap:12px;min-width:0}.share-brand div strong,.share-brand div span{display:block}.share-brand div span{margin-top:3px;color:var(--muted);font-size:12px}.share-main{gap:16px;min-width:0}.share-main .item-icon{width:64px;height:64px}.share-main-copy h1{margin:6px 0 0;font-size:28px;line-height:1.2}.share-main-copy p{margin:8px 0 0;color:var(--muted)}.share-copy,.share-loading{color:var(--muted);line-height:1.6}.share-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.share-owner-card{gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.share-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto}.share-access{align-items:end;gap:12px}.share-access .share-field{flex:1;min-width:220px}.share-download-button{justify-self:start;min-width:128px}.busy-bar{gap:10px;min-height:38px;color:var(--muted);font-size:13px}.busy-bar span{width:16px;height:16px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--blue);animation:spin .8s linear infinite}.busy-bar p{margin:0}.upload-progress-panel{border:1px solid #bfdbfe;border-radius:8px;background:#eff6ff;padding:12px;display:grid;gap:10px}.upload-progress-head,.upload-progress-meta{justify-content:space-between;gap:10px;min-width:0}.upload-progress-head{color:var(--blue)}.upload-progress-head strong{margin-right:auto}.upload-progress-head span,.upload-progress-meta span{color:var(--muted);font-size:12px}.upload-progress-track{height:9px;border-radius:999px;background:#ffffffe6;overflow:hidden}.upload-progress-track span{display:block;width:var(--upload-percent, 0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),#14b8a6);transition:width .18s ease}.upload-progress-meta strong{color:var(--blue)}.file-surface{min-height:420px;overflow:hidden}.file-header,.file-row{display:grid;grid-template-columns:44px minmax(220px,1fr) 120px 150px 160px;align-items:center;gap:8px}.file-header{min-height:46px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:800}.file-list{display:grid}.file-row{min-height:64px;padding:0 14px;border-bottom:1px solid #eef2f7}.file-row:last-child{border-bottom:0}.file-row:hover,.file-row.selected{background:#f8fafc}.file-name{min-width:0;display:flex;align-items:center;gap:12px;border:0;background:transparent;text-align:left;padding:8px 0}.file-name>span:last-child{min-width:0}.file-name strong,.file-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name strong{color:var(--text);font-weight:800}.file-name small,.file-size,.file-time{color:var(--muted);font-size:13px}.item-icon{width:38px;height:38px;border-radius:8px;display:grid;place-items:center;background:var(--surface-soft);color:var(--muted);flex:0 0 auto}.item-icon.folder{color:var(--blue);background:var(--blue-soft)}.row-actions{justify-content:flex-end;gap:2px;min-width:0}.empty-state{min-height:360px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted);text-align:center}.empty-state strong{color:var(--text);font-size:18px}.drop-mask{pointer-events:none;position:absolute;top:22px;right:22px;bottom:22px;left:22px;border:2px dashed rgba(37,99,235,.55);background:#eff6ffeb;border-radius:8px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--blue);opacity:0;transform:scale(.98);transition:opacity .15s ease,transform .15s ease}.drive-panel.drag-active .drop-mask{opacity:1;transform:scale(1)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.app-shell{grid-template-rows:auto 1fr}.topbar{position:static;z-index:auto;grid-template-columns:1fr;align-items:stretch;min-height:0;gap:10px;padding:12px 14px;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.brand-block{width:100%}.account-chip{justify-self:stretch;width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.account-copy{flex:1;max-width:none}.workspace{grid-template-columns:1fr;min-height:auto}.sidebar{padding:14px;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:12px}.tree-panel{max-height:300px}.drive-head{flex-direction:column;gap:12px}.drive-head>div{width:100%}.toolbar{width:100%;justify-content:flex-start}}@media(max-width:720px){body{overflow-x:hidden}.login-panel{padding:24px}.topbar{padding:12px}.brand-mark{width:38px;height:38px}.top-search{height:44px}.account-chip{gap:8px}.account-chip .icon-button{flex:0 0 auto}.sidebar{grid-template-columns:1fr}.drive-panel{padding:12px;gap:12px}.storage-panel,.tree-panel,.file-surface{box-shadow:none}.storage-panel{padding:14px}.storage-copy{align-items:flex-start;flex-direction:column;gap:4px}.tree-panel{max-height:240px}.drive-head h1{font-size:22px}.breadcrumbs{align-items:flex-start}.crumb{min-width:0;max-width:100%}.crumb button{max-width:min(70vw,260px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toolbar button{width:100%;min-width:0;padding:0}.file-header{display:none}.file-surface{min-height:360px;overflow:visible}.file-row{grid-template-columns:34px minmax(0,1fr) 68px;min-height:86px;gap:8px;padding:8px 10px}.file-size,.file-time{display:none}.row-actions{grid-column:3;display:grid;grid-template-columns:repeat(2,32px);gap:4px;justify-content:end}.row-actions .icon-button{width:32px;height:32px}.file-name{gap:10px}.file-name small{margin-top:3px}.item-icon{width:34px;height:34px}.toolbar button span{display:none}.inline-alert{align-items:flex-start}.dialog-backdrop{place-items:start center;padding:16px}.dialog-surface{max-height:calc(100vh - 32px)}@supports (height: 100dvh){.dialog-surface{max-height:calc(100dvh - 32px)}}.dialog-head{padding:16px 16px 0}.dialog-body{padding:12px 16px 16px}.dialog-actions{justify-content:stretch}.dialog-actions>button{flex:1 1 130px}.share-panel{padding:20px}.share-main{align-items:flex-start}.share-main .item-icon{width:52px;height:52px}.share-main-copy h1{font-size:22px}.share-detail-grid,.share-meta-grid{grid-template-columns:1fr}.share-segment{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.share-segment-button{justify-content:center;padding:0 8px}.share-code-modes{display:grid}.share-output{padding-left:10px}.share-access{display:grid}.share-access .share-field,.share-download-button{width:100%}.drop-mask{top:12px;right:12px;bottom:12px;left:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}