*{box-sizing:border-box}.demo-body{margin:0;background:#f7f5f1;color:#26322f;font-family:Arial,sans-serif}.demo-sidebar{width:212px;position:fixed;inset:0 auto 0 0;background:#fcfaf6;border-right:1px solid #e4dfd6;padding:12px 24px;display:flex;flex-direction:column}.demo-sidebar>a img{width:166px;object-fit:contain}.demo-sidebar nav{display:grid;gap:10px;margin-top:25px}.demo-sidebar nav a{display:flex;align-items:center;gap:15px;color:#46584f;padding:12px 8px;text-decoration:none;font-size:14px;border-radius:7px}.demo-sidebar .active{background:#eee4e5;color:#853651}.demo-sidebar svg,.demo-top svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}.demo-sidebar>div{margin-top:auto;padding-bottom:20px;font-size:12px;line-height:1.8;color:#586b60}.demo-sidebar>div>span{letter-spacing:2px;font-size:9px}.demo-sidebar>div a{color:#853651;text-decoration:none}.demo-workspace{margin-left:212px}.demo-top{padding:14px 30px;background:#fffdfa;border-bottom:1px solid #e5e0d8;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px}.demo-top strong{display:flex;gap:12px;align-items:center;font-size:13px}.demo-top>span{font-size:11px;color:#778179}.demo-top .e-button{padding:10px 15px;font-size:12px}.demo-body .e-content{padding:25px 30px;max-width:1600px;margin:auto}.demo-body .d-view{display:none}.demo-body .d-concept-notice{margin:8px 0 16px}.demo-body .e-page-heading h1{font-size:34px;margin:6px 0}.demo-body .e-page-heading p{font-size:14px}.demo-body .e-page-heading form{display:grid;gap:6px;font-size:10px;color:#66796c}.demo-body select{border:1px solid #d8d5cd;background:#fffdfa;padding:10px;border-radius:6px;color:#35483e}.demo-next{margin:35px 0;padding:30px;border:1px solid #d6d0c8;border-radius:12px}.demo-next h2{font-size:25px}.demo-next p{max-width:720px;line-height:1.8;color:#647168}.demo-next a{display:inline-block;margin:10px 20px 0 0;color:#853651}.demo-next .e-button{color:white}.demo-body .d-data-footer{font-size:10px}@media(max-width:800px){.demo-sidebar{display:none}.demo-workspace{margin-left:0}.demo-top{padding:14px 18px}.demo-top>span{display:none}.demo-body .e-content{padding:20px 15px}.demo-top strong{font-size:11px}.demo-body .e-page-heading{align-items:start;gap:15px}.demo-body .e-page-heading h1{font-size:28px}.demo-body .e-page-heading form{max-width:135px}.demo-body .d-toolbar{flex-wrap:wrap}}