:root{color-scheme:light;--page: #f8fafd;--surface: #ffffff;--surface-subtle: #f1f3f4;--surface-hover: #eef3fd;--surface-selected: #e8f0fe;--border: #dadce0;--border-soft: #eceff1;--text: #202124;--text-muted: #5f6368;--accent: #1a73e8;--accent-strong: #1558b0;--folder-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 36'%3E%3Cpath d='M4 11a4 4 0 0 1 4-4h10.4a4 4 0 0 1 3.2 1.6L24 11h16a4 4 0 0 1 4 4v2H4v-6Z' fill='%23F9D76B'/%3E%3Cpath d='M4 15a5 5 0 0 1 5-5h31a4 4 0 0 1 4 4v12a6 6 0 0 1-6 6H10a6 6 0 0 1-6-6V15Z' fill='%23F4B400'/%3E%3Cpath d='M4 16h40' stroke='%23E2A100' stroke-width='2' opacity='.55'/%3E%3C/svg%3E")}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--page);color:var(--text);font:14px/1.4 Aptos,Segoe UI,Helvetica Neue,sans-serif}button,input,select,textarea{font:inherit}.button-reset{padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.app-shell{display:grid;grid-template-rows:64px minmax(0,1fr);min-height:100vh}.topbar{display:grid;grid-template-columns:240px minmax(0,1fr) 220px;gap:20px;align-items:center;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border-soft)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{position:relative;width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#5e97f6)}.brand-mark:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:4px;background:#fffffff2}.brand h1,.section-title{margin:0;font-size:14px;font-weight:600}.searchbar{display:flex;align-items:center;gap:12px;height:46px;padding:0 16px;border-radius:24px;background:var(--surface-subtle);color:var(--text-muted)}.searchbar input{width:100%;border:0;outline:0;background:transparent;color:var(--text)}.topbar-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:var(--surface-subtle);cursor:pointer}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#d2e3fc;color:#174ea6;font-weight:700}.shell{display:grid;grid-template-columns:256px minmax(0,1fr);min-height:0}.sidebar{padding:18px 14px 18px 12px;border-right:1px solid var(--border-soft)}.create-menu-wrap{position:relative;margin-bottom:18px}.primary-btn,.secondary-btn,.chip-btn{cursor:pointer}.primary-btn{display:inline-flex;align-items:center;gap:12px;padding:0 22px;height:56px;width:100%;border:0;border-radius:18px;background:var(--surface);box-shadow:0 1px 3px #3c40434d,0 4px 8px #3c404326}.primary-btn:disabled{opacity:.65;box-shadow:none;cursor:default}.primary-caret{margin-left:auto;color:var(--text-muted)}.plus{font-size:20px}.create-menu{position:absolute;top:calc(100% + 8px);left:0;z-index:15;min-width:220px;padding:8px;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface);box-shadow:0 18px 50px #2021242e}.create-menu-item{display:flex;align-items:center;width:100%;min-height:42px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;text-decoration:none}.create-menu-item:hover{background:var(--surface-hover)}.nav,.tree,.upload-list,.section-copy{display:grid}.nav{gap:2px}.nav-item,.tree-item{display:flex;align-items:center;gap:12px;min-height:40px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:inherit;text-align:left;cursor:pointer}.nav-item.active{background:var(--surface-selected);color:var(--accent-strong);font-weight:600}.nav-item:disabled{opacity:.5;cursor:default}.nav-icon,.tree-icon,.item-icon{width:18px;height:18px;border-radius:5px;background:#d2e3fc;flex:0 0 auto}.tree-section{margin-top:20px}.tree-header,.section-head,.table-toolbar,.toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tree-header{padding:0 12px 10px;color:var(--text-muted)}.tree{gap:2px}.tree-icon.folder,.item-icon.folder,.folder-icon{border-radius:0;background:center / contain no-repeat var(--folder-svg)}.tree-icon.folder,.item-icon.folder{width:20px;height:16px}.tree-item:hover{background:var(--surface-hover)}.storage{margin-top:18px;padding:0 12px;color:var(--text-muted)}.meter,.upload-progress{margin-top:10px;height:8px;border-radius:999px;background:#e8eaed;overflow:hidden}.meter span,.upload-progress span{display:block;height:100%;background:var(--accent)}.meter span{width:38%}.main{min-width:0;padding:20px 24px 24px}.content-frame{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:16px}.breadcrumb-row,.toolbar-row,.quick-access,.table-wrap,.uploads{background:var(--surface);border:1px solid var(--border-soft);border-radius:16px}.breadcrumb-row,.toolbar-row,.quick-access,.uploads{padding:14px 16px}.breadcrumbs{display:flex;align-items:center;gap:6px;color:var(--text-muted);flex-wrap:wrap}.breadcrumb-item{display:inline-flex;align-items:center;gap:6px}.breadcrumb-link{color:var(--text-muted);border-radius:8px}.breadcrumb-link:hover{color:var(--accent-strong)}.breadcrumb-separator{color:var(--text-muted)}.breadcrumbs .current,.table-name strong{color:var(--text);font-weight:600}.toolbar-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.secondary-btn,.chip-btn{min-height:36px;padding:0 14px;border-radius:18px}.secondary-btn{border:1px solid var(--border);background:var(--surface)}.secondary-btn.active{background:var(--surface-selected);border-color:transparent;color:var(--accent-strong)}.chip-btn{border:0;background:var(--surface-subtle)}.muted{color:var(--text-muted)}.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.quick-access-empty{grid-column:1 / -1;display:grid;place-items:center;min-height:84px;color:var(--text-muted);font-size:22px;font-weight:600;letter-spacing:.01em;text-align:center}.qa-card{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:12px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface);text-align:left}.folder-icon{width:42px;height:32px}.table-wrap{overflow:hidden}.table-toolbar{padding:12px 16px;border-bottom:1px solid var(--border-soft)}table{width:100%;border-collapse:collapse}thead th{padding:12px 16px;color:var(--text-muted);font-weight:500;text-align:left;border-bottom:1px solid var(--border-soft)}tbody tr{border-bottom:1px solid var(--border-soft)}tbody tr:hover{background:#fafbff}tbody tr.selected{background:var(--surface-selected)}tbody td{padding:12px 16px;vertical-align:middle}.name-cell{display:flex;align-items:center;gap:12px;min-width:0}.table-name{min-width:0}.table-name strong,.table-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-name span{display:block}.item-icon.pdf{background:#f28b82}.item-icon.sheet{background:#81c995}.item-icon.doc{background:#8ab4f8}.item-icon.image{background:#c58af9}.uploads{display:grid;gap:12px}.upload-dropzone,.empty-state{display:grid;place-items:center;min-height:96px;border:1px dashed var(--border);border-radius:12px;color:var(--text-muted);background:var(--surface-subtle)}.empty-state-content{display:grid;gap:10px;justify-items:center;max-width:480px;padding:20px;text-align:center}.empty-state-content strong{color:var(--text)}.upload-dropzone{text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.upload-dropzone.active{border-color:var(--accent);background:#edf4ff;transform:translateY(-1px)}.upload-list{gap:12px}.upload-item{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:12px;align-items:center}.upload-dock{position:fixed;right:24px;bottom:24px;width:min(420px,calc(100vw - 32px));border:1px solid var(--border-soft);border-radius:18px;background:var(--surface);box-shadow:0 18px 60px #2021242e;overflow:hidden;z-index:30}.upload-dock.collapsed{width:min(320px,calc(100vw - 32px))}.upload-dock-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border-bottom:1px solid var(--border-soft);background:var(--surface)}.upload-dock-toggle{color:var(--accent-strong);font-weight:600}.upload-dock-body{display:grid;gap:12px;padding:14px 16px 16px}.upload-dock-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-dock-list{display:grid;gap:12px;max-height:380px;overflow:auto}.upload-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;border:1px solid var(--border-soft);border-radius:14px;background:#fbfcff}.upload-row-main{min-width:0}.upload-row-head,.upload-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.upload-row-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-status{flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600}.upload-status.uploading{background:#e8f0fe;color:#174ea6}.upload-status.paused{background:#fef7e0;color:#9a6700}.upload-status.failed{background:#fce8e6;color:#b3261e}.upload-status.complete{background:#e6f4ea;color:#137333}.upload-status.queued{background:#f1f3f4;color:var(--text-muted)}.upload-meta{margin-top:8px;color:var(--text-muted)}.upload-row-actions{display:grid;align-content:start;gap:8px}.upload-error{margin-top:8px}.drag-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#1a73e81f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:25;pointer-events:none}.drag-overlay-card{display:grid;gap:6px;min-width:min(520px,calc(100vw - 40px));padding:24px 28px;border:2px dashed var(--accent);border-radius:20px;background:#fffffff5;text-align:center}.context-menu-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35}.context-menu{position:fixed;min-width:220px;padding:8px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface);box-shadow:0 18px 50px #20212433}.context-menu-item{display:flex;align-items:center;width:100%;min-height:38px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left}.context-menu-item:hover{background:var(--surface-hover)}.context-menu-item:disabled{color:var(--text-muted);cursor:default}.context-menu-item:disabled:hover{background:transparent}.context-menu-item.danger{color:#b3261e}.context-menu-divider{height:1px;margin:6px 0;background:var(--border-soft)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#2021246b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40}.pdf-backdrop{padding:20px}.modal-card{width:min(100%,520px);background:var(--surface);border-radius:20px;box-shadow:0 24px 80px #20212433;overflow:hidden}.pdf-modal{width:min(100%,1240px);height:min(100%,calc(100vh - 40px));display:grid;grid-template-rows:auto minmax(0,1fr)}.share-modal{width:min(100%,760px)}.modal-header,.modal-body{padding:20px 22px}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:1px solid var(--border-soft)}.modal-header p,.modal-header h2{margin:0}.modal-header p{margin-top:4px}.modal-header-actions,.modal-actions{display:flex;align-items:center;gap:10px}.modal-body{display:grid;gap:16px}.share-section,.share-list{display:grid;gap:14px}.share-section{padding-bottom:4px;border-bottom:1px solid var(--border-soft)}.share-section:last-of-type{padding-bottom:0;border-bottom:0}.share-section-head{display:flex;justify-content:space-between;gap:16px}.share-inline-controls,.share-link-builder,.share-row,.share-row-actions{display:flex;gap:12px}.share-inline-controls,.share-link-builder{align-items:end;flex-wrap:wrap}.share-inline-controls .field,.share-link-builder .field{min-width:220px;flex:1 1 220px}.checkbox-field{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 4px 0 2px;color:var(--text)}.checkbox-field input{width:16px;height:16px}.share-row{justify-content:space-between;align-items:flex-start;padding:12px 14px;border:1px solid var(--border-soft);border-radius:14px;background:#fbfcff}.share-row-copy{min-width:0}.share-row-copy strong,.share-link-text{display:block}.share-public-pill{display:inline-flex;align-items:center;min-height:46px;padding:0 14px;border:1px solid var(--border-soft);border-radius:12px;background:var(--surface-subtle);color:var(--text);font-weight:600}.share-link-text{margin-top:8px;padding:8px 10px;border-radius:10px;background:#f1f3f4;color:var(--text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;word-break:break-all}.share-row-actions{align-items:center;flex-wrap:wrap}.field{display:grid;gap:8px}.field span{font-weight:600}.field input,.field select{width:100%;min-height:46px;padding:0 14px;border:1px solid var(--border);border-radius:12px;background:#fff;outline:0}.field input:focus,.field select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a73e81f}.form-error{color:#b3261e}.primary-action-btn{min-height:40px;padding:0 16px;border:0;border-radius:999px;background:var(--accent);color:#fff;cursor:pointer}.primary-action-btn:disabled,.secondary-btn:disabled{cursor:default}.pdf-frame-wrap,.file-preview-body{min-height:0;background:#dde3ea}.pdf-frame{width:100%;height:100%;min-height:720px;border:0;background:#c9d1db}.spreadsheet-preview-shell,.docx-preview-shell{position:relative;height:100%;min-height:720px}.spreadsheet-preview-host,.docx-preview-host{height:100%}.spreadsheet-preview-host.is-hidden,.docx-preview-host.is-hidden{display:none}.spreadsheet-preview-host{background:#fff}.spreadsheet-preview-host .univer-container,.spreadsheet-preview-host .univer-main{height:100%}.docx-preview-shell{overflow:auto;padding:28px;background:#dde3ea}.docx-preview-host{min-height:100%;padding:28px 32px;border-radius:16px;background:#fff;box-shadow:0 18px 40px #20212414}.preview-message{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;text-align:center;font-size:16px;font-weight:500;color:var(--text-muted);background:#ffffffe6;z-index:1}.preview-message-error{color:#b3261e}@media(max-width:1360px){.shell{grid-template-columns:256px minmax(0,1fr)}}@media(max-width:980px){.topbar{grid-template-columns:1fr;height:auto;padding:16px}.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-soft)}.toolbar-row{flex-direction:column;align-items:flex-start}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-wrap{overflow:auto}table{min-width:760px}.upload-dock{right:16px;bottom:16px}}@media(max-width:640px){.main{padding:14px}.quick-grid{grid-template-columns:1fr}.modal-backdrop{padding:12px}.modal-card,.pdf-modal{width:100%;height:auto;max-height:calc(100vh - 24px)}.share-row,.share-inline-controls,.share-link-builder{display:grid}.pdf-frame,.spreadsheet-preview-shell,.docx-preview-shell{min-height:60vh}.docx-preview-shell{padding:12px}.docx-preview-host{padding:18px}.upload-dock,.upload-dock.collapsed{right:12px;left:12px;bottom:12px;width:auto}.upload-row{grid-template-columns:1fr}.upload-row-actions{grid-auto-flow:column;justify-content:start}}