:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-base: #f4f4f5;--bg-surface: #ffffff;--bg-header: rgba(255, 255, 255, .85);--bg-overlay: rgba(244, 244, 245, .7);--border: #e4e4e7;--text-primary: #18181b;--text-secondary: #71717a;--text-disabled: #a1a1aa;--accent: #6366f1;--accent-hover: #4f46e5;--radius-sm: 6px;--radius-md: 10px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08);--transition: .18s ease;--content-max: 900px}@media(prefers-color-scheme:dark){:root{--bg-base: #09090b;--bg-surface: #18181b;--bg-header: rgba(24, 24, 27, .88);--bg-overlay: rgba(9, 9, 11, .65);--border: #27272a;--text-primary: #fafafa;--text-secondary: #a1a1aa;--text-disabled: #52525b;--accent: #818cf8;--accent-hover: #6366f1;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 20px rgba(0,0,0,.4)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}#root{height:100dvh}button{color:inherit;font-family:inherit;cursor:pointer}.viewer-root{display:flex;flex-direction:column;height:100dvh;overflow:hidden;max-width:var(--content-max);width:100%;margin:0 auto;border-left:1px solid var(--border);border-right:1px solid var(--border)}.viewer-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--bg-header);border-bottom:1px solid var(--border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;flex-shrink:0}.doc-title{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.header-zoom{display:flex;align-items:center;gap:4px;background:var(--bg-base);border:1px solid var(--border);border-radius:var(--radius-pill);padding:3px 6px}.zoom-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-pill);border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:background var(--transition),color var(--transition)}.zoom-btn:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.zoom-btn:disabled{color:var(--text-disabled);cursor:not-allowed}.zoom-value{font-size:12px;font-weight:500;color:var(--text-primary);min-width:38px;text-align:center;letter-spacing:.02em}.viewer-body{flex:1;overflow:auto;background:var(--bg-base);position:relative;-webkit-overflow-scrolling:touch}.docx-scroll-area{width:100%;padding:16px 0;display:flex;flex-direction:column;align-items:center;overflow:hidden}.docx-container{box-sizing:border-box;transition:transform .2s ease;flex-shrink:0}.docx-wrapper{max-width:100%!important;margin:0 auto!important;background:#fff!important;border-radius:var(--radius-md);box-shadow:var(--shadow-md)!important;overflow:hidden;color-scheme:light;color:#000}.render-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5}.render-error{margin:20px auto;max-width:480px;padding:12px 16px;border-radius:var(--radius-md);background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:13px;text-align:center}@media(prefers-color-scheme:dark){.render-error{background:#2d1515;border-color:#7f1d1d;color:#fca5a5}}.status-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;height:100dvh;background:var(--bg-base)}.status-text{font-size:14px;color:var(--text-secondary)}.status-text.error{color:#ef4444}.status-spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:480px){.viewer-header{flex-wrap:wrap;justify-content:center}.doc-title{max-width:160px}}