*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#142016}#panel{position:absolute;left:0;top:0;bottom:0;width:315px;background:#f7faf6;z-index:5;overflow:auto;border-right:1px solid #d7e0d5;padding:10px}#map{position:absolute;left:315px;right:0;top:0;bottom:0}.brand{display:flex;gap:12px;align-items:center;margin-bottom:12px}.logo{width:42px;height:42px;border-radius:9px;background:#214f31;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}.brand h1{margin:0;font-size:28px}.brand p{margin:2px 0 0;color:#667466}.box{background:#fff;border:1px solid #d9e4d8;border-radius:12px;padding:14px;margin:12px 0}.version{background:#eef8ee}label{display:block;font-weight:700;margin-bottom:10px}select,button{width:100%;font-size:15px;border-radius:8px;padding:12px;border:1px solid #b9cbb8;background:#fff}button{background:#214f31;color:#fff;font-weight:700;border:0;margin:6px 0;cursor:pointer}.secondary{background:#e8eee6;color:#142016}.small{font-size:13px;line-height:1.45}.status{font-size:13px;line-height:1.45;word-break:break-word}.legend{margin-top:12px;font-size:13px;line-height:1.7}.sw{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:8px;vertical-align:-1px}.gm-style-iw{font-size:14px}.raw{max-height:260px;overflow:auto;font-size:12px;white-space:pre-wrap}@media(max-width:800px){#panel{width:100%;height:42%;bottom:auto}#map{left:0;top:42%;height:58%}}