html,body{height:100%;margin:0}body{display:flex;flex-direction:column;background:var(--surface-bg);color:var(--text-white);font-family:var(--font-family);overflow:hidden}.header{flex-shrink:0}.main-canvas{flex:1;display:flex;min-height:0;position:relative;transition:margin-left .25s ease}.main-canvas.main-canvas--shifted{margin-left:288px}.sidebar-overlay{position:fixed;top:0;left:0;bottom:0;width:288px;z-index:200;transform:translate(-100%);transition:transform .25s ease}.sidebar-overlay.is-open{transform:translate(0)}.canvas{flex:1;position:relative;display:flex;flex-direction:column;min-width:0}.canvas__pane{flex:1;position:relative;overflow:hidden;margin-bottom:4px}.canvas__inner{position:relative;height:100%}.canvas__timeflow-area{position:relative;height:100%;overflow-x:hidden;overflow-y:auto}.canvas__bottom-bar{position:relative;flex-shrink:0;height:41px}.canvas__scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--light-16) transparent}.canvas__scroll::-webkit-scrollbar{height:8px}.canvas__scroll::-webkit-scrollbar-track{background:transparent}.canvas__scroll::-webkit-scrollbar-thumb{background:var(--light-16);border-radius:4px}.canvas__scroll::-webkit-scrollbar-thumb:hover{background:var(--light-32)}.canvas__year-inner{height:33px}.canvas__zoom{position:absolute;bottom:calc(100% + 8px);right:8px;z-index:5}.canvas__timeflow-area .timeflow,.canvas__year-inner .year-scale{width:100%;height:100%}