*{box-sizing:border-box}body{color:#263f3b;background:#eef1eb;margin:0;font:14px/1.4 system-ui,sans-serif}header{background:#fafbf7;border-bottom:1px solid #ced8ce;justify-content:space-between;align-items:center;gap:20px;height:82px;padding:12px 22px;display:flex}.eyebrow{letter-spacing:1.7px;color:#688075;font-size:10px;font-weight:750}h1{margin:2px 0;font-size:23px}h1 span{color:#647b71;margin-left:8px;font-size:12px;font-weight:500}h2{margin:5px 0 7px;font-size:20px;line-height:1.2}.actions,.row,.view-tools{flex-wrap:wrap;align-items:center;gap:7px;display:flex}button,a,input,select{font:inherit}button,a{border-radius:6px}button{color:#294d42;cursor:pointer;background:#fff;border:1px solid #bbcbbb;padding:8px 11px}button:hover{background:#e9f2e7}button:disabled{opacity:.4;cursor:default}button.primary,button[aria-pressed=true]{color:#fff;background:#286048;border-color:#286048}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #dfa654}a{color:#286048;padding:8px;text-decoration:none}#draft-state{color:#637b6a;margin-right:7px;font-size:12px}main{grid-template-columns:320px 1fr;height:calc(100dvh - 82px);display:grid}aside{background:#f7f8f2;border-right:1px solid #cad6c8;padding:20px;overflow:auto}label{margin-bottom:7px;font-size:12px;font-weight:650;display:block}input:not([type=checkbox]),select{color:#294439;background:#fff;border:1px solid #bbcbbb;border-radius:5px;width:100%;min-width:0;padding:7px}#search{margin-bottom:8px}#locations{height:136px;padding:3px;font-size:12px}#locations option{padding:4px}#locations option:checked{background:#d4e4d2}.selection{margin-top:20px}.selection p{color:#617b6e;font-size:12px}.pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pair input{margin-top:5px}.hint{color:#6a7e72;font-size:11px;line-height:1.5}.row{margin:10px 0}.row button{font-size:12px}.nudge{text-align:center;border:1px solid #d5dfd0;border-radius:8px;margin:14px 0;padding:8px}.nudge button{padding:3px 13px}.nudge div{justify-content:center;align-items:center;gap:16px;margin:3px;display:flex}.nudge span{font-size:11px}.nudge label{justify-content:center;align-items:center;gap:8px;margin:7px 0 0;display:flex}.nudge select{width:80px;padding:3px}.check{align-items:center;gap:5px;font-weight:450;display:flex}.notice{background:#f7eddb;border-left:3px solid #c68c47;margin-top:15px;padding:10px;font-size:12px}#warnings{color:#4c7358;margin:14px 0;font-size:12px}#warnings.warning{color:#974425;background:#ffebdf;border-radius:6px;padding:10px}.viewport{min-width:0;min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.view-tools{position:absolute;top:14px;left:14px;right:60px}.view-tools button{font-size:12px;box-shadow:0 2px 5px #233c2510}.compass{pointer-events:none;font-weight:750;position:absolute;top:22px;right:18px}.help{pointer-events:none;color:#536b5e;background:#f8faf1e8;border-radius:6px;padding:9px 12px;font-size:11px;position:absolute;bottom:14px;left:16px;right:16px}#loading{background:#fff9;border-radius:6px;padding:6px 10px;font-size:12px;position:absolute;bottom:67px;left:18px}#map-label{pointer-events:none;background:#f9fbf1e8;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:650;position:absolute;top:61px;left:18px}#message{color:#fff;z-index:10;background:#234b3d;border-radius:8px;max-width:80vw;padding:12px 20px;display:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 3px 16px #0002}#message.error{background:#873d2b}@media (width<=850px){header{align-items:start;height:auto;min-height:110px;padding:12px}.actions{justify-content:end}#draft-state{text-align:right;width:100%}main{grid-template-columns:260px 1fr;height:calc(100dvh - 110px)}aside{padding:12px}.view-tools{gap:4px;right:8px}.compass{top:100px}.help{font-size:10px}#map-label{top:110px}}@media (width<=560px){header{flex-direction:column;gap:6px}.actions{justify-content:start}#draft-state{width:auto}main{grid-template-columns:1fr;height:auto}.viewport{grid-row:1;height:55dvh;min-height:350px}aside{max-height:none}.actions a{display:none}.compass{top:85px}#map-label{top:92px}}[hidden]{display:none!important}.mode-switch{gap:6px;margin-bottom:16px;display:flex}.mode-switch button{flex:1}#road-options{border-top:1px solid #d5dfd0;padding-top:12px}#road-width-label input{margin-top:5px}#road-point{font-size:11px}.object-tools{border-bottom:1px solid #d5dfd0;margin-top:12px;padding-bottom:10px}.object-tools form,.object-tools #draw-road{background:#e9f0e5;border-radius:6px;padding:10px}.danger{color:#913f2d;border-color:#d6b4a8}.object-tools .row{margin:8px 0}