.video-player-demo[data-v-39391864]{display:flex;padding:20px;height:calc(100vh - 40px);gap:20px;background-color:#f0f2f5}.controls-group[data-v-39391864]{display:flex;flex-direction:column;gap:15px;width:320px;min-width:300px;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);overflow-y:auto}.controls[data-v-39391864]{padding:15px;border:1px solid #e8e8e8;border-radius:6px;background-color:#fafafa;display:flex;flex-direction:column}.controls h2[data-v-39391864]{margin-top:0;margin-bottom:15px;text-align:left;color:#333;font-size:1em;font-weight:600;border-bottom:1px solid #eee;padding-bottom:8px}.control-item[data-v-39391864]{margin-bottom:12px}.control-item label[data-v-39391864]{display:block;margin-bottom:6px;font-weight:500;color:#555;font-size:.9em}.el-input[data-v-39391864],.el-select[data-v-39391864]{width:100%}.compare-button[data-v-39391864]{padding:10px 15px;background-color:#faad14;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:15px;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px #00000004}.compare-button[data-v-39391864]:hover{background-color:#ffc53d;box-shadow:0 2px 8px #0000000f}.compare-button[data-v-39391864]:active{background-color:#d48806}.play-all-button[data-v-39391864]{padding:10px 15px;background-color:#1890ff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:15px;transition:background-color .3s ease,box-shadow .3s ease;box-shadow:0 2px #00000004}.play-all-button[data-v-39391864]:hover{background-color:#40a9ff;box-shadow:0 2px 8px #0000000f}.play-all-button[data-v-39391864]:active{background-color:#096dd9}.player-container[data-v-39391864]{flex-grow:1;padding:15px;border-radius:8px;background-color:#e0e0e0;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.player-single-container[data-v-39391864]{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.player-single-container .player-cell[data-v-39391864]{width:100%;height:100%}.player-grid-container[data-v-39391864]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:15px;height:100%}.player-cell[data-v-39391864]{background-color:#000;border-radius:6px;overflow:hidden;position:relative;box-shadow:0 1px 3px rgba(0,0,0,.1)}.player-format[data-v-39391864]{position:absolute;top:12px;inset-inline-start:12px;font-size:32px;color:red;z-index:2}.single-player-cell[data-v-39391864]{width:100%;height:100%}.empty-cell[data-v-39391864]{background-color:#262626;display:flex;align-items:center;justify-content:center;color:#595959;font-style:italic;border:1px dashed #434343}.empty-cell[data-v-39391864]:before{content:"(Slot 4 - Empty)"}.player-cell>div[id^=videoPlayerDemo-][data-v-39391864]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}[data-v-39391864] .el-input__inner,[data-v-39391864] .el-select .el-input__inner{border-radius:4px}