html,body{margin:0;padding:0}.app-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;background-color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{text-align:center;margin-bottom:30px}.app-title{font-size:2.5rem;color:#ecf0f1;margin:0 0 16px;font-weight:600}.github-link-container{display:flex;justify-content:center;align-items:center;gap:6px;color:#ecf0f1;text-decoration:none}.github-link-container>p{margin:0}.main-content{display:flex;flex-direction:column;gap:20px;align-items:center;width:100%;max-width:1400px}.graph-container{width:100%;max-width:800px;height:480px;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;border:1px solid #e1e8ed}.graph-json-viewer{width:100%;max-width:800px}.graph-json-viewer h2{color:#ecf0f1;margin:0 0 16px;font-size:1.5rem}.graph-json-viewer pre{height:448px;margin:0}@media (min-width: 1201px){.main-content{flex-direction:row;align-items:flex-start}.graph-container{flex:1;max-width:none;width:auto}.graph-json-viewer{flex:1;max-width:none}.graph-json-viewer pre{height:448px}}@media (max-width: 768px){.app-container{padding:10px}.app-title{font-size:2rem}.graph-container{height:400px}.main-content{gap:10px}}