body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;text-align:center}.app-header{background:#2c3e50;box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem}.app-header h1{font-size:1.8rem;margin:0 0 1rem}.file-upload{align-items:center;display:flex;gap:1rem;justify-content:center}.file-input{background:#fff;border:1px solid #bdc3c7;border-radius:4px;padding:.5rem}.loading{color:#3498db;font-weight:700}.visualization-container{display:flex;flex:1 1;height:calc(100vh - 120px)}.canvas-container{flex:1 1;position:relative}.canvas-container canvas{height:100%!important;width:100%!important}.details-panel{background:#fff;border-left:1px solid #bdc3c7;box-shadow:-2px 0 10px #0000001a;overflow-y:auto;padding:1rem;width:300px}.details-panel h3{border-bottom:2px solid #3498db;color:#2c3e50;margin-top:0;padding-bottom:.5rem}.detail-item{background:#f8f9fa;border-left:4px solid #3498db;border-radius:4px;margin:1rem 0;padding:.5rem;text-align:left}.detail-item strong{color:#2c3e50;display:block;margin-bottom:.25rem}.close-btn{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;width:100%}.close-btn:hover{background:#c0392b}.placeholder{align-items:center;background:#ecf0f1;color:#7f8c8d;display:flex;flex:1 1;flex-direction:column;justify-content:center}.placeholder p{line-height:1.5;margin:.5rem 0;max-width:600px}@media (max-width:768px){.visualization-container{flex-direction:column}.details-panel{border-left:none;border-top:1px solid #bdc3c7;height:300px;width:100%}.app-header h1{font-size:1.4rem}}
/*# sourceMappingURL=main.bf364806.css.map*/