*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f5f5f5;color:#000;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:600}.btn{display:inline-block;padding:.5rem 1.5rem;background-color:#333;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.btn:hover{background-color:#292929}.btn.btn-secondary{background-color:#555}.btn.btn-secondary:hover{background-color:#454545}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.diagram-container{margin-top:2rem;border:1px solid #ddd;border-radius:4px;overflow:hidden;background-color:#fff}.diagram-container h2{margin:0;padding:1rem;background-color:#e1e1e1;border-bottom:1px solid #ddd}.joint-diagram{position:relative;width:100%;height:100vh}.joint-diagram__canvas{width:100%;height:100%;min-height:500px;background:transparent}.joint-diagram__canvas .joint-paper{background:transparent;overflow:hidden}.joint-diagram__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#666}