:root{font-family:system-ui,Helvetica,Arial,sans-serif;line-height:1.5;font-size:14px;color:#ffffffde;background-color:#242424;color-scheme:dark}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border:0;outline:0;cursor:pointer;color:#fff;background-color:#43aa59;border-radius:4px;font-size:1rem;padding:4px 8px;display:inline-block;min-height:28px}button:disabled{opacity:.5}.row{margin-bottom:8px}.textareas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.textarea-group{display:flex;flex-direction:column;gap:4px}.textarea-group label{font-size:14px;color:#858585}.measure-area{width:320px;resize:none;font-family:monospace;font-size:14px;padding:10px;background-color:#ffffff08;border:1px solid rgba(255,255,255,.15);color:#e0e0e0;border-radius:4px}.saved-area{border-color:#cca94966}button{font-size:18px;padding:10px 22px}button.disconnect{background-color:#aa4343}button.continuous{background-color:#cca949}button.save-btn{background-color:#4a9e4a;font-size:22px;padding:12px 28px}button.marker-btn{background-color:#4a6e9e}