.el-splitter-panel{box-sizing:border-box;flex-grow:0;overflow:auto;scrollbar-width:thin}.el-splitter{display:flex;height:100%;margin:0;padding:0;position:relative;width:100%}.el-splitter__mask{bottom:0;left:0;position:absolute;right:0;top:0;z-index:999}.el-splitter__mask-horizontal{cursor:ew-resize}.el-splitter__mask-vertical{cursor:ns-resize}.el-splitter__horizontal{flex-direction:row}.el-splitter__vertical{flex-direction:column}.el-splitter-bar{flex:none;position:relative;-webkit-user-select:none;user-select:none}.el-splitter-bar__dragger{background:rgba(0,0,0,0);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}.el-splitter-bar__dragger:after,.el-splitter-bar__dragger:before{background-color:var(--el-border-color-light);content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.el-splitter-bar__dragger:not(.is-lazy):after{display:none}.el-splitter-bar__dragger:after{opacity:.4}.el-splitter-bar__dragger:hover:not(.is-disabled):before{background-color:var(--el-color-primary-light-5)}.el-splitter-bar__dragger-horizontal:after,.el-splitter-bar__dragger-horizontal:before{height:100%;width:2px}.el-splitter-bar__dragger-vertical:after,.el-splitter-bar__dragger-vertical:before{height:2px;width:100%}.el-splitter-bar__dragger-active:after,.el-splitter-bar__dragger-active:before{background-color:var(--el-color-primary-light-3)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-horizontal:after{transform:translate(calc(-50% + var(--el-splitter-bar-offset)),-50%)}.el-splitter-bar__dragger-active.el-splitter-bar__dragger-vertical:after{transform:translate(-50%,calc(-50% + var(--el-splitter-bar-offset)))}.el-splitter-bar:hover .el-splitter-bar__collapse-icon{opacity:1}.el-splitter-bar__collapse-icon{align-items:center;background:var(--el-border-color-light);border-radius:2px;cursor:pointer;display:flex;justify-content:center;opacity:0;position:absolute;z-index:9}.el-splitter-bar__collapse-icon:hover{background-color:var(--el-color-primary-light-5);opacity:1}.el-splitter-bar__horizontal-collapse-icon-start{height:24px;left:-12px;top:50%;transform:translate(-50%,-50%);width:16px}.el-splitter-bar__horizontal-collapse-icon-end{height:24px;left:12px;top:50%;transform:translate(-50%,-50%);width:16px}.el-splitter-bar__vertical-collapse-icon-start{height:16px;right:50%;top:-12px;transform:translate(50%,-50%);width:24px}.el-splitter-bar__vertical-collapse-icon-end{height:16px;right:50%;top:12px;transform:translate(50%,-50%);width:24px}.code-editor[data-v-21a4fada]{background-color:#fff;display:flex;flex-direction:column}.editor-container[data-v-21a4fada]{background-color:#e4e7ed;display:flex;gap:1px;height:100%}.editor-panel[data-v-21a4fada],.player-panel[data-v-21a4fada]{background-color:#fff;display:flex;flex:1;flex-direction:column}.panel-header[data-v-21a4fada]{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e4e7ed;display:flex;height:50px;justify-content:space-between;padding:0 16px}.panel-title[data-v-21a4fada]{color:#303133;font-size:16px;font-weight:600;margin:0}.panel-actions[data-v-21a4fada]{display:flex;gap:8px}.editor-content[data-v-21a4fada],.player-content[data-v-21a4fada]{flex:1;overflow:hidden;position:relative}.editor-iframe[data-v-21a4fada]{border:none;height:100%;width:100%}.video-player[data-v-21a4fada]{display:flex;flex-direction:column;height:100%}.video-element[data-v-21a4fada]{background-color:#000;height:calc(100% - 120px);-o-object-fit:contain;object-fit:contain;width:100%}.video-info[data-v-21a4fada]{background-color:#f8f9fa;border-top:1px solid #e4e7ed;height:120px;padding:16px}.video-title[data-v-21a4fada]{color:#303133;font-size:16px;font-weight:600;margin:0 0 8px}.video-description[data-v-21a4fada]{color:#606266;font-size:14px;line-height:1.5;margin:0}.no-video[data-v-21a4fada]{align-items:center;background-color:#f8f9fa;color:#909399;display:flex;font-size:16px;height:100%;justify-content:center}.selected-video-info[data-v-21a4fada]{background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin:16px;padding:16px}.selected-video-info p[data-v-21a4fada]{color:#1e40af;margin:8px 0}.selected-video-info p strong[data-v-21a4fada]{color:#1e3a8a}@media (max-width:768px){.editor-container[data-v-21a4fada]{flex-direction:column}.editor-panel[data-v-21a4fada],.player-panel[data-v-21a4fada]{height:50%}}.code-editor[data-v-21a4fada]{height:100%;position:relative;width:100%}[data-v-21a4fada] .el-splitter-bar__dragger-horizontal{background-color:#f2f3f6;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23f2f3f6' viewBox='0 0 32 32'%3E%3Cpath fill='%236c707e' d='M12 9.648c0 .167.034.333.101.488s.166.295.29.413c.123.119.27.213.432.277a1.4 1.4 0 0 0 1.02 0c.162-.064.31-.158.433-.277a1.227 1.227 0 0 0 0-1.803 1.37 1.37 0 0 0-.943-.373c-.353 0-.692.134-.942.373-.25.24-.39.564-.391.902m5.221 0c0 .167.035.333.102.488s.165.295.289.413q.187.18.432.277a1.4 1.4 0 0 0 1.021 0 1.3 1.3 0 0 0 .432-.277 1.227 1.227 0 0 0 0-1.803 1.37 1.37 0 0 0-.942-.373c-.354 0-.693.134-.943.373-.25.24-.39.564-.39.902M12 16.022c0 .167.034.333.101.488s.166.295.29.413c.123.119.27.213.432.277a1.4 1.4 0 0 0 1.02 0c.162-.064.31-.158.433-.276.124-.119.222-.26.29-.414a1.23 1.23 0 0 0-.29-1.39c-.25-.238-.59-.373-.943-.373s-.692.135-.942.374-.39.563-.391.9m5.221 0c0 .167.035.333.102.488s.165.295.289.413q.187.18.432.277a1.4 1.4 0 0 0 1.021 0 1.3 1.3 0 0 0 .432-.276c.124-.119.223-.26.29-.414a1.23 1.23 0 0 0-.29-1.39c-.25-.238-.589-.373-.942-.373-.354 0-.693.135-.943.374s-.39.563-.39.9M12 22.396q0 .254.101.488t.29.414c.123.118.27.212.432.276a1.4 1.4 0 0 0 1.02 0c.162-.064.31-.158.433-.276.124-.119.222-.26.29-.414a1.23 1.23 0 0 0-.29-1.39c-.25-.238-.59-.373-.943-.373s-.692.135-.942.374-.39.563-.391.901m5.221 0q0 .254.102.488t.289.414q.187.178.432.276a1.4 1.4 0 0 0 1.021 0 1.3 1.3 0 0 0 .432-.276c.124-.119.223-.26.29-.414a1.23 1.23 0 0 0-.29-1.39c-.25-.238-.589-.373-.942-.373-.354 0-.693.135-.943.374s-.39.563-.39.901'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:30px 30px;transition:all .3s ease}.layout-fade-enter-active[data-v-21a4fada],.layout-fade-leave-active[data-v-21a4fada]{transition:all .3s ease-in-out}.layout-fade-enter-from[data-v-21a4fada]{opacity:0;transform:scale(.95)}.layout-fade-leave-to[data-v-21a4fada]{opacity:0;transform:scale(1.05)}.layout-fade-enter-to[data-v-21a4fada],.layout-fade-leave-from[data-v-21a4fada]{opacity:1;transform:scale(1)}