#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.app-container{width:100%;height:100%;display:flex;overflow:hidden;position:relative}.canvas-container{flex:1;position:relative;width:100%;height:100%}.sidebar-container{width:340px;height:100%;background:#2a2a2a;z-index:100;flex-shrink:0;position:relative;border-left:1px solid #444;transition:transform .3s ease;transform:none}.menu-btn{display:none;position:absolute;top:15px;right:15px;z-index:50;background:#2a2a2acc;border:1px solid #555;color:#fff;padding:8px 12px;border-radius:6px;font-size:20px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 2px 5px #0000004d}@media(max-width:600px){.sidebar-container{position:absolute;top:0;right:0;bottom:0;width:85%;max-width:340px;transform:translate(100%);box-shadow:-5px 0 15px #00000080}.sidebar-container.open{transform:translate(0)}.menu-btn{display:block}.sidebar-overlay{position:absolute;inset:0;background:#00000080;z-index:90;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-overlay.open{opacity:1;pointer-events:auto}}