.app-container{display:flex;flex-direction:column;height:calc(100vh - 64px);width:100vw;overflow:hidden;max-width:100%;margin:0 auto}.main-content{display:flex;flex:1;height:100%;overflow:hidden;position:relative}.left-panel{flex:1 1 auto;flex-direction:column;min-width:0;overflow-y:auto;overflow-x:hidden;padding:16px 16px 0}.left-panel,.video-section{display:flex;align-items:center}.video-section{width:100%;justify-content:center;flex-shrink:0}.video-aspect-container{position:relative;aspect-ratio:1920/1080;background:#000;flex-direction:column;border-radius:20px;overflow:hidden}.event-info,.video-aspect-container{width:100%;max-width:calc((100vh - 64px - 120px) * (1920 / 1080));display:flex;flex-shrink:0}.event-info{align-items:center;justify-content:space-between;padding:20px 8px;background-color:transparent}.sidebar{background-color:#141416;display:flex;flex-direction:column;align-self:stretch;flex-shrink:0;border:none;position:relative;overflow-y:auto;overflow-x:hidden;border-radius:20px;isolation:isolate;transition:width .3s ease,min-width .3s ease,margin-left .3s ease}.sidebar-open{width:430px;min-width:340px;margin:16px 16px 16px 0}.sidebar-collapsed{width:50px;min-width:50px;margin:16px 0;cursor:pointer;overflow:hidden;border-top-right-radius:0;border-bottom-right-radius:0}.sidebar-peeking{width:54px;min-width:54px;margin:16px 0 16px -4px;cursor:pointer}.resize-handle{width:12px;cursor:col-resize;position:relative;z-index:20;display:flex;align-items:center;justify-content:center}.resize-handle:after{content:"";width:2px;height:24px;background-color:transparent;border-radius:2px;transition:background-color .2s}.resize-handle.active:after,.resize-handle:hover:after{background-color:#A1A1AA}.scroll-shadow{box-shadow:0 4px 12px rgba(0,0,0,.4);transition:box-shadow .2s ease}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#27272A;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#A1A1AA}@media (max-width:768px){.app-container{height:auto;overflow:visible}.main-content{flex-direction:column;overflow-y:visible;overflow-x:visible;height:auto}.left-panel{display:contents;padding:0}.video-section{position:sticky;top:0;z-index:20;width:100%;padding:12px;background-color:#0A0A0A}.video-aspect-container{width:100%;max-width:100%;height:auto;max-height:none;aspect-ratio:1920/1080}.event-info{max-width:100%;flex-direction:column;align-items:flex-start;gap:16px;padding:16px 12px}.sidebar,.sidebar.sidebar-collapsed,.sidebar.sidebar-open,.sidebar.sidebar-peeking{width:calc(100% - 24px)!important;min-width:calc(100% - 24px)!important;flex:none;height:auto!important;overflow:visible!important;border:none;border-top:1px solid #27272a;border-radius:16px;margin:0 12px 16px!important;transition:none}.resize-handle{display:none}}