:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--border:#e2e0da;--muted:#74716b;--soft:#efeeea;--panel:#fff;--ink:#20201d;--green:#2f7d68;--blue:#316d91;--red:#b45445;--shadow:0 18px 48px #20201d14;background:#f7f7f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{font:inherit;border:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{background:#f7f7f5;grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#fbfbfa;flex-direction:column;gap:16px;min-height:100vh;padding:18px 14px;display:flex}.brand,.mobile-brand,.file-title,.recent-heading span{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark,.file-badge,.empty-icon{flex:none;place-items:center;display:grid}.brand-mark{background:#f4f2ed;border-radius:8px;width:34px;height:34px;overflow:hidden;box-shadow:0 1px 4px #1e1e1c1a}.brand-mark img,.mobile-brand-icon{object-fit:cover;width:100%;height:100%;display:block}.mobile-brand-icon{border-radius:6px;width:22px;height:22px;box-shadow:0 1px 3px #1e1e1c1a}.brand strong,.mobile-brand strong,.file-title strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.2;display:block;overflow:hidden}.brand span,.file-title span,.recent-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.35;display:block;overflow:hidden}.sidebar-actions,.toolbar,.empty-actions{align-items:center;gap:8px;display:flex}.primary-button,.secondary-button,.icon-button,.ghost-button,.zoom-control button,.sheet-tab{cursor:pointer;border-radius:8px;transition:background .16s,color .16s,border-color .16s,transform .16s}.primary-button{color:#fff;background:var(--ink);justify-content:center;align-items:center;gap:8px;width:100%;height:38px;font-weight:650;display:inline-flex}.primary-button:hover{background:#34342f}.secondary-button{height:38px;color:var(--ink);border:1px solid var(--border);background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 13px;font-weight:620;display:inline-flex}.secondary-button:hover,.icon-button:hover,.ghost-button:hover,.zoom-control button:hover,.sheet-tab:hover{background:var(--soft)}.icon-button{width:38px;height:38px;color:var(--ink);border:1px solid var(--border);background:#fff;flex:none;place-items:center;display:grid}.ghost-button{height:28px;color:var(--muted);background:0 0;padding:0 9px;font-size:12px}.recent-heading{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 0;font-size:12px;font-weight:650;display:flex}.recent-list{flex-direction:column;gap:4px;min-height:0;padding-right:2px;display:flex;overflow:auto}.empty-recent{color:var(--muted);padding:12px 6px;font-size:13px}.recent-item{width:100%;min-height:54px;color:var(--ink);text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;padding:8px;display:flex}.recent-item:hover,.recent-item.is-active{background:#efeeea}.recent-text{flex:1;min-width:0}.recent-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;line-height:1.35;display:block;overflow:hidden}.file-badge{color:#fff;background:var(--ink);border-radius:8px;width:32px;height:32px}.kind-pdf{background:var(--red)}.kind-sheet{background:var(--green)}.kind-pptx,.kind-legacy-ppt{background:#bd6b38}.kind-docx,.kind-legacy-doc{background:var(--blue)}.kind-text{background:#59564e}.kind-image{background:#7b5b88}.workspace{grid-template-rows:64px minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:3;background:#f7f7f5e0;align-items:center;gap:14px;min-width:0;padding:12px 18px;display:flex}.mobile-brand{display:none}.file-title{flex:1;min-width:0}.file-title.muted{color:var(--muted)}.toolbar{justify-content:flex-end}.install-main-button{white-space:nowrap;flex:none}.zoom-control{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:36px 58px 36px;align-items:center;height:38px;display:grid;overflow:hidden}.zoom-control button{height:36px;color:var(--ink);background:#fff;place-items:center;font-size:12px;font-weight:650;display:grid}.document-surface{background-color:#0000;background-image:linear-gradient(#ecebe6 1px,#0000 1px),linear-gradient(90deg,#ecebe6 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-width:0;min-height:0;padding:24px;overflow:auto}.empty-state{text-align:center;min-height:calc(100vh - 112px);color:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.empty-state.compact{max-width:620px;min-height:420px;margin:0 auto}.empty-icon{width:58px;height:58px;color:var(--ink);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px}.empty-state h1,.empty-state h2{letter-spacing:0;max-width:min(92vw,720px);margin:0;font-size:24px;line-height:1.2}.empty-state p{max-width:540px;color:var(--muted);margin:0;line-height:1.65}.empty-actions .primary-button{width:auto;padding:0 15px}.format-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:4px;display:flex}.format-row span{min-height:25px;color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;padding:0 8px;font-size:12px;font-weight:650;display:inline-flex}.pdf-stack,.pptx-fallback{flex-direction:column;gap:18px;width:max-content;max-width:100%;margin:0 auto;display:flex}.pdf-page{flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;display:flex}.pdf-page canvas,.docx-host .docx-wrapper>section,.pptx-host>*,.pptx-fallback-slide,.text-viewer,.image-viewer img{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff}.pdf-page figcaption{color:var(--red);font-size:12px}.docx-stage,.pptx-stage{width:100%;min-height:420px}.docx-host{width:max-content;max-width:100%;margin:0 auto}.docx-host .docx-wrapper{background:0 0;padding:0}.docx-host .docx-wrapper>section{margin:0 auto 18px}.docx-fallback{border:1px solid var(--border);width:min(760px,100vw - 64px);box-shadow:var(--shadow);background:#fff;margin:0 auto;padding:54px;line-height:1.7}.sheet-viewer{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;height:100%;min-height:420px;display:grid}.sheet-tabs{align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.sheet-tab{height:32px;color:var(--muted);border:1px solid var(--border);background:#fff;flex:none;padding:0 11px;font-size:12px;font-weight:650}.sheet-tab.is-active{color:#fff;background:var(--green);border-color:var(--green)}.sheet-scroll{border:1px solid var(--border);min-height:0;box-shadow:var(--shadow);background:#fff;overflow:auto}.sheet-table{border-collapse:separate;border-spacing:0;font-size:calc(13px * var(--sheet-zoom));line-height:1.35}.sheet-table th,.sheet-table td{min-width:calc(96px * var(--sheet-zoom));max-width:calc(260px * var(--sheet-zoom));height:calc(30px * var(--sheet-zoom));text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #ecebe6;border-right:1px solid #ecebe6;padding:5px 8px;overflow:hidden}.sheet-table thead th{z-index:2;color:var(--muted);text-align:center;background:#f7f7f5;font-weight:650;position:sticky;top:0}.sheet-table tbody th{z-index:1;min-width:54px;color:var(--muted);text-align:center;background:#f7f7f5;font-weight:650;position:sticky;left:0}.sheet-table thead th:first-child{z-index:3;min-width:54px;left:0}.sheet-limit{color:var(--muted);text-align:right;font-size:12px}.pptx-host{width:max-content;max-width:100%;transform:scale(var(--ppt-zoom));transform-origin:top;margin:0 auto}.pptx-host>*{margin-bottom:18px}.pptx-fallback-slide{width:min(960px,100vw - 64px);min-height:540px;padding:48px 56px}.pptx-fallback-slide h2{letter-spacing:0;margin:8px 0 22px;font-size:30px;line-height:1.22}.pptx-fallback-slide li{margin:10px 0;font-size:18px;line-height:1.5}.slide-number{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}.text-viewer{white-space:pre-wrap;width:min(960px,100%);min-height:72vh;color:var(--ink);margin:0 auto;padding:34px;line-height:1.65;overflow:auto}.image-viewer{justify-content:center;align-items:flex-start;min-height:72vh;padding:12px;display:flex;overflow:auto}.image-viewer img{transform-origin:top;max-width:100%;height:auto}.loading-viewer,.viewer-error{width:-moz-fit-content;width:fit-content;max-width:min(560px,100vw - 48px);color:var(--muted);border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:8px;align-items:center;gap:10px;margin:90px auto;padding:13px 15px;display:flex}.viewer-error{color:var(--red);align-items:flex-start}.viewer-error p{color:var(--muted);margin:4px 0 0;line-height:1.55}.spin{animation:.9s linear infinite spin}.drop-overlay{z-index:20;border:2px dashed var(--green);color:var(--green);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f7f5c7;border-radius:8px;align-content:center;place-items:center;gap:10px;display:grid;position:fixed;inset:18px}.toast{z-index:30;color:#fff;background:var(--ink);max-width:min(420px,100vw - 36px);min-height:42px;box-shadow:var(--shadow);border-radius:8px;align-items:center;gap:12px;padding:10px 11px 10px 14px;font-size:13px;display:flex;position:fixed;bottom:18px;right:18px}.toast button{color:#fff;cursor:pointer;background:0 0;place-items:center;width:24px;height:24px;display:grid}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:880px){body{overflow:auto}.app-shell{grid-template-rows:minmax(0,1fr);grid-template-columns:1fr;min-height:100dvh}.sidebar{display:none}.workspace{grid-template-rows:auto minmax(0,1fr);min-height:100dvh}.topbar{flex-wrap:wrap;gap:8px;min-height:62px;padding:10px 12px;position:sticky;top:0}.mobile-brand{color:var(--ink);flex:100%;font-size:13px;display:flex}.file-title{flex:52%}.toolbar{flex:none}.zoom-control{grid-template-columns:34px 50px 34px}.document-surface{padding:14px}.empty-state{min-height:calc(100dvh - 142px)}.docx-host,.pdf-stack{max-width:none}.docx-fallback,.text-viewer,.pptx-fallback-slide{width:calc(100vw - 28px);padding:26px}.pptx-fallback-slide{min-height:420px}.pptx-fallback-slide h2{font-size:24px}}@media (max-width:560px){.file-title strong{max-width:46vw}.toolbar{gap:5px}.icon-button{width:36px;height:36px}.install-main-button{width:36px;height:36px;padding:0}.install-main-button span{display:none}.zoom-control{grid-template-columns:32px 48px 32px;height:36px}.zoom-control button{height:34px}.empty-actions{flex-wrap:wrap;justify-content:center;width:100%}.sheet-table th,.sheet-table td{min-width:calc(82px * var(--sheet-zoom))}}