@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#000;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:40px 20px}.title{text-align:center;font-size:2.5rem;font-weight:600;margin-bottom:3rem;letter-spacing:-.5px}.nav-tabs{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;border-bottom:1px solid #e0e0e0;padding-bottom:0}.nav-tab{background:none;border:none;font-size:1.1rem;font-weight:400;color:#666;cursor:pointer;padding:12px 0;position:relative;transition:color .2s ease}.nav-tab:hover{color:#000}.nav-tab.active{color:#000;font-weight:500}.nav-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:#000}.demo-content{max-width:800px;margin:0 auto}.demo-content>*{margin-bottom:2rem}.demo-content>*:last-child{margin-bottom:0}.demo-text{font-size:1rem;line-height:1.8;color:#333}.video-wrapper{width:100%}.video-wrapper video{width:100%;height:auto;border:1px solid #e0e0e0}.video-caption{margin-top:.5rem;font-size:.9rem;color:#666;text-align:center}.image-wrapper{width:100%}.image-wrapper img{width:100%;height:auto;border:1px solid #e0e0e0;display:block}.image-caption{margin-top:.5rem;font-size:.9rem;color:#666;text-align:center}@media (max-width: 768px){.title{font-size:2rem;margin-bottom:2rem}.nav-tabs{gap:1.5rem}.nav-tab{font-size:1rem}.demo-text{font-size:.95rem}}