:root{font-family:system-ui,sans-serif;color:#18302e;background:#f4f7f5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{height:100dvh;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}header{background:#fff;padding:8px 14px}h1{font-size:18px;margin:0}header small{color:#55716d}.tabs{display:flex;background:#e3eeeb}.tabs button{border:0;background:transparent;padding:8px 18px;color:#275e56}.tabs button.active{background:#fff;font-weight:700;border-top:3px solid #087c69}.controls{background:#fff;padding:8px 12px;border-bottom:1px solid #cbded9;max-height:30vh;overflow:auto}.tools,.categories{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.tools button,.categories button{border:1px solid #9ebeb5;background:#ecf6f1;color:#164f45;border-radius:7px;padding:6px 10px}.categories button.active{background:#087c69;color:#fff}.controls p{margin:5px 0;font-size:13px}.controls small,#originText{font-size:12px;color:#526b67}.controls a,footer a{color:#126b82}main{position:relative;min-height:0}#cesiumContainer{position:absolute;inset:0}.results{position:absolute;z-index:2;right:10px;top:10px;width:min(310px,42vw);max-height:60%;overflow:auto;background:#fffffff2;border:1px solid #cbded9;border-radius:9px;padding:10px;box-shadow:0 2px 10px #1234}.results strong{font-size:14px}.results ol{margin:6px 0;padding-left:24px}.results li{font-size:13px;margin:6px 0}.results button{border:0;background:none;color:#075f76;text-align:left;padding:0}#statusMessage{position:absolute;z-index:3;bottom:10px;left:10px;max-width:600px;background:#fffde9;border:1px solid #d2bd77;padding:8px 12px;border-radius:7px;display:none;font-size:13px}#statusMessage.visible{display:block}footer{background:#fff;font-size:11px;color:#455;line-height:1.35;padding:5px 10px}.cesium-viewer-bottom{display:none}@media(max-width:650px){.controls{max-height:38vh}.results{top:auto;bottom:10px;width:calc(100% - 20px);max-height:28%}h1{font-size:16px}.tabs button{padding:7px 12px}}