*{box-sizing:border-box}body{margin:0;background:#eeeee9;color:#242424;font-family:Arial,'Noto Sans JP',sans-serif}header{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-height:64px;padding:10px 20px;background:#fafaf8;border-bottom:1px solid #ddd}h1{font-size:13px;font-weight:500;margin:0 auto 0 0;overflow-wrap:anywhere}a{color:inherit;font-size:12px}button,select{font:inherit;font-size:12px;min-height:40px;padding:7px 10px;border:1px solid #c8c8c1;border-radius:3px;background:transparent;color:inherit}label{font-size:12px}button{cursor:pointer}button[aria-pressed=true]{background:#262626;color:white}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #b7322c;outline-offset:3px}main{min-height:calc(100dvh - 64px);overflow:auto;text-align:center}main img{display:block;margin:0 auto;max-width:100%;height:auto}main.non-web{padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center}main.non-web img{width:auto;max-width:min(100%,1000px);max-height:calc(100dvh - 140px);object-fit:contain}main.actual img{max-width:none;max-height:none;width:auto}main.non-web.actual{align-items:stretch;justify-content:flex-start}#viewer-status{padding:30px 20px;font-size:14px}#viewer-retry{margin:0 auto 24px}[hidden]{display:none!important}@media(max-width:600px){header{padding:8px 12px;gap:6px 10px}h1{flex-basis:calc(100% - 100px)}main.non-web{padding:16px}}

html[data-input-mode="touch"] :focus-visible{outline:none!important}