:root{font:15px/1.5 system-ui,sans-serif;color:#302820;background:#f2ede5}*{box-sizing:border-box}html,body{height:100%;margin:0}body{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}output{padding:8px 12px}#viewport{flex:1;min-height:0;overflow:auto}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #942d21;outline-offset:3px}

.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}