.DemoLayout_layout__KY4U4{height:100vh;display:flex;flex-direction:column;padding-top:64px;overflow:hidden}.DemoLayout_container__gM63K{flex:1 1;display:flex;position:relative;gap:1.5rem;padding-left:320px;overflow:hidden;min-height:0}.DemoLayout_sidebar__iWLtR{position:fixed;top:64px;left:0;bottom:0;width:320px;min-width:320px;height:calc(100vh - 64px);background:var(--color-surface);border-radius:0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden;z-index:10}.DemoLayout_sidebarHeader__2pCBH{padding:.75rem 1rem;background:var(--color-surface)}.DemoLayout_sidebarTitle__7Offu{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.DemoLayout_sidebarContent__10W2W{flex:1 1;overflow-y:auto;padding:0}.DemoLayout_main__2IJWF{flex:1 1;padding:2rem;background:var(--color-background);height:100%;overflow-y:auto;transition:margin-right .3s ease;min-width:0}.DemoLayout_main__2IJWF.DemoLayout_withDetail___mkKB{margin-right:400px}.DemoLayout_detailPanel__6Zqol{position:fixed;right:0;top:64px;width:400px;height:calc(100vh - 64px);background:var(--color-background);box-shadow:-2px 0 8px rgba(0,0,0,.1);z-index:99;animation:DemoLayout_slideIn__jhvX4 .3s ease}@keyframes DemoLayout_slideIn__jhvX4{0%{transform:translateX(100%)}to{transform:translateX(0)}}