.landing-page-layout{min-height:100vh}.main-content-media-view{padding:0 24px;margin-top:20px}.main-content-studio-view{padding:0;margin-top:0}.capture-header{padding:0 24px;background:transparent}.capture-header-row{height:100%}.capture-header-avatar{background-color:#475569}.feed-image{position:relative;aspect-ratio:16/9;overflow:hidden}.feed-image,.feed-image video{width:100%;background:#222;border-radius:8px}.feed-image video{position:absolute;top:0;left:0;height:100%;object-fit:cover}.media-device-details-col{flex:auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start}.media-device-name{color:#e2e8f0;font-size:16px;display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px;vertical-align:top}.media-device-lock-icon{color:#e2e8f0;font-size:20px;margin-left:8px}.thumbnail-avatar{background-color:#3a4a5f;width:100px!important;height:56.25px!important;display:flex;align-items:center;justify-content:center}.media-input-column-card{height:100%}.media-input-column-card .ant-card-body{padding:24px}.media-input-column-header-row{margin-bottom:24px}.media-input-column-title{color:inherit;margin:0;text-transform:uppercase}.media-input-column-search{width:200px}.video-feed-card{width:100%;height:100%;border-width:2px;border-style:solid;box-shadow:none;position:relative;display:flex;flex-direction:column;justify-content:flex-end;transition:border-color .2s;background:#1e293b}.video-feed-card-active{border:2px solid #4fd1c5!important}.video-feed-card-inactive{border-color:#334155}.video-feed-card .ant-card-body{padding:0;height:100%;display:flex;flex-direction:column}.video-feed-img{width:100%;height:100%;object-fit:cover;background-color:#0f172a;position:absolute;top:0;left:0;border-radius:8px 8px 0 0}.video-feed-info-bar{padding:8px 12px;background-color:#1e293b;border-top:2px solid #334155;border-radius:0 0 8px 8px}.video-feed-icon-active{color:#4fd1c5}.video-feed-icon-inactive{color:#94a3b8}.video-feed-audio-icon{cursor:pointer}.video-feed-audio-muted-icon{color:#94a3b8}.video-feed-audio-unmuted-icon{color:#4fd1c5}.video-feed-audio-test-button{transition:all .2s ease}.video-feed-audio-test-button:hover{transform:scale(1.05);color:#94a3b8!important}.studio-view-layout{height:100%;background:transparent}.studio-view-layout header.studio-view-header{padding:0 24px;background:#1e293b;border-bottom:1px solid #334155;margin-top:1px}.studio-view-header-row{height:100%}.studio-view-header .ant-tabs-top>.ant-tabs-nav{margin-bottom:0}.studio-view-content{padding:24px}.studio-view-buttons-row{margin-bottom:16px}.studio-view-on-air-button.ant-btn-primary{background-color:#22c55e;border-color:#22c55e}.program-output-card{border:2px solid #4fd1c5!important;border-width:2px;border-style:solid;background:#1e293b}.program-output-card .ant-card-body{padding:0;position:relative}.program-output-img{object-fit:cover;background-color:#0f172a}.program-output-title-overlay{position:absolute;bottom:20px;right:20px;background:rgba(0,0,0,.7);padding:10px 15px;border-radius:8px;z-index:999}.program-output-overlay-title{color:white;margin:0}.program-output-overlay-subtitle{color:#cbd5e1}.program-output-timestamp-overlay{position:absolute;bottom:20px;left:20px;background:rgba(0,0,0,.7);padding:5px 10px;border-radius:6px}.program-output-timestamp-text{color:white;font-family:monospace}.timeline-placeholder{min-height:200px;background:#1e293b;margin:0 24px 24px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #334155}.timeline-placeholder-text{color:#94a3b8}.thumbnail-video{width:100px;height:56.25px;object-fit:cover;border-radius:4px;background-color:#3a4a5f;display:block}.thumbnail-avatar img{object-fit:cover}.media-device-row>.ant-col:first-child{width:110px;flex-shrink:0}.video-grid-container{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,auto);grid-gap:16px;gap:16px;width:100%;height:100%}.video-grid-cell{min-height:240px;max-height:940px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-feed-card img,.video-feed-card video,.video-feed-img{width:100%;height:100%;object-fit:cover;background-color:#0f172a;position:absolute;top:0;left:0;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;will-change:transform;contain:layout style paint;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:none!important}.video-feed-media-wrapper{position:relative;height:100%;display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden}.video-feed-media-wrapper.full-mode{background:transparent}@media (max-width:768px){.video-feed-img,.video-feed-media-wrapper{background-color:#0f172a}.video-feed-img{object-fit:cover}}.video-feed-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:150px;background-color:#2d3748;border:1px dashed #4a5568}.video-feed-placeholder-content{text-align:center}.video-feed-placeholder-content .ant-card-body{width:100%}.video-grid-cell .video-feed-card{width:100%;height:100%;display:flex;flex-direction:column}.video-grid-cell .video-feed-card .ant-card-body{padding:0;flex-grow:1;display:flex;flex-direction:column}.timeline-track-container{display:flex;flex-direction:column;width:100%;max-height:240px;background-color:#1e293b;border-radius:4px;overflow-y:auto;overflow-x:hidden;padding:8px}.individual-timeline-track{width:100%;height:40px;margin-bottom:8px;background-color:#2d3748;border-radius:3px;overflow-x:auto;overflow-y:hidden;display:flex;align-items:stretch}.individual-timeline-track:last-child{margin-bottom:0}.timeline-segment-visual{height:100%;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:width .1s linear}.timeline-section-container{background-color:#1a202c;padding:16px;border-top:1px solid #334155;margin-top:24px}.video-grid-cell .video-feed-card .video-feed-img{background:#151e30;object-fit:cover;height:100%;position:absolute;left:0;border-radius:8px 8px 0 0;margin:0 auto}@media (max-width:768px){.video-grid-container{grid-template-columns:1fr}}.selected-video-item{background-color:#2d3748;border-left:3px solid #4fd1c5}.selected-video-item .ant-list-item-meta-title .ant-typography,.selected-video-item .ant-list-item-meta-title a{color:#4fd1c5!important}.timeline-header{margin-bottom:12px}.timeline-titles-list{margin-bottom:8px;padding:4px 8px;background-color:rgba(0,0,0,.2);border-radius:4px}.timeline-title-item{color:#e2e8f0;font-size:.8em}.multi-feed-timeline-container{gap:10px;width:100%;max-height:250px;overflow-y:auto;overflow-x:hidden;background-color:#1e293b;padding:12px;border-radius:6px}.feed-timeline-wrapper,.multi-feed-timeline-container{display:flex;flex-direction:column}.feed-timeline-label{font-size:.8em;color:#94a3b8;margin-bottom:2px;padding-left:2px}.feed-timeline-track{width:100%;min-height:20px;background-color:#2d3748;border-radius:3px;position:relative;overflow-x:auto;overflow-y:hidden}.timeline-media-segment{position:absolute;top:0;bottom:0;border-radius:2px;transition:width .1s linear;display:flex;align-items:stretch}.timeline-segment-visual-content{width:100%;height:100%;border-radius:2px;overflow:hidden}.timeline-segment-visual-content>svg{display:block;width:100%;height:100%}.timeline-gfx-marker{position:absolute;top:50%;transform:translateY(-50%);height:20px;min-width:0;border-radius:1px;box-shadow:0 0 3px rgba(0,0,0,.5)}.time-scale-ruler-container{width:100%;height:40px;background-color:#1e293b;border-bottom:1px solid #334155;overflow-x:auto;overflow-y:hidden;position:relative;margin-bottom:8px}.time-scale-ruler-content{height:100%;position:relative}.time-scale-tick{position:absolute;bottom:0;width:1px;background-color:#4a5568}.time-scale-tick.minor{height:10px}.time-scale-tick.major{height:20px;background-color:#94a3b8}.time-scale-label{position:absolute;bottom:22px;left:3px;font-size:.7em;color:#94a3b8;white-space:nowrap}.thank-you-overlay{width:100%;aspect-ratio:16/9;background-color:#1e293b;display:flex;justify-content:center;align-items:center;border-radius:8px}.draggable-text-overlay{padding:5px 10px;border-radius:4px;cursor:move;z-index:10;border:1px dashed rgba(255,255,255,.3);white-space:pre-wrap}.scrolling-text-content{display:inline-block;white-space:nowrap;animation:scroll-left 20s linear infinite;padding-left:100%;overflow:hidden;width:max-content;min-width:100%}.scrolling-text-line{white-space:nowrap;line-height:1.2;margin-bottom:2px}.scrolling-text-line:last-child{margin-bottom:0}.program-output-video-wrapper{min-height:400px;max-height:80vh;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.3);border:1px solid rgba(79,209,197,.2)}.program-output-video-wrapper,.program-output-video-wrapper-no-element{position:relative;width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;contain:layout style paint}.program-output-video-wrapper-no-element{border-radius:8px}.program-output-video-wrapper video{transform-origin:center;transition:transform .2s ease}.program-output-video-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:var(--blur-bg-image);background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(15px) brightness(.4) saturate(1.1);z-index:1;opacity:0;transition:none}.program-output-video-wrapper.has-letterbox:before{opacity:1}.program-output-img{object-fit:contain;background:transparent;pointer-events:none;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.program-output-img:not(.program-output-overlay-canvas){position:relative;margin:0 auto;max-width:100%;max-height:100%;height:auto;z-index:3}.program-output-overlay-canvas{position:absolute;inset:0;pointer-events:none;z-index:4}.recording-timer{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ff4d4f,#ff7875);color:white;padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;display:flex;align-items:center;gap:8px;border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px rgba(255,77,79,.4);z-index:20;min-width:70px;height:32px;transition:all .2s ease;animation:recording-flash 1.5s ease-in-out infinite;cursor:pointer}.recording-timer:hover{background:linear-gradient(135deg,#ff7875,#ffa39e);border-color:rgba(255,255,255,.5);box-shadow:0 4px 12px rgba(255,77,79,.6);transform:translateY(-1px)}.recording-indicator{display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.recording-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:white;animation:dot-pulse 1s ease-in-out infinite}.recording-dot.recording{background:white;animation:dot-pulse .8s ease-in-out infinite}.recording-status{font-size:9px}.recording-status,.recording-time{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}.recording-time{font-size:12px;font-family:Courier New,monospace;letter-spacing:.5px;color:white}@keyframes recording-flash{0%,to{box-shadow:0 2px 8px rgba(255,77,79,.4);background:linear-gradient(135deg,#ff4d4f,#ff7875)}50%{box-shadow:0 4px 16px rgba(255,77,79,.8);background:linear-gradient(135deg,#ff7875,#ff4d4f)}}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.program-output-video-wrapper video{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;will-change:transform;contain:layout style paint;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:contain;width:100%}.output-video-wrapper{background:#000}.output-video-wrapper,.output-video-wrapper-no-element{position:relative;width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 auto;border-radius:8px}.output-preview-video{width:100%;height:100%;position:relative;z-index:10;object-fit:contain;background:transparent}.output-preview-video::-webkit-media-controls,.output-preview-video::-webkit-media-controls-panel{z-index:20!important;position:relative!important}.output-preview-video::-moz-media-controls{z-index:20!important;position:relative!important}.output-video-img{width:100%;height:100%;object-fit:contain;background:#000;border-radius:8px}@keyframes scroll-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.processing-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;border-radius:8px}.processing-content{text-align:center;color:white}.processing-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:#1890ff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.processing-text{color:white!important;font-size:18px;margin-bottom:8px;display:block}.processing-subtext{color:rgba(255,255,255,.7)!important;font-size:14px;display:block}.ant-modal,.ant-modal-content,.ant-modal-mask{transition:none!important}.settings-card{background:#1e293b;border:1px solid #334155}.settings-card .ant-card-head{background:#1e293b;border-bottom:1px solid #334155}.settings-card .ant-card-body{background:#1e293b}.scrollable-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;width:100%;max-height:70vh;overflow-y:auto;padding-right:8px}.video-performance-optimized{perspective:1000px;contain:layout style paint;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;isolation:isolate;mix-blend-mode:normal}.video-grid-container,.video-performance-optimized{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}.video-grid-container{contain:layout style;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.video-grid-cell{transition:transform .2s ease-out}.video-feed-card,.video-grid-cell{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;contain:layout style paint}.video-feed-card{transition:transform .2s ease-out,box-shadow .2s ease-out}.video-feed-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.3)}.program-output-card{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform;contain:layout style paint}@media (prefers-reduced-motion:reduce){.program-output-card,.video-feed-card,.video-grid-cell{transition:none}.video-feed-card:hover{transform:translateZ(0)}}.program-output-img,.video-feed-img{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;contain:layout style paint;will-change:transform}.studioTimelineContainer{padding:10px;border-radius:12px;background:rgb(32 41 60)}.timelineWrap{padding-left:32px;padding-top:40px}.timeline{display:flex;position:relative;border-bottom:2px solid #f8fa06;padding:10px 0}.timelineBar{flex:1 1;text-align:center;position:relative}.timelineBar:after,.timelineBar:before{content:"";display:block;width:calc(50%);position:absolute;height:10px;bottom:-10px}.timelineBar:before{left:0;background:linear-gradient(270deg,rgba(255,255,255,0) 90%,rgb(255,255,255) 95%,rgba(255,255,255,0));background-size:10% 10%}.timelineBar:after{right:0;background:linear-gradient(90deg,rgba(255,255,255,0) 90%,rgb(255,255,255) 95%,rgba(255,255,255,0));background-size:10% 10%}.centerTimeLine{bottom:-10px;padding-bottom:20px;color:#fff}.centerTimeLine,.centerTimeLine:before{position:absolute;left:50%;transform:translateX(-50%)}.centerTimeLine:before{content:"";background:rgb(255,255,255);width:1px;height:20px;bottom:0}.timeTrackWrap{margin-top:20px;max-height:200px;overflow:auto;padding:0}.track{min-height:30px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);position:relative}.track:not(:last-child){border-bottom:0}.videoClip{position:absolute;border-radius:2px;top:0;min-height:30px}.ant-btn.delTrack{background-color:rgb(32 41 60);width:29px;height:30px;font-size:18px;color:#4fd1c5;border:0;border-right:1px solid rgba(255,255,255,.25);position:-webkit-sticky;position:sticky;left:0;top:0;font-size:14px;border-radius:0;z-index:1}.ant-btn.delTrack:not(:disabled):not(.ant-btn-disabled):hover{background-color:transparent}.output-list-placeholder{display:flex;align-items:center;justify-content:center;height:100%;min-height:150px;background-color:#2d3748;border:1px dashed #4a5568}.output-list-placeholder .ant-card-body{width:100%}.ant-card.sessionClipCard .ant-card-body{padding:16px}.sessionClipList{padding:0;flex:1 1}.sessionClipListLive.ant-list-split .ant-list-header{padding-top:0}.sessionClipList .ant-list-items .ant-list-item{cursor:pointer;padding-left:8px;padding-right:8px}.sessionClipList .ant-list-items .ant-list-item.selected,.sessionClipList .ant-list-items .ant-list-item:hover{background-color:rgb(255 255 255/5%)}.ant-list .ant-list-item .ant-list-item-action>li:last-child{padding-right:0}.sessionClipList .ant-list-header{flex:0 0 auto}.sessionClipList.ant-list .ant-list-items{flex:1 1 auto;overflow-y:auto;max-height:calc(50vh - 180px)}.flex1{flex:1 1}.ant-select.ant-select-single.selectStyle .ant-select-selector{border-color:#5e7797}.ant-input-search>.ant-input-group>.ant-input-group-addon:last-child .ant-input-search-button{border-color:#667180}.errorCardMessage{background:rgba(30,41,59,.95)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border:1px solid rgba(148,163,184,.1)!important}.cardParagraph{color:#cbd5e1!important;font-size:16px!important;line-height:1.6!important;margin-bottom:20px!important}.disabledTabItem{cursor:not-allowed;opacity:.5}.disabledTabItem:hover{color:#94a3b8}