html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#root{width:100vw;height:100vh}.app-container{display:flex;flex-direction:column;width:100%;height:100%}.navbar{display:flex;align-items:center;justify-content:space-between;background:#202124;color:#fff;padding:0 20px;height:60px;box-shadow:0 2px 4px #0003;z-index:100}.navbar h2{margin:0;font-size:1.2rem}.nav-links a{color:#fff;text-decoration:none;margin-left:20px;font-weight:500;padding:8px 12px;border-radius:4px;transition:background .2s}.nav-links a:hover{background:#ffffff1a}.content{flex:1;position:relative}.page-layout{display:flex;width:100%;height:100%}.map-container{flex:1;height:100%}.sidebar{width:400px;height:100%;background:#fafafa;border-left:1px solid #ccc;overflow-y:auto;padding:20px;box-sizing:border-box}.sidebar h3{margin-top:0;color:#333}.sidebar .description{font-size:14px;color:#555;line-height:1.5;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ddd}.json-output{font-family:monospace;font-size:12px;white-space:pre-wrap;word-wrap:break-word;background:#eee;padding:10px;border-radius:4px;color:#222}