*{box-sizing:border-box}body{margin:0;color:#162b38;font-family:"Yu Gothic",Meiryo,sans-serif;background:#41494c}button,input,select{font:inherit}button,select,input{min-height:34px}button{background:white;border:1px solid #b2c2ca;border-radius:3px;padding:5px 12px;color:#173e50;cursor:pointer}a{color:#155375;text-underline-offset:.18em}#toolbar{position:fixed;top:0;left:0;right:0;z-index:10;background:#f4f1eb;padding:12px 20px;border-bottom:1px solid #bac4c8}.title-row,.controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.title-row{justify-content:space-between;margin-bottom:10px}.controls{font-size:14px}.controls form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}#query{width:190px;max-width:100%;padding:4px 8px;border:1px solid #a3b6c1;border-radius:3px}#findResult{font-size:14px;min-width:65px}#status{font-size:12px;color:#506674;margin-top:8px}#viewerContainer{position:absolute;top:var(--toolbar-height,150px);bottom:0;left:0;right:0;overflow:auto}#viewer{--scale-factor:1}#textPanel{position:fixed;right:18px;top:calc(var(--toolbar-height,150px) + 12px);width:min(580px,calc(100vw - 36px));max-height:calc(100vh - var(--toolbar-height,150px) - 28px);overflow:auto;background:white;border:1px solid #9caeb9;box-shadow:0 8px 35px #0005;z-index:30;padding:18px}#textPanel>div{display:flex;justify-content:space-between;gap:12px}#textPanel p{font-size:14px}#pageText{display:block;width:100%;height:280px;min-height:150px;font-size:18px;line-height:1.8;border:1px solid #c3cdd2;padding:12px;resize:vertical}#error{position:fixed;left:20px;right:20px;bottom:20px;background:white;color:#821e19;padding:24px;z-index:40;white-space:pre-wrap}#textPanel[hidden],#error[hidden]{display:none}@media(max-width:640px){#toolbar{padding:10px 12px}.title-row{font-size:13px;gap:6px}.title-row strong{width:100%;order:-1}.controls{gap:8px}.controls form{width:100%}#query{flex:1;min-width:80px;width:140px}#findResult{min-width:48px}button{padding:4px 8px}#pageText{font-size:17px}}