html,body,#root{background-color:#303030;width:100%;height:100%;margin:0;padding:0}.layout-container{box-sizing:border-box;background-color:#1e1e1e;width:100vw;height:100vh;padding:0;display:flex}.sidebar{background-color:#0000;flex-direction:column;transition:width .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.info-pane{background-color:#0000;padding:8px;transition:width .2s cubic-bezier(.4,0,.2,1);overflow:hidden}.topbar{background-color:#0000;flex-direction:column;transition:height .2s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.expanded{width:15vw}.sidebar.collapsed{width:0}.topbar.expanded{height:vw}.topbar.collapsed{height:0}.info-pane.expanded{width:50%}.info-pane.collapsed{width:20%}.viewport-content{background-color:#8c8c8c;border-radius:12px;flex-grow:1;box-shadow:inset 0 0 10px #0000001a}.toggle-btn{color:#fff;cursor:pointer;background-color:#333;border:1px solid #555;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;margin-bottom:16px;margin-left:0;padding-left:1px;display:flex}.button-group{gap:8px;display:flex}.action-btn{cursor:pointer;white-space:nowrap;box-sizing:border-box;background-color:#d9d9d9;border:1px solid #666;border-radius:4px;align-items:center;width:100%;display:flex}.action-btn:hover{background-color:#e6e6e6}.action-btn .icon{justify-content:center;align-self:flex-end;align-items:center;width:24px;height:24px;margin-right:12px;display:flex}.sidebar.collapsed .action-btn .icon{margin-right:0}.action-btn .text{color:#111;font-family:sans-serif;font-size:14px}