*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a2e;color:#fff}.app{height:100%;display:flex;flex-direction:column}.main-content{flex:1;display:flex;overflow:hidden}.canvas-area{flex:1;position:relative}.chat-area{width:400px;border-left:1px solid rgba(255,255,255,.1);background:rgba(15,15,26,.95);display:flex;flex-direction:column}@media (max-width: 768px){.chat-area{position:fixed;right:0;top:48px;bottom:0;width:100%;z-index:100}}