*{box-sizing:border-box}body{color:#203e32;background:#cad7da;margin:0;font:14px/1.5 system-ui}aside{background:#f4f3e8;border-right:1px solid #bcc5b1;width:290px;padding:23px;position:absolute;inset:0 auto 0 0;overflow:auto}h1{font:31px/1.1 Georgia}h2{margin:8px 0;font:27px Georgia}small{letter-spacing:.09em;font-size:10px}p{margin:12px 0}label{margin:14px 0 7px;display:block}select,input,button{color:#203e32;width:100%;font:inherit;background:#fafaf2;border:1px solid #bbc6ae;padding:9px}button{cursor:pointer;margin:4px 0}button:disabled{opacity:.5;cursor:wait}.buttons{gap:5px;display:flex}.buttons button{padding:8px 3px;font-size:12px}pre{white-space:pre-wrap;max-height:330px;font:11px/1.5 monospace;overflow:auto}details{border-top:1px solid #cbd1be;padding:14px 0}summary{cursor:pointer}.hint,#provenance{color:#5c715d;font-size:11px}a{color:#315a42}#viewport{position:absolute;inset:0 0 0 290px}canvas{width:100%;height:100%;display:block}.heading,#notice,#stats,.legend{pointer-events:none;position:absolute}.heading{background:#f6f4e9dd;max-width:75%;padding:12px 18px;top:15px;left:15px}#notice{background:#f6f4e9e8;max-width:90%;padding:10px;font-size:12px;bottom:43px;left:15px}#stats{white-space:pre;text-align:right;color:#f6f4e9;background:#203e32df;padding:10px;font:11px/1.5 monospace;top:15px;right:14px}.legend{background:#f6f4e9dd;padding:4px 8px;font-size:11px;bottom:15px;left:15px}@media (width<=720px){aside{width:230px;padding:15px}#viewport{left:230px}.heading{max-width:85%;top:100px}#stats{font-size:9px}h1{font-size:25px}}