:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--panel:#fff;--panel-border:#d6d3ce;--text:#1c2224;--muted:#5d676b;--accent:#0f766e;--accent-2:#b42318;--background:#eef1ed}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--background);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}.app-shell{grid-template-columns:minmax(280px,340px) 1fr;height:100vh;display:grid;overflow:hidden}.side-panel{z-index:2;border-right:1px solid var(--panel-border);background:var(--panel);flex-direction:column;gap:18px;min-width:0;padding:20px;display:flex;overflow-y:auto;box-shadow:0 10px 26px #1c22241a}.brand h1{margin:0 0 6px;font-size:1.5rem;line-height:1.15}.brand p,.status-line,.attribution{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.control-group{gap:10px;display:grid}.control-group h2{letter-spacing:0;text-transform:uppercase;color:var(--muted);margin:0;font-size:.82rem}.choice,.layer-toggle{border:1px solid var(--panel-border);cursor:pointer;background:#fbfbf9;border-radius:8px;grid-template-columns:auto 1fr;align-items:start;gap:10px;padding:10px;display:grid}.choice:hover,.layer-toggle:hover{border-color:#a9b4af}.choice strong,.layer-toggle strong{margin-bottom:3px;font-size:.96rem;display:block}.choice span,.layer-toggle span{color:var(--muted);font-size:.84rem;line-height:1.35;display:block}.map-wrap{min-width:0;min-height:0;position:relative}.map{width:100%;height:100%}.info-panel{border:1px solid var(--panel-border);background:var(--panel);border-radius:8px;width:min(360px,100% - 36px);max-height:min(460px,100% - 68px);position:absolute;bottom:34px;right:18px;overflow:auto;box-shadow:0 14px 34px #1c22242e}.info-panel header{justify-content:space-between;align-items:start;gap:12px;padding:14px 14px 8px;display:flex}.info-panel h2{margin:0;font-size:1.05rem;line-height:1.25}.info-panel button{border:1px solid var(--panel-border);cursor:pointer;background:#fff;border-radius:999px;width:32px;height:32px}.info-panel dl{grid-template-columns:minmax(96px,34%) 1fr;gap:8px 12px;margin:0;padding:8px 14px 14px;font-size:.9rem;display:grid}.info-panel dt{color:var(--muted)}.info-panel dd{overflow-wrap:anywhere;margin:0}.error{color:#8f1f1f;background:#fff5f5;border:1px solid #e5a2a2;border-radius:8px;padding:10px;font-size:.88rem;line-height:1.4}@media (max-width:760px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.side-panel{border-right:0;border-bottom:1px solid var(--panel-border);max-height:46vh;padding:14px}.brand h1{font-size:1.25rem}.info-panel{width:calc(100% - 20px);bottom:28px;right:10px}}