.vizard-fadein{opacity:0;transition:opacity 1.1s cubic-bezier(.4,0,.2,1)}.vizard-fadein.vizard-fadein-on{opacity:1}body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f4f4f4}#app{max-width:1500px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a}#sidebar{box-shadow:2px 0 16px #00000014;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:200}#sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000026;z-index:150}#main-content{transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}@media (max-width: 700px){#sidebar{width:80vw!important;min-width:0!important;padding-left:10vw!important}#main-content{max-width:100vw!important}}h1,h2,h3,h4,h5,h6{color:#333;margin-top:20px}p{color:#555;line-height:1.6}code{font-family:Courier New,monospace;background-color:#f5f5f5;padding:0 5px}.dsl-chart{margin-top:20px;width:600px;min-width:600px;max-width:100%;overflow-x:auto;box-sizing:border-box;flex-shrink:0}.dsl-chart svg,.dsl-chart table{display:block;min-width:600px;box-sizing:border-box}svg:not(.vizard-logo){display:block;margin:0 auto;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a}