*{box-sizing:border-box}body{margin:0;background:#dfe6eb;color:#152c3c;font:13px Arial,sans-serif}.toolbar{height:52px;display:flex;align-items:center;justify-content:center;gap:12px;background:#f4f7f9;border-bottom:1px solid #c6d3dd;position:sticky;top:0;z-index:5}.toolbar button,.toolbar select{font:inherit;background:white;border:1px solid #c6d3dd;border-radius:5px;padding:7px 10px;color:#152c3c;cursor:pointer}.toolbar button:focus-visible,.toolbar select:focus-visible{outline:2px solid #066caa;outline-offset:2px}.toolbar button:disabled{opacity:.4;cursor:default}main{height:calc(100vh - 52px);overflow:auto;padding:20px}.page{width:100%;min-width:260px;margin:0 auto;transition:width .12s}img{display:block;width:100%;height:auto;background:white;box-shadow:0 3px 18px #152c3c18}#status{min-width:56px;text-align:center}#load{position:fixed;left:50%;top:45%;transform:translateX(-50%);background:white;padding:16px;border-radius:8px;color:#617789}button:hover{background:#e8eff4}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:500px){.toolbar{gap:7px}.toolbar button,.toolbar select{font-size:12px;padding:7px}main{padding:8px}}