:root{--bg: #f4f5f7;--surface: #ffffff;--text: #1c1e21;--muted: #6b7280;--accent: #2563eb;--border: #e2e5ea;--danger: #b91c1c}@media(prefers-color-scheme:dark){:root{--bg: #111318;--surface: #1b1e26;--text: #e6e8ee;--muted: #9aa1ad;--accent: #60a5fa;--border: #2b2f3a;--danger: #f87171}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.toolbar{padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center}.url-form{display:flex;gap:8px;flex:1 1 480px;align-items:center}.url-form input[type=url]{flex:1;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--text);font-size:14px}.url-form button,.samples button{padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;font-size:13px}.url-form button[type=submit]{background:var(--accent);color:#fff;border-color:var(--accent)}.proxy-toggle{font-size:13px;color:var(--muted);white-space:nowrap;display:flex;gap:4px;align-items:center}.samples{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted)}.viewer{flex:1;overflow:auto;padding:16px}.placeholder{max-width:560px;margin:80px auto;text-align:center;color:var(--muted)}.hint{font-size:13px}.error{color:var(--danger);max-width:720px;margin:40px auto;white-space:pre-wrap}.status{padding:6px 16px;font-size:12px;color:var(--muted);border-top:1px solid var(--border);background:var(--surface);min-height:28px}.pdf-pages{display:flex;flex-direction:column;align-items:center;gap:16px}.pdf-page{position:relative;box-shadow:0 2px 10px #0000002e;background:#fff}.pdf-page canvas{display:block}.pdf-page .textLayer{position:absolute;inset:0;overflow:hidden;line-height:1;opacity:.25}.pdf-page .textLayer span{color:transparent;position:absolute;white-space:pre;transform-origin:0 0;cursor:text}.pdf-page .textLayer ::selection{background:#2563eb80}.docx-wrapper{background:transparent!important;padding:0!important}.docx-wrapper>section.docx{box-shadow:0 2px 10px #0000002e;margin-bottom:16px!important}.xlsx-tabs{display:flex;gap:4px;margin-bottom:8px;flex-wrap:wrap;position:sticky;top:0;z-index:1}.xlsx-tabs button{padding:6px 12px;border:1px solid var(--border);border-bottom:none;border-radius:6px 6px 0 0;background:var(--surface);color:var(--muted);cursor:pointer;font-size:13px}.xlsx-tabs button.active{color:var(--text);background:var(--bg);font-weight:600}.xlsx-sheet{overflow:auto;background:var(--surface);border:1px solid var(--border)}.xlsx-sheet table{border-collapse:collapse;font-size:13px;font-family:Calibri,system-ui,sans-serif}.xlsx-sheet td,.xlsx-sheet th{border:1px solid var(--border);padding:3px 8px;white-space:nowrap;min-width:40px}.xlsx-sheet tr:first-child td{background:var(--bg);font-weight:600;position:sticky;top:0}.pptx-stage{display:flex;justify-content:center}.pptx-stage .pptx-preview-wrapper{background:transparent!important}.image-preview{display:block;max-width:100%;margin:0 auto;box-shadow:0 2px 10px #0000002e}.text-preview{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:16px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;word-break:break-word;max-width:1000px;margin:0 auto}.proxy-mode{padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);font-size:13px}body.embed .toolbar,body.embed .status{display:none}body.embed .viewer{padding:8px}body.embed .placeholder{display:none}