:root{font:16px/1.5 system-ui,sans-serif;color:#302820;background:#f2ede5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}#root{display:flex;flex-direction:column}header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;background:#fbf9f5;border-bottom:1px solid #ded8cf}label{display:flex;flex-wrap:wrap;align-items:center;gap:8px}input{max-width:230px}button,input{font:inherit}button{padding:6px 10px;cursor:pointer}button:disabled{cursor:default}a{color:#942d21}.docx-viewer{display:flex;flex:1;flex-direction:column;min-height:0}.viewer-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px}.viewer-viewport{flex:1;min-height:0;overflow:auto}.closed-message{padding:12px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #942d21;outline-offset:3px}@media(max-width:480px){.viewer-status{align-items:flex-start;flex-direction:column}}

.source-link{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;flex:none;width:36px;height:36px;padding:0;margin-left:auto;text-decoration:none;border-radius:4px;color:#63584e}.source-link svg{width:18px;height:18px;fill:currentColor;stroke:none}.source-link:hover{background:#eee7de;color:#2b211d}.source-link:focus-visible{outline:2px solid #b43829;outline-offset:0}