.whiteboard-container{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden;position:relative;z-index:99;background-color:#fff}.canvas-container-whiteboard{position:relative;flex:1;background-color:#0f261e;z-index:1}.canvas-wrapper{width:100%;height:100%;z-index:1}#main-canvas,.canvas-wrapper{position:absolute;top:0;left:0}#main-canvas{width:100%!important;height:100%!important}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.floating-elements>*{pointer-events:auto}.file-viewer,.subject-tools{position:absolute;z-index:1010;background:#fff;border-radius:.020833rem;box-shadow:0 .010417rem .0625rem rgba(0,0,0,.15);cursor:move;user-select:none}.subject-tools{transition:transform .3s;min-width:1.041667rem}.subject-tools.dragging{opacity:.8;transform:scale(1.02)}.file-viewer{min-width:1.5625rem}.file-viewer.dragging,.subject-tools.dragging{opacity:.8;box-shadow:0 .020833rem .083333rem rgba(0,0,0,.2);pointer-events:none}.web-browser{z-index:1005}.focus-area{z-index:1008}.header{position:sticky;top:0;z-index:100;background:#fff}.main-content{display:flex;height:100%}.canvas-container,.main-content{flex:1;overflow:hidden;position:relative}.toolbar{position:fixed;bottom:0;left:0;right:0;z-index:100;padding-bottom:env(safe-area-inset-bottom)}@media screen and (max-width:768px){.main-content{height:calc(100vh - .67708rem - env(safe-area-inset-bottom))}.toolbar{height:.364583rem}}body,html{overflow:hidden;position:fixed;width:100%;height:100%;overscroll-behavior:none}.share-status{position:fixed;top:.104167rem;right:.104167rem;padding:.041667rem .083333rem;background:rgba(64,158,255,.9);color:#fff;border-radius:.020833rem;font-size:.072917rem;z-index:1000}.teaching-tool{position:absolute;pointer-events:all;user-select:none}.record-controller{position:fixed;right:.104167rem;bottom:.46875rem;z-index:1000;display:flex;align-items:center;gap:.041667rem}