body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0e19}body[data-theme=light]{background-color:#c8c8c8}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--common-color-primary:var(--brand-dview);--common-color-primary-eview:var(--brand-eview);--common-color-surface:#d3d3d3;--common-color-surface-dark:#3a3a3a;--common-color-overlay:rgba(0,0,0,0.5);--common-color-overlay-light:rgba(0,0,0,0.35);--common-color-online:#2a2;--common-color-warning:#d4a84b;--common-color-error:#e07050;--common-color-info:#4da6ff;--common-color-text-primary:#fff;--common-color-text-secondary:#ccc;--common-color-text-muted:#999;--common-color-text-dark:#000;--common-border-radius:5px;--common-border-radius-lg:8px;--common-transition:0.2s ease}.common-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--common-color-overlay);display:flex;align-items:center;justify-content:center;z-index:9999}.common-modal-overlay--light{background-color:var(--common-color-overlay-light)}.common-alert{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(16px,4vw,24px) clamp(20px,5vw,36px);border-radius:var(--common-border-radius-lg);max-width:400px;width:90%;background-color:var(--common-color-primary);box-shadow:0 4px 20px rgba(0,0,0,.3);transition:background-color var(--common-transition)}.common-alert.eview-mode{background-color:var(--common-color-primary-eview)}.common-alert__title{margin:0 0 10px;font-size:clamp(16px,3vw,18px);font-weight:700;color:var(--common-color-text-primary);text-align:center}.common-alert__title--error{color:#ff6b6b}.common-alert__title--warning{color:#ffd93d}.common-alert__message{margin:0 0 20px;font-size:clamp(12px,2.5vw,14px);color:var(--common-color-text-secondary);text-align:center;line-height:1.4}.common-alert__buttons{display:flex;justify-content:center;grid-gap:10px;gap:10px}.modal-btn{height:30px;width:120px;border-radius:5px;background-color:#d3d3d3;color:#000;border:2px solid transparent;padding:2px;font-size:11px;font-weight:700;margin:0 5px;cursor:pointer}.common-server-modal{background-color:var(--common-color-surface-dark);border-radius:var(--common-border-radius-lg);padding:clamp(16px,2.5vmin,24px) clamp(20px,3.5vmin,32px);max-width:320px;width:88%;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.3)}.common-server-modal__dot{width:clamp(10px,1.5vmin,14px);height:clamp(10px,1.5vmin,14px);border-radius:50%;margin:0 auto clamp(10px,1.5vmin,14px)}.common-server-modal__dot--online{background-color:var(--common-color-online)}.common-server-modal__dot--offline{background-color:var(--common-color-error)}.common-server-modal__dot--warning{background-color:var(--common-color-warning)}.common-server-modal__name{color:var(--common-color-text-primary);font-size:clamp(14px,2.2vmin,18px);font-weight:700;margin:0 0 clamp(5px,.8vmin,8px)}.common-server-modal__status{font-size:clamp(12px,1.8vmin,16px);margin:0 0 clamp(6px,1vmin,10px)}.common-server-modal__status--offline{color:var(--common-color-error)}.common-server-modal__status--warning{color:var(--common-color-warning)}.common-server-modal__last-seen{color:var(--common-color-text-muted);font-size:clamp(10px,1.5vmin,14px);margin:0 0 clamp(12px,1.8vmin,16px)}.common-server-modal__question{color:var(--common-color-text-secondary);font-size:clamp(12px,1.8vmin,16px);margin:0 0 clamp(14px,2vmin,18px)}.common-server-modal__buttons{display:flex;justify-content:center;grid-gap:clamp(10px,1.5vmin,14px);gap:clamp(10px,1.5vmin,14px)}.common-server-modal__button{padding:clamp(6px,1vmin,10px) clamp(16px,2.5vmin,24px);font-size:clamp(11px,1.6vmin,14px);font-weight:700;color:var(--common-color-text-primary);border:none;border-radius:var(--common-border-radius);cursor:pointer;transition:opacity var(--common-transition)}.common-server-modal__button:hover{opacity:.9}.common-server-modal__button--cancel{background-color:#555}.common-server-modal__button--connect{background-color:var(--common-color-warning)}.common-server-modal__button--connect.offline{background-color:var(--common-color-error)}.common-server-modal__spinner{width:clamp(20px,3vmin,28px);height:clamp(20px,3vmin,28px);border:2px solid #555;border-top:2px solid var(--common-color-info);border-radius:50%;margin:0 auto clamp(10px,1.5vmin,14px);animation:common-spin 1s linear infinite}@keyframes common-spin{to{transform:rotate(1turn)}}.common-server-modal__connecting-text{color:var(--common-color-info);font-size:clamp(11px,1.6vmin,14px);margin:clamp(4px,.5vmin,6px) 0 0}.common-header{display:flex;align-items:center;justify-content:space-between;height:clamp(40px,5vmin,60px);padding:0 clamp(12px,2vmin,20px);margin-bottom:0;flex-shrink:0;width:100%;background:linear-gradient(90deg,var(--theme-header-bg,#0a0e19) 0,var(--brand-dview) 75%);box-shadow:0 2px 0 0 #0a0e19}.common-header--playback{width:100%}.common-header--eview{background:linear-gradient(90deg,var(--theme-header-bg,#0a0e19) 0,var(--brand-eview) 75%);box-shadow:0 4px 12px var(--brand-eview-70)}.common-header__left{flex:1 1;display:flex;align-items:center;justify-content:flex-start}.common-header__center{flex:2 1;justify-content:center;grid-gap:clamp(6px,1.2vmin,10px);gap:clamp(6px,1.2vmin,10px)}.common-header__center,.common-header__right{display:flex;align-items:baseline;white-space:nowrap}.common-header__right{flex:1 1;justify-content:flex-end;grid-gap:clamp(8px,1.6vmin,14px);gap:clamp(8px,1.6vmin,14px)}.common-header__logo{height:clamp(28px,4vmin,40px);width:auto}.common-header__server{font-size:clamp(13px,1.7vmin,16px);font-weight:600;color:var(--common-color-text-primary);letter-spacing:-.1px}.common-header__badge{font-size:clamp(9px,1.1vmin,10px);font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:hsla(0,0%,100%,.6);padding:1px 6px;border:1px solid hsla(0,0%,100%,.3);border-radius:3px}.common-header__serial{font-size:clamp(11px,1.4vmin,13px);font-family:monospace;font-weight:600;color:hsla(0,0%,100%,.55)}.common-header__clock{font-size:clamp(12px,1.5vmin,14px);font-family:monospace;font-weight:700;color:hsla(0,0%,100%,.85)}.common-header__clock-label{font-size:clamp(9px,1.1vmin,10px);font-weight:700;letter-spacing:.4px;color:hsla(0,0%,100%,.5);margin-right:4px}.common-header__user{font-size:clamp(11px,1.4vmin,13px);color:hsla(0,0%,100%,.55)}@media (max-width:1023px){.common-header--hide-mobile{display:none}}.common-modal-container{container-type:inline-size;container-name:modal}@container modal (min-width: 350px){.common-alert{padding:20px 30px}.common-server-modal{padding:20px 28px}}.common-header-container{container-type:inline-size;container-name:header}@container header (max-width: 500px){.common-header__center{flex:1 1;grid-gap:6px;gap:6px}.common-header__server{font-size:13px}}@media (prefers-reduced-motion:reduce){.common-server-modal__spinner{transition:none;animation:none}}[data-theme=light] .common-header,[data-theme=light] .common-header--eview{box-shadow:0 2px 0 0 #0a0e19}.mobile-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px;padding:6px 12px;background:linear-gradient(90deg,var(--theme-header-bg,#0a0e19) 0,var(--brand-dview) 75%);box-shadow:0 4px 12px var(--brand-dview-70)}.mobile-topbar--eview{background:linear-gradient(90deg,var(--theme-header-bg,#0a0e19) 0,var(--brand-eview) 75%);box-shadow:0 4px 12px var(--brand-eview-70)}.mobile-topbar__logo{height:28px;width:auto;max-width:120px;object-fit:contain;justify-self:start}.mobile-topbar__center{display:flex;flex-direction:column;align-items:center;grid-gap:1px;gap:1px}.mobile-topbar__server{color:#fff;font-size:15px;font-weight:600}.mobile-topbar__meta{display:flex;align-items:center;grid-gap:4px;gap:4px}.mobile-topbar__badge{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:hsla(0,0%,100%,.6);padding:1px 5px;border:1px solid hsla(0,0%,100%,.3);border-radius:2px}.mobile-topbar__serial{font-size:12px;font-family:monospace;color:hsla(0,0%,100%,.55);font-weight:600}.mobile-topbar__right{display:flex;flex-direction:column;align-items:flex-end;justify-self:end}.mobile-topbar__time{color:hsla(0,0%,100%,.85);font-size:14px;font-family:monospace;font-weight:700;padding-right:2px}.mobile-topbar__user{font-size:11px;color:hsla(0,0%,100%,.45);padding-right:2px}[data-theme=light] .mobile-topbar{color:#fff}@media screen and (orientation:landscape) and (max-height:500px) and (max-width:932px){.mobile-topbar{display:none!important}}:root{--login-color-primary:var(--brand-dview);--login-color-primary-eview:var(--brand-eview);--login-color-background:var(--theme-bg-primary,#0a0e19);--login-color-surface:#d3d3d3;--login-color-text-primary:#fff;--login-color-text-secondary:#d3d3d3;--login-color-text-muted:#aaa;--login-color-text-dark:#000;--login-color-error:red;--login-color-success:#4caf50;--login-color-warning:grey;--login-color-online:#fff;--login-color-offline:red;--login-color-checking:grey;--login-font-xs:clamp(10px,2vw,11px);--login-font-sm:clamp(12px,2.5vw,14px);--login-font-md:clamp(14px,3vw,16px);--login-font-lg:clamp(16px,3.5vw,18px);--login-font-xl:clamp(18px,4vw,20px);--login-font-xxl:clamp(20px,4.5vw,24px);--login-font-heading:clamp(18px,3vmin,24px);--login-space-xs:clamp(2px,0.5vw,4px);--login-space-sm:clamp(4px,1vw,8px);--login-space-md:clamp(8px,2vw,12px);--login-space-lg:clamp(12px,3vw,16px);--login-space-xl:clamp(16px,4vw,20px);--login-space-xxl:clamp(20px,5vw,30px);--login-container-max-width:360px;--login-border-radius-sm:4px;--login-border-radius-md:5px;--login-border-radius-lg:10px;--login-touch-target-min:44px;--login-button-height:clamp(36px,8vw,44px);--login-input-height:clamp(28px,6vw,36px);--login-transition-fast:0.2s ease;--login-transition-normal:0.3s ease}.login-container{container-type:inline-size;container-name:login}.login-form-container{container-type:inline-size;container-name:loginForm}.login-modal-container{container-type:inline-size;container-name:modal}.login-page{display:flex;flex-direction:column;flex:1 1;height:100%;min-height:100vh;justify-content:flex-start;align-items:center;color:var(--login-color-text-secondary);position:relative;top:0;left:0;background-color:var(--login-color-background);padding-top:var(--login-space-xl);overflow-x:hidden;overflow-y:auto}@media screen and (min-height:500px){.login-page{justify-content:center;padding-top:0}}.login-inner{width:98%;max-width:var(--login-container-max-width);border-radius:var(--login-border-radius-md);display:flex;flex-direction:column;align-items:center}.login-logo{height:55px;width:280px;max-width:100%;object-fit:contain}.login-form{margin-top:var(--login-space-md);padding:var(--login-space-sm);padding-bottom:var(--login-space-lg);background-color:var(--login-color-primary);border-radius:var(--login-border-radius-lg);width:100%;transition:background-color var(--login-transition-normal)}.login-form--eview,.login-form.eview-mode{background-color:var(--login-color-primary-eview)}.login-form__title{font-size:var(--login-font-xxl);margin:0;margin-top:var(--login-space-sm);margin-bottom:var(--login-space-md)}.login-form__subtitle,.login-form__title{color:var(--login-color-text-primary);text-align:center}.login-form__subtitle{font-size:var(--login-font-lg);height:auto;min-height:16px;margin-top:var(--login-space-sm);margin-bottom:var(--login-space-sm)}.login-field{width:98%;margin-left:auto;margin-right:auto;text-align:left;margin-top:var(--login-space-md);font-size:var(--login-font-md);display:flex;align-items:center;grid-gap:var(--login-space-sm);gap:var(--login-space-sm)}.login-field__label{font-size:var(--login-font-md);color:var(--login-color-text-secondary);min-width:80px;text-align:right}.login-field__row{display:contents}.login-input{flex:0 0 auto;width:55%;max-width:180px;height:var(--login-input-height);border-radius:.2em;padding-left:var(--login-space-md);padding-right:var(--login-space-sm);margin-left:var(--login-space-md);margin-top:var(--login-space-xs);font-size:var(--login-font-md);border:none;background-color:var(--login-color-surface)}.login-input:focus{outline:2px solid var(--login-color-text-primary);outline-offset:1px}.login-field__icon{color:#fff;cursor:pointer;padding:var(--login-space-sm);margin-left:var(--login-space-sm);font-size:28px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.login-field__icon:hover{opacity:.8}.login-button{min-height:var(--login-button-height);padding:var(--login-space-sm) var(--login-space-md);font-size:var(--login-font-md);font-weight:700;border:none;border-radius:var(--login-border-radius-md);background-color:var(--login-color-surface);color:var(--login-color-text-dark);cursor:pointer;transition:opacity var(--login-transition-fast),transform var(--login-transition-fast)}.login-button:hover{opacity:.9}.login-button:active{transform:scale(.98)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button--full{width:90%;margin-top:var(--login-space-lg)}.login-button--compact{position:relative;width:auto;min-width:80px;padding:var(--login-space-sm) var(--login-space-lg)}.login-button--loading{opacity:.7;cursor:not-allowed;pointer-events:none}.login-button__spinner-wrap{position:absolute;top:0;left:0;right:0;bottom:0}.login-button--link,.login-button__spinner-wrap{display:flex;align-items:center;justify-content:center}.login-button--link{text-decoration:none;color:var(--login-color-text-dark)}.login-button-row{grid-gap:var(--login-space-md);gap:var(--login-space-md);margin-top:var(--login-space-xl);width:100%}.login-button-row,.login-loading-state{display:flex;flex-direction:column;align-items:center}.login-loading-state{padding:var(--login-space-xl) var(--login-space-lg)}.login-loading-state__content{display:flex;flex-direction:column;align-items:center;grid-gap:12px;gap:12px;margin-top:var(--login-space-lg)}.login-loading-state__text{color:var(--login-color-text-primary);font-size:var(--login-font-md)}.login-loading-state__text--error{color:#ff6b6b;font-weight:600}.login-loading-state__subtext{color:hsla(0,0%,100%,.4);font-size:var(--login-font-sm)}.login-toggle-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;margin-top:var(--login-space-md);margin-left:var(--login-space-md);margin-right:var(--login-space-md);font-size:var(--login-font-sm)}.login-server-select-container{display:flex;justify-content:center;margin-top:var(--login-space-md);margin-bottom:var(--login-space-sm)}.login-server-select{width:85%;padding:var(--login-space-sm) var(--login-space-md);font-size:var(--login-font-sm);border-radius:var(--login-border-radius-sm);border:none;background-color:var(--login-color-text-primary);cursor:pointer;text-align:center;text-align-last:center}.login-server-select:focus{outline:2px solid var(--login-color-surface)}.login-server-box{margin-top:var(--login-space-md);padding:var(--login-space-md) var(--login-space-lg);background-color:var(--login-color-primary);border-radius:var(--login-border-radius-lg);transition:background-color var(--login-transition-normal);width:100%;box-sizing:border-box}.login-server-box--eview,.login-server-box.eview-mode{background-color:var(--login-color-primary-eview)}.login-server-box__row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:var(--login-space-sm);grid-gap:var(--login-space-sm);gap:var(--login-space-sm)}.login-server-box__input{flex:1 1;padding:var(--login-space-sm) var(--login-space-md)}.login-server-box__button,.login-server-box__input{font-size:var(--login-font-sm);border-radius:var(--login-border-radius-sm);border:none}.login-server-box__button{padding:var(--login-space-sm) var(--login-space-lg);font-weight:700;background-color:var(--login-color-surface);cursor:pointer}.login-server-box__button:disabled{opacity:.6;cursor:not-allowed}.login-server-box__ip{color:var(--login-color-text-primary)}.login-server-box__ip,.login-server-box__status{font-size:var(--login-font-xs);font-weight:400}.login-server-box__status--online{color:var(--login-color-online)}.login-server-box__status--offline{color:var(--login-color-offline)}.login-server-box__status--checking{color:var(--login-color-checking)}.login-server-box__users-online{font-size:var(--login-font-xs);color:var(--login-color-online);margin-left:auto;cursor:default}.login-server-box{position:relative}.login-server-box__suggestions{position:absolute;left:0;right:0;z-index:50;background:#fff;border-radius:var(--login-border-radius-sm);max-height:200px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.3)}.login-server-box__suggestion{display:flex;justify-content:space-between;align-items:center;padding:var(--login-space-sm) var(--login-space-md);cursor:pointer;font-size:var(--login-font-sm);color:#333;border-bottom:1px solid rgba(0,0,0,.06)}.login-server-box__suggestion:last-child{border-bottom:none}.login-server-box__suggestion:hover{background:rgba(0,0,0,.06)}.login-server-box__suggestion--history .login-server-box__suggestion-name{font-style:italic}.login-server-box__suggestion--loading{justify-content:center;color:#999;cursor:default;padding:var(--login-space-sm) var(--login-space-md);font-size:var(--login-font-sm);text-align:center}.login-server-box__suggestion-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.login-server-box__suggestion-serial{font-size:var(--login-font-xs);color:#999;margin-left:var(--login-space-sm);flex-shrink:0}.login-modal-wrapper{margin-top:var(--login-space-md);padding:var(--login-space-sm);padding-bottom:var(--login-space-lg);background-color:var(--login-color-primary);border-radius:var(--login-border-radius-lg);margin-bottom:var(--login-space-md);transition:background-color var(--login-transition-normal)}.login-modal-wrapper--eview,.login-modal-wrapper.eview-mode{background-color:var(--login-color-primary-eview)}.login-modal{display:flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;background-color:var(--login-color-primary);width:100%;border-radius:var(--login-border-radius-md);color:var(--login-color-text-secondary);padding:var(--login-space-md);margin-top:5%;transition:background-color var(--login-transition-normal)}.login-modal--eview,.login-modal.eview-mode{background-color:var(--login-color-primary-eview)}.login-modal__title{margin:var(--login-space-sm);margin-top:var(--login-space-md);font-size:var(--login-font-xl);font-weight:700;color:var(--login-color-text-primary);text-align:center}.login-modal__text{margin:var(--login-space-sm);font-size:var(--login-font-md);font-weight:700;color:var(--login-color-text-secondary);text-align:center}.login-modal__text--emphasis{font-size:var(--login-font-lg);color:var(--login-color-text-primary)}.login-modal__buttons{display:flex;flex-direction:row;justify-content:center;grid-gap:var(--login-space-md);gap:var(--login-space-md);margin-top:var(--login-space-xl);margin-bottom:var(--login-space-md)}.login-footer{flex-direction:column;margin-top:var(--login-space-md)}.login-footer,.login-footer__row{display:flex;align-items:center;grid-gap:var(--login-space-sm);gap:var(--login-space-sm);width:100%}.login-footer__row{flex-direction:row;justify-content:space-around;flex-wrap:wrap}.login-footer__text{color:var(--login-color-text-primary);margin:0}.login-footer__link,.login-footer__text{font-size:var(--login-font-xs);font-weight:700}.login-footer__link{text-decoration:none;color:var(--brand-dview,#1a8fc4);letter-spacing:1.5px}.login-footer__link:hover{text-decoration:underline}.login-serving-info{margin-top:var(--login-space-md);text-align:center;display:flex;flex-direction:column;align-items:center;grid-gap:var(--login-space-xs);gap:var(--login-space-xs)}.login-serving-info__text{font-size:var(--login-font-xs);color:var(--login-color-text-primary);font-weight:700}.login-serving-info__version{font-size:var(--login-font-xs);color:var(--login-color-text-muted);font-weight:400}.login-error{font-size:var(--login-font-sm);font-weight:700;color:var(--login-color-error);margin-top:var(--login-space-xs);margin-bottom:0;text-align:center}.login-error--hidden{color:transparent}.login-appstore-button{width:50%;padding:var(--login-space-sm);font-size:var(--login-font-md);font-weight:700;border:none;border-radius:var(--login-border-radius-md);background-color:var(--login-color-surface);box-shadow:1px 2px 4px 2px rgba(0,0,0,.3),-1px -1px 4px 2px rgba(0,0,0,.3);margin-left:auto;margin-right:auto;margin-top:var(--login-space-md);display:flex;align-items:center;justify-content:center;grid-gap:var(--login-space-sm);gap:var(--login-space-sm)}.login-appstore-button a{text-decoration:none;color:var(--login-color-text-dark);font-size:var(--login-font-md)}@container loginForm (min-width: 320px){.login-button-row{flex-direction:row;flex-wrap:nowrap;justify-content:space-around}.login-button-row .login-button--compact{padding-left:var(--login-space-md);padding-right:var(--login-space-md);min-width:0;font-size:var(--login-font-sm)}.login-button--full{width:auto;min-width:100px;flex:0 1 auto}.login-server-select{width:75%}}@container loginForm (min-width: 400px){.login-input{width:60%;max-width:220px}.login-field__label{min-width:80px}}@container modal (min-width: 300px){.login-modal__buttons{flex-direction:row}}@container login (min-width: 480px){.login-page{justify-content:center;padding-top:0}.login-inner{width:90vw}}@supports (padding:max(0px)){.login-page{padding-left:max(var(--login-space-md),env(safe-area-inset-left));padding-right:max(var(--login-space-md),env(safe-area-inset-right));padding-bottom:max(var(--login-space-md),env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.login-button,.login-form,.login-modal,.login-server-box,.login-toggle__knob,.login-toggle__switch{transition:none}}@media (prefers-contrast:high){.login-input:focus{outline-width:3px}.login-button{border:2px solid var(--login-color-text-dark)}}@media print{.login-appstore-button,.login-button,.login-server-box,.login-toggle-container{display:none}}[data-theme=light] .login-page,[data-theme=light] .login-page.login-container{background-color:var(--theme-bg-primary)}[data-theme=light] .login-footer,[data-theme=light] .login-footer__text{color:#555}[data-theme=light] .login-footer__link{color:var(--brand-dview)}[data-theme=light] .login-serving-info__text,[data-theme=light] .login-serving-info__version{color:#555}[data-theme=light] .login-button--compact,[data-theme=light] .login-input,[data-theme=light] .login-server-select{background:#fff;border-color:hsla(0,0%,100%,.4);color:#1a1a2e}[data-theme=light] .login-server-box__suggestions{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}[data-theme=light] .login-server-box__suggestion:hover{background:#f5f5f5}@media screen and (orientation:landscape) and (max-height:500px) and (max-width:932px){.login-page{justify-content:center;padding:0 5vw;min-height:100vh;overflow-y:auto}.login-inner{display:flex;flex-direction:column;max-width:500px;align-items:center;grid-gap:4px;gap:4px}.login-logo{display:none}.login-form{margin-top:0;padding:var(--login-space-xs) var(--login-space-sm);padding-bottom:var(--login-space-sm)}.login-form__title{font-size:var(--login-font-lg);margin-bottom:var(--login-space-xs)}.login-field,.login-form__title{margin-top:var(--login-space-xs)}.login-field{margin-left:12.5%;width:auto}.login-field__label{text-align:left;min-width:auto}.login-server-box{margin-top:0;padding:var(--login-space-xs) var(--login-space-sm)}.login-footer,.login-serving-info{display:none}}:root{--brand-dview:#0067a4;--brand-eview:#06704c;--brand-dview-95:rgba(0,103,164,0.95);--brand-dview-70:rgba(0,103,164,0.7);--brand-dview-30:rgba(0,103,164,0.3);--brand-dview-15:rgba(0,103,164,0.15);--brand-eview-95:rgba(6,112,76,0.95);--brand-eview-70:rgba(6,112,76,0.7);--brand-eview-30:rgba(6,112,76,0.3);--brand-eview-15:rgba(6,112,76,0.15);--cam-01:#5a7a9e;--cam-02:#6b9d7f;--cam-03:#b8965a;--cam-04:#a85f5f;--cam-01-cached:#3d5570;--cam-02-cached:#4a6e59;--cam-03-cached:#826a3e;--cam-04-cached:#754444;--smart-fill:#aab0bd;--playhead:#e84a4a;--ai-person:#f5a623;--ai-vehicle:#2ecc71;--ai-alert:#e74c3c}[data-theme=dark]{--theme-bg-primary:#0a0e19;--theme-bg-secondary:#111827;--theme-bg-surface:#1a1e2e;--theme-bg-surface-hover:#252a3a;--theme-text-primary:#fff;--theme-text-secondary:hsla(0,0%,100%,0.7);--theme-text-muted:hsla(0,0%,100%,0.5);--theme-text-disabled:hsla(0,0%,100%,0.3);--theme-border:hsla(0,0%,100%,0.15);--theme-border-light:hsla(0,0%,100%,0.08);--theme-divider:hsla(0,0%,100%,0.1);--theme-input-bg:hsla(0,0%,100%,0.05);--theme-input-border:hsla(0,0%,100%,0.15);--theme-input-text:#fff;--theme-select-bg:#1a1e2e;--theme-btn-bg:hsla(0,0%,100%,0.08);--theme-btn-text:#fff;--theme-btn-border:hsla(0,0%,100%,0.15);--theme-btn-hover:hsla(0,0%,100%,0.12);--theme-btn-danger:#e74c3c;--theme-sidebar-bg:rgba(10,14,25,0.95);--theme-sidebar-divider:hsla(0,0%,100%,0.08);--theme-header-bg:#0a0e19;--theme-transport-bg:rgba(10,14,25,0.9);--theme-clip-bg:hsla(0,0%,100%,0.05);--theme-clip-active:var(--brand-dview-30);--theme-clip-text:hsla(0,0%,100%,0.6);--theme-overlay-bg:rgba(0,0,0,0.7);--theme-modal-bg:#1a1e2e;--theme-scrollbar-track:#111827;--theme-scrollbar-thumb:hsla(0,0%,100%,0.2);--theme-shadow:rgba(0,0,0,0.3)}[data-theme=light]{--theme-bg-primary:#c8c8c8;--theme-bg-secondary:#e8eaed;--theme-bg-surface:#fff;--theme-bg-surface-hover:#f5f5f5;--theme-text-primary:#1a1a2e;--theme-text-secondary:rgba(0,0,0,0.7);--theme-text-muted:rgba(0,0,0,0.5);--theme-text-disabled:rgba(0,0,0,0.3);--theme-border:rgba(0,0,0,0.15);--theme-border-light:rgba(0,0,0,0.08);--theme-divider:rgba(0,0,0,0.1);--theme-input-bg:#fff;--theme-input-border:rgba(0,0,0,0.15);--theme-input-text:#1a1a2e;--theme-select-bg:#fff;--theme-btn-bg:#fff;--theme-btn-text:#1a1a2e;--theme-btn-border:rgba(0,0,0,0.15);--theme-btn-hover:#f0f0f0;--theme-btn-danger:#e74c3c;--theme-sidebar-bg:#b0b0b0;--theme-sidebar-divider:rgba(0,0,0,0.12);--theme-header-bg:#b8b8b8;--theme-transport-bg:#f0f2f5;--theme-clip-bg:rgba(0,0,0,0.04);--theme-clip-active:var(--brand-dview-15);--theme-clip-text:rgba(0,0,0,0.6);--theme-overlay-bg:rgba(0,0,0,0.5);--theme-modal-bg:#fff;--theme-scrollbar-track:#e8eaed;--theme-scrollbar-thumb:rgba(0,0,0,0.2);--theme-shadow:rgba(0,0,0,0.1)}[data-cam-intensity=subtle]{--cam-01:#88a8c8;--cam-02:#88bba0;--cam-03:#c8b080;--cam-04:#c09090;--cam-01-cached:#5d758c;--cam-02-cached:#5c8470;--cam-03-cached:#8c7c5a;--cam-04-cached:#856565}[data-cam-intensity=vivid]{--cam-01:#4a90d9;--cam-02:#2ecc71;--cam-03:#f5a623;--cam-04:#c84343;--cam-01-cached:#2c5d8f;--cam-02-cached:#1a7a44;--cam-03-cached:#a07015;--cam-04-cached:#8a2b2b}[data-cam-cb-safe=true]{--cam-01:#56b4e9;--cam-02:#009e73;--cam-03:#e69f00;--cam-04:#cc79a7;--cam-01-cached:#3a7aa0;--cam-02-cached:#006b4f;--cam-03-cached:#a06d00;--cam-04-cached:#8e547a}.App{text-align:center;height:100vh;width:100vw;margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.35)}*{scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.2) transparent}.bottom-bar,.middle-bar,.top-bar{display:none!important}.picker{border:none;border-radius:5px}.hoverable{color:#000}.hoverable:hover{cursor:pointer;color:var(--brand-dview)}.hoverableButton{color:#000;background-color:#d3d3d3;transition:.3s}.hoverableButton:hover{cursor:pointer;color:#fff;background-color:grey}.link{text-decoration:none;color:#000}.datetime-input{padding:.1vmin 1vmin;border-radius:5px;font-size:1.5vmin}:root{--live-color-bg:var(--theme-bg-primary,#0a0e19);--live-color-bg-eview:var(--brand-eview-95);--live-color-sidebar:var(--theme-sidebar-bg,hsla(0,0%,100%,0.03));--live-color-video-bg:rgba(10,14,25,0.6);--live-color-text:var(--theme-text-primary,#fff);--live-color-text-muted:var(--theme-text-secondary,hsla(0,0%,100%,0.7));--live-color-text-dark:var(--theme-text-primary,#000);--live-color-btn-default:#d3d3d3;--live-color-btn-active:var(--brand-dview);--live-color-border-active:var(--brand-dview);--live-color-status-ws:#28a745;--live-color-status-jpg:#ff8c00;--live-font-xs:clamp(8px,1.2vmin,10px);--live-font-sm:clamp(10px,1.5vmin,13px);--live-font-md:clamp(12px,1.8vmin,15px);--live-font-lg:clamp(14px,2.2vmin,18px);--live-space-xs:clamp(2px,0.5vmin,4px);--live-space-sm:clamp(4px,1vmin,8px);--live-space-md:clamp(6px,1.5vmin,12px);--live-space-lg:clamp(8px,2vmin,16px);--live-space-xl:clamp(12px,2.5vmin,20px);--live-touch-target-min:44px;--live-border-radius:4px;--live-border-radius-lg:5px;--live-transition-fast:0.15s ease}.live-container{container-type:inline-size;container-name:live;display:flex;flex:1 1;flex-direction:column;height:100vh;overflow:hidden;color:var(--live-color-text-dark);position:relative}.live-container,.live-container.eview-mode{background-color:var(--live-color-bg)}.live-desktop-header{display:none;width:100%;flex-shrink:0}.live-left,.live-main-row{display:flex;flex-direction:column;flex:1 1;min-height:0}.live-left{justify-content:flex-start;align-items:center;position:relative;width:100%}.live-left--fullscreen{height:100%;width:100%}.live-video-wrapper{position:relative;width:100%;flex:1 1;min-height:0;display:flex;flex-direction:column}.live-video-wrapper--fullscreen{width:101%;height:100%}.live-header-container{width:100%;flex:1 1;min-height:0;position:relative;display:flex;flex-direction:column}.live-video-stream{border:none;background-color:var(--live-color-video-bg);width:100%;flex:1 1;min-height:0}.live-cam-buttons-wrapper{display:none}.live-sidebar{container-type:inline-size;container-name:sidebar;display:none;flex-direction:column;align-items:center;justify-content:flex-start;align-self:flex-start;width:18vmin;height:82vmin;margin-top:5.5vmin;padding-top:var(--live-space-sm);padding-bottom:var(--live-space-sm);margin-left:-6vmin;z-index:2;background-color:var(--live-color-sidebar);border:1px solid var(--theme-border-light,hsla(0,0%,100%,.06));border-radius:var(--live-border-radius-lg);overflow:hidden}.live-spacer{display:none}.live-version-badge{position:fixed;bottom:var(--live-space-sm);right:var(--live-space-md);color:hsla(0,0%,100%,.5);z-index:100}.live-sidebar-version,.live-version-badge{display:none;font-size:var(--live-font-xs)}.live-sidebar-version{margin-top:auto;padding-top:var(--live-space-md);text-align:center;color:hsla(0,0%,100%,.4)}.live-mobile-dots{display:flex;justify-content:center;align-items:center;grid-gap:6px;gap:6px;height:20px;min-height:20px}.live-mobile-dots__dot{width:6px;height:6px;border-radius:50%;background:hsla(0,0%,100%,.3);cursor:pointer}.live-mobile-dots__dot--active{background:#fff}.live-mobile-dots__hint{display:none;color:hsla(0,0%,100%,.2);font-size:9px;margin-left:8px}@media (pointer:coarse){.live-mobile-dots__hint{display:inline}}.live-mobile-controls{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;justify-items:center;position:relative;height:44px;min-height:44px;padding:0 8px;background:rgba(10,14,25,.98);border-top:1px solid hsla(0,0%,100%,.08);border-bottom:1px solid hsla(0,0%,100%,.08)}.live-mobile-controls__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:44px;height:44px;cursor:pointer;border:none;background:none;color:hsla(0,0%,100%,.7);grid-gap:2px;gap:2px;border-radius:8px}.live-mobile-controls__btn:active{background:hsla(0,0%,100%,.05)}.live-mobile-controls__btn--active{color:var(--live-color-btn-active)}.live-mobile-controls__label{font-size:8px;color:hsla(0,0%,100%,.4);margin-top:1px}.live-mobile-controls__btn--active .live-mobile-controls__label{color:var(--live-color-btn-active)}.live-grid-picker{position:absolute;bottom:calc(100% + 8px);left:0;right:0;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:10px 12px;background:rgba(10,14,25,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;z-index:40;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.live-grid-picker__option{width:44px;height:36px;border-radius:6px;border:2px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05);cursor:pointer;display:flex;align-items:center;justify-content:center;color:hsla(0,0%,100%,.6)}.live-grid-picker__option--selected{border-color:var(--live-color-btn-active);background:var(--brand-dview-15);color:var(--live-color-btn-active)}.live-grid-picker__close{width:32px;height:32px;border-radius:50%;border:none;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:4px}.live-mobile-overlay-panel{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:rgba(10,14,25,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:8px 8px 0 0;z-index:40;max-height:60vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.live-mobile-overlay-panel__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:var(--live-color-text);font-size:15px;font-weight:600;border-bottom:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.live-mobile-overlay-panel__close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:hsla(0,0%,100%,.5);font-size:18px;background:none;border:none}.live-mobile-overlay-panel__content{overflow-y:auto;padding:16px 16px 24px;flex:1 1;min-height:0}.live-mobile-overlay-panel__content select{width:100%;background:rgba(20,25,40,.95);color:#fff;border:none;border-radius:6px;padding:0;margin-bottom:12px;font-size:15px;overflow-y:auto;outline:none}.live-mobile-overlay-panel__content select option{padding:12px 16px;min-height:44px;cursor:pointer;border-bottom:1px solid hsla(0,0%,100%,.05)}.live-mobile-overlay-panel__content select option:checked{background:var(--brand-dview-30)}.live-mobile-overlay-panel__content select option:disabled{color:hsla(0,0%,100%,.35);font-size:12px;padding:8px 16px;min-height:auto}.live-mobile-overlay-panel__content .live-label,.live-mobile-overlay-panel__content select option:first-child{display:none}.live-mobile-actions{display:flex;grid-gap:8px;gap:8px;margin-bottom:12px}.live-mobile-actions__btn{flex:1 1;padding:8px 4px;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;background:hsla(0,0%,100%,.05);color:var(--live-color-text);font-size:13px;cursor:pointer;text-align:center;min-height:36px}.live-mobile-actions__btn:active{background:hsla(0,0%,100%,.15)}.live-mobile-actions__btn--danger{color:#ff6b6b;border-color:hsla(0,100%,71%,.3)}.live-mobile-overlay-panel__content .live-select-wrapper{width:100%}.live-mobile-overlay-panel__content .live-section{width:100%;margin:0}.live-mobile-nav{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;justify-items:center;height:50px;min-height:50px;background:rgba(5,8,18,.98);border-top:1px solid hsla(0,0%,100%,.1)}.live-mobile-nav__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:60px;height:50px;cursor:pointer;border:none;background:none;color:hsla(0,0%,100%,.4);grid-gap:2px;gap:2px}.live-mobile-nav__btn--active{color:var(--live-color-btn-active)}.live-mobile-nav__label{font-size:9px}.live-section{width:95%;margin-top:var(--live-space-lg);margin-bottom:var(--live-space-sm)}.live-section--large{margin-top:var(--live-space-lg);margin-bottom:var(--live-space-md);width:90%}.live-section--server{width:90%;margin-top:var(--live-space-xl);margin-bottom:var(--live-space-sm)}.live-label{font-size:var(--live-font-sm);color:var(--live-color-text);margin:0;margin-bottom:var(--live-space-xs);display:block;font-weight:400}.live-label--bold{font-weight:700}.live-select{font-size:var(--live-font-sm);padding:var(--live-space-sm) var(--live-space-sm);border-radius:var(--live-border-radius);border:1px solid var(--theme-input-border,hsla(0,0%,100%,.15));background-color:var(--theme-input-bg,hsla(0,0%,100%,.05));cursor:pointer;width:100%;text-align:left}.live-select,.live-select option{color:var(--theme-input-text,#fff)}.live-select option{background-color:var(--theme-select-bg,#1a1e2e)}.live-select-wrapper{display:inline-flex;align-items:center;grid-gap:2em;gap:2em;width:100%}.live-btn{padding:var(--live-space-sm) var(--live-space-md);margin:var(--live-space-xs);border:1px solid var(--theme-btn-border,hsla(0,0%,100%,.15));border-radius:var(--live-border-radius-lg);font-size:var(--live-font-sm);cursor:pointer;background-color:var(--theme-btn-bg,hsla(0,0%,100%,.05));text-decoration:none;color:var(--theme-btn-text,hsla(0,0%,100%,.8));min-height:36px;width:100%;display:flex;align-items:center;justify-content:center}.live-btn:hover{opacity:.8}.live-btn-container{margin-top:var(--live-space-lg);display:flex;flex-direction:column;align-items:center;width:95%}.live-btn--danger{color:#ff6b6b;border-color:hsla(0,100%,71%,.2)}.live-btn--spaced{margin-top:0;margin-bottom:var(--live-space-md)}.live-btn--spaced-sm{margin-bottom:var(--live-space-sm)}.live-grid-container{flex-direction:column}.live-grid-container,.live-grid-row{display:flex;align-items:center;width:100%}.live-grid-row{justify-content:center;grid-gap:var(--live-space-sm);gap:var(--live-space-sm)}.live-grid-btn{width:38%;aspect-ratio:4/3;margin:var(--live-space-xs) 0;padding:5px;cursor:pointer;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;transition:background-color var(--live-transition-fast),border-color var(--live-transition-fast);display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.6)}.live-grid-btn:hover{border-color:hsla(0,0%,100%,.4);color:hsla(0,0%,100%,.85)}.live-grid-btn--fullscreen{width:28%;aspect-ratio:4/3}.live-grid-btn--selected{background:var(--brand-dview)}.live-grid-btn--selected,.live-grid-btn--selected:hover{border-color:var(--brand-dview);color:#fff}.live-grid-time{margin-bottom:var(--live-space-lg)}.live-grid-time--single{margin-top:var(--live-space-sm)}.live-cam-btn{font-size:var(--live-font-sm);margin:var(--live-space-xs);padding:var(--live-space-xs) var(--live-space-sm);border-radius:var(--live-border-radius-lg);cursor:pointer;transition:background-color var(--live-transition-fast),color var(--live-transition-fast);min-height:var(--live-touch-target-min);min-width:var(--live-touch-target-min);display:inline-flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}.live-cam-btn--default{color:hsla(0,0%,100%,.7);background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15)}.live-cam-btn--active{color:var(--live-color-text);background-color:var(--live-color-btn-active);border:2px solid var(--live-color-btn-active)}.live-cam-btn--disabled{color:hsla(0,0%,100%,.2);background-color:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);cursor:default}.live-cam-btn--autoscan{border:none;margin-left:20px;flex-shrink:0;box-shadow:2px 2px 4px 2px rgba(40,120,255,.4),-2px -2px 4px 2px rgba(40,120,255,.4)}.live-cam-btn--autoscan-active{color:var(--live-color-text);background-color:var(--live-color-btn-active)}.live-cam-nav{height:clamp(20px,3vmin,28px);width:clamp(20px,3vmin,28px);margin-bottom:var(--live-space-xs);color:var(--live-color-btn-default);opacity:.5;cursor:pointer}.live-cam-nav:hover{opacity:.8}.live-overlay{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:space-between;padding:var(--live-space-xs) clamp(8px,1.5vmin,16px);box-sizing:border-box}.live-overlay--badge-only{background:none;justify-content:flex-end;padding:2px 4px}.live-overlay--badge-only .live-overlay__indicator{opacity:.6}.live-overlay__text{margin:0;padding:0;font-weight:700;color:var(--live-color-text)}.live-overlay__timestamp{font-family:monospace}.live-overlay__right{display:flex;align-items:center;grid-gap:var(--live-space-sm);gap:var(--live-space-sm)}.live-overlay__indicator{color:var(--live-color-text);padding:1px 4px;border-radius:2px;font-size:var(--live-font-xs);font-weight:700;letter-spacing:.3px}.live-overlay__indicator--ws{background-color:var(--live-color-status-ws)}.live-overlay__indicator--jpg{background-color:var(--live-color-status-jpg)}.live-overlay--conf-1 .live-overlay__text,.live-overlay--single .live-overlay__text{font-size:var(--live-font-lg)}.live-overlay--conf-4 .live-overlay__text{font-size:var(--live-font-md)}.live-overlay--conf-6 .live-overlay__text,.live-overlay--conf-9 .live-overlay__text{font-size:var(--live-font-sm)}.live-overlay--conf-12 .live-overlay__text,.live-overlay--conf-16 .live-overlay__text,.live-status-text{font-size:var(--live-font-xs)}.live-status-text{color:#666;margin-top:2px}.live-divider{width:100%;height:1px;background-color:var(--theme-divider,hsla(0,0%,100%,.2));margin:var(--live-space-sm) 0}@media screen and (min-width:1024px){.live-container{flex-direction:column;align-items:stretch;padding:0}.live-desktop-header{display:block;flex-shrink:0}.live-main-row{flex-direction:row;flex:1 1;min-height:0;align-items:stretch}.live-left{min-width:0;width:auto;height:auto;margin-right:0;position:relative}.live-header-container,.live-left{flex:1 1;min-height:0;display:flex;flex-direction:column}.live-header-container{margin-left:0}.live-video-wrapper{position:relative;top:auto;left:auto;right:auto;margin:0;width:100%;flex:1 1;min-height:0}.live-video-stream{height:100%;flex:1 1;min-height:0}.live-cam-buttons-wrapper{display:block;padding:4px 0;width:100%;height:auto;flex-shrink:0}.live-cam-buttons-row{display:flex;align-items:flex-start}.live-cam-buttons-scroll{overflow-x:auto;overflow-y:hidden;white-space:nowrap;flex:1 1;min-width:0;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.3) transparent;padding-left:8px;padding-bottom:2px}.live-cam-buttons-scroll::-webkit-scrollbar{height:4px}.live-cam-buttons-scroll::-webkit-scrollbar-track{background:transparent}.live-cam-buttons-scroll::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border-radius:2px}.live-sidebar{display:flex;width:clamp(140px,14vw,185px);height:auto;align-self:stretch;margin:8px 10px;padding:10px;border-radius:8px 8px 14px 8px;border:1px solid var(--theme-border,hsla(0,0%,100%,.1));flex-shrink:0;overflow-y:auto}.live-mobile-controls,.live-mobile-dots,.live-mobile-nav,.live-spacer,.live-version-badge,.mobile-topbar{display:none}.live-sidebar-version{display:block}}.live-video-stream canvas,.live-video-stream img,.live-video-stream video{object-fit:fill;background-color:#000}.live-fullscreen-exit{position:fixed;top:12px;right:12px;z-index:1000;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:hsla(0,0%,100%,.7);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.4;transition:opacity .2s}.live-fullscreen-exit:hover{opacity:1;background:rgba(0,0,0,.8)}[data-theme=light] .live-container{color:var(--theme-text-primary)}[data-theme=light] .live-sidebar{background-color:var(--theme-sidebar-bg);border-color:var(--theme-border);color:var(--theme-text-primary);box-shadow:0 1px 4px var(--theme-shadow)}[data-theme=light] .live-sidebar .live-date-label,[data-theme=light] .live-sidebar .live-date-value,[data-theme=light] .live-sidebar .live-label,[data-theme=light] .live-sidebar .live-section-title,[data-theme=light] .live-sidebar .live-time,[data-theme=light] .live-sidebar .live-time-value,[data-theme=light] .live-sidebar p,[data-theme=light] .live-sidebar span{color:var(--theme-text-primary)}[data-theme=light] .live-sidebar-version{color:var(--theme-text-muted)}[data-theme=light] .live-btn{background-color:var(--theme-btn-bg);border-color:var(--theme-btn-border);color:var(--theme-btn-text)}[data-theme=light] .live-btn--danger{color:var(--theme-btn-danger);border-color:rgba(231,76,60,.2)}[data-theme=light] .live-select{background-color:var(--theme-input-bg);border-color:var(--theme-input-border);color:var(--theme-input-text)}[data-theme=light] .live-select option{background-color:var(--theme-select-bg);color:var(--theme-input-text)}[data-theme=light] .live-divider{background-color:var(--theme-divider)}[data-theme=light] .live-grid-btn{border-color:var(--theme-border);background:var(--theme-btn-bg);color:var(--theme-text-primary)}[data-theme=light] .live-grid-btn:hover{border-color:var(--theme-text-muted);color:var(--theme-text-muted)}[data-theme=light] .live-grid-btn--selected{background:var(--brand-dview);border-color:var(--brand-dview);color:#fff}[data-theme=light] .live-cam-btn{color:var(--theme-text-primary);border-color:var(--theme-border);background-color:var(--theme-btn-bg)}[data-theme=light] .live-cam-btn--active{border-color:var(--brand-dview)}[data-theme=light] .live-mobile-controls{background:var(--theme-bg-surface);border-top-color:var(--theme-border);border-bottom-color:var(--theme-border)}[data-theme=light] .live-mobile-controls__btn{color:rgba(0,0,0,.8)}[data-theme=light] .live-mobile-controls__btn:active{background:rgba(0,0,0,.05)}[data-theme=light] .live-mobile-controls__btn--active{color:var(--brand-dview)}[data-theme=light] .live-mobile-controls__label{color:rgba(0,0,0,.8)}[data-theme=light] .live-mobile-controls__btn--active .live-mobile-controls__label{color:var(--brand-dview)}[data-theme=light] .live-mobile-nav{background-color:var(--theme-bg-surface);border-top-color:var(--theme-border)}[data-theme=light] .live-mobile-nav__btn{color:rgba(0,0,0,.8)}[data-theme=light] .live-mobile-nav__btn--active{color:var(--brand-dview)}[data-theme=light] .live-overlay{background-color:rgba(0,0,0,.8)}[data-theme=light] .live-overlay--badge-only{background:none}[data-theme=light] .live-overlay__indicator,[data-theme=light] .live-overlay__text{color:#fff}[data-theme=light] .live-grid-picker{background:var(--theme-bg-surface);border-color:var(--theme-border);box-shadow:0 -2px 12px var(--theme-shadow)}[data-theme=light] .live-grid-picker__option{border-color:rgba(0,0,0,.15);background:rgba(0,0,0,.04);color:rgba(0,0,0,.6)}[data-theme=light] .live-grid-picker__option--selected{border-color:var(--brand-dview);background:var(--brand-dview-15);color:var(--brand-dview)}[data-theme=light] .live-grid-picker__close{background:rgba(0,0,0,.15);color:rgba(0,0,0,.6)}[data-theme=light] .live-mobile-overlay-panel{background:var(--theme-bg-surface);border-color:var(--theme-border);box-shadow:0 -4px 16px var(--theme-shadow)}[data-theme=light] .live-mobile-overlay-panel__header{color:var(--theme-text-primary);border-bottom-color:var(--theme-border)}[data-theme=light] .live-mobile-overlay-panel__close{color:var(--theme-text-muted)}[data-theme=light] .live-mobile-overlay-panel__content select{background:var(--theme-bg-surface);color:var(--theme-text-primary);border:1px solid var(--theme-border)}[data-theme=light] .live-mobile-overlay-panel__content select option{border-bottom-color:var(--theme-border-light)}[data-theme=light] .live-mobile-overlay-panel__content select option:checked{background:var(--brand-dview-15)}[data-theme=light] .live-mobile-overlay-panel__content select option:disabled{color:rgba(0,0,0,.5)}[data-theme=light] .live-mobile-actions__btn{background:var(--theme-btn-bg);border-color:var(--theme-btn-border);color:var(--theme-text-primary)}[data-theme=light] .live-mobile-actions__btn:active{background:var(--theme-btn-hover)}[data-theme=light] .live-mobile-actions__btn--danger{color:var(--theme-btn-danger);border-color:rgba(231,76,60,.3)}.live-landscape-bar,.zoomable--zoomed .live-overlay{display:none}@media screen and (orientation:landscape) and (max-height:500px) and (max-width:932px){.live-mobile-dots,.live-mobile-nav,.mobile-topbar{display:none!important}.live-mobile-controls{height:0;min-height:0;padding:0;border:none;overflow:visible;position:relative;z-index:9999}.live-mobile-controls__btn{display:none}.live-landscape-bar{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center;height:36px;min-height:36px;background:rgba(5,8,18,.98);border-top:1px solid hsla(0,0%,100%,.08)}.live-landscape-bar__btn{display:flex;align-items:center;justify-content:center;width:100%;height:36px;cursor:pointer;border:none;background:none;color:hsla(0,0%,100%,.7);padding:0}.live-landscape-bar__btn:active{background:hsla(0,0%,100%,.05)}.live-landscape-bar__btn--active{color:var(--live-color-btn-active,#1e90ff)}.live-landscape-pager{display:flex;align-items:center;grid-gap:2px;gap:2px;margin-right:8px;padding-right:8px;border-right:1px solid hsla(0,0%,100%,.15)}.live-landscape-pager__arrow{background:none;border:none;color:hsla(0,0%,100%,.7);padding:4px;cursor:pointer;display:flex;align-items:center;border-radius:4px}.live-landscape-pager__arrow:hover:not(:disabled){color:#fff;background:hsla(0,0%,100%,.1)}.live-landscape-pager__arrow:disabled{color:hsla(0,0%,100%,.2);cursor:default}.live-landscape-pager__label{color:hsla(0,0%,100%,.6);font-size:11px;font-family:system-ui,sans-serif;min-width:24px;text-align:center;-webkit-user-select:none;user-select:none}.live-mobile-overlay-panel{position:fixed;top:0;left:0;right:0;bottom:36px;max-height:none;border-radius:0;z-index:9999;background:rgba(10,14,25,.98)!important}[data-theme=light] .live-mobile-overlay-panel{background:hsla(0,0%,94.1%,.98)!important}.live-mobile-overlay-panel__header{padding:8px 12px}.live-mobile-overlay-panel__close{min-width:36px;min-height:36px}.live-mobile-overlay-panel__content{flex:1 1;max-height:none;overflow-y:auto}.live-mobile-overlay-panel__content select{max-height:none;flex:1 1}.live-grid-picker{position:fixed;bottom:36px;left:0;right:0;padding:6px 8px;grid-gap:4px;gap:4px;z-index:100}.live-grid-picker__option{width:36px;height:36px}}[data-theme=light] .live-landscape-bar{background:var(--theme-bg-surface,#f0f0f0);border-top-color:var(--theme-border,rgba(0,0,0,.1))}[data-theme=light] .live-landscape-bar__btn{color:rgba(0,0,0,.6)}[data-theme=light] .live-landscape-bar__btn:active{background:rgba(0,0,0,.05)}[data-theme=light] .live-landscape-bar__btn--active{color:var(--brand-dview)}[data-theme=light] .live-landscape-pager{border-right-color:rgba(0,0,0,.15)}[data-theme=light] .live-landscape-pager__arrow{color:rgba(0,0,0,.5)}[data-theme=light] .live-landscape-pager__arrow:hover:not(:disabled){color:rgba(0,0,0,.8);background:rgba(0,0,0,.05)}[data-theme=light] .live-landscape-pager__arrow:disabled{color:rgba(0,0,0,.2)}[data-theme=light] .live-landscape-pager__label{color:rgba(0,0,0,.5)}:root{--playback-color-bg:var(--theme-bg-primary,#0a0e19);--playback-color-bg-eview:var(--brand-eview-95);--playback-color-container:var(--theme-bg-primary,#0a0e19);--playback-color-container-eview:var(--brand-eview-95);--playback-color-player-bg:rgba(0,0,0,0.7);--playback-color-text:#fff;--playback-color-text-muted:hsla(0,0%,100%,0.5);--playback-color-text-dark:#000;--playback-color-btn-default:#f0f0f0;--playback-color-btn-active:var(--brand-dview);--playback-font-size-sm:1.2vmin;--playback-font-size-md:1.4vmin;--playback-font-size-lg:1.5vmin;--playback-font-size-xl:2vmin;--playback-border-radius:5px;--playback-border-radius-lg:10px}.playback-container{container-type:inline-size;container-name:playback;width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.playback-container,.playback-container.eview-mode{background-color:var(--playback-color-bg)}.playback-header-wrapper{width:100%;display:flex;align-items:flex-start;flex-shrink:0}.pb-mobile-only{display:block}.pb-desktop-only{display:none}.pb-content{display:flex;flex-direction:column;flex:1 1;min-height:0;overflow:hidden}.pb-area-player{order:1;position:relative;flex-shrink:0}.pb-area-transport{order:2;flex-shrink:0}.pb-area-search{order:3;flex-shrink:0}.pb-area-clips{order:4;flex:1 1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.pb-area-sidebar{order:5}.pb-mobile-camera-section{margin-bottom:4px;margin-top:6px;padding:0 16px}.pb-mobile-camera-section .pb-camera-select-btn{flex:1 1;min-width:0;border-radius:20px;padding:10px 14px;font-size:13px}.playback-sidebar{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:clamp(200px,20vw,280px);height:auto;align-self:stretch;margin:8px 10px;padding:6px 12px;background-color:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:8px 8px 14px 8px;flex-shrink:0;overflow-x:hidden;overflow-y:auto}.playback-sidebar .playback-time{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-gap:0 0;gap:0 0;grid-column-gap:12px;column-gap:12px;width:100%;text-align:center;margin-bottom:0}.playback-sidebar .playback-time>:first-child{grid-area:1/1}.playback-sidebar .playback-time>:nth-child(2){grid-area:2/1}.playback-sidebar .playback-time>:nth-child(3){grid-area:1/2;border-left:1px solid hsla(0,0%,100%,.15);padding-left:12px}.playback-sidebar .playback-time>:nth-child(4){grid-area:2/2;border-left:1px solid hsla(0,0%,100%,.15);padding-left:12px}.playback-sidebar .playback-time__value--spaced{margin-bottom:0}.playback-sidebar .live-grid-time,.playback-sidebar .playback-time__value--spaced{margin-bottom:2px}.playback-sidebar .live-divider{margin:2px 0}.playback-sidebar .live-btn--spaced,.playback-sidebar .live-btn--spaced-sm{margin-bottom:clamp(2px,.5vh,6px)}.playback-sidebar .live-btn-container{margin-top:clamp(4px,.5vh,8px);grid-gap:clamp(2px,.5vh,6px);gap:clamp(2px,.5vh,6px)}.playback-sidebar__speed-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;width:70%;margin:6px auto 0}.playback-sidebar__speed-btn{font-size:clamp(10px,1.5vmin,13px);border-radius:4px;padding:5px 0;border:1px solid hsla(0,0%,100%,.15);cursor:pointer;text-align:center;background-color:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.8);color:var(--playback-color-text-dark);background-color:#fff}.playback-sidebar__speed-btn--active{color:#fff;background-color:var(--brand-dview);border-color:var(--brand-dview)}.playback-sidebar__search{width:100%}.playback-sidebar__search .playback-search__filter-section,.playback-sidebar__search .playback-search__row-label{display:none}.playback-sidebar__search .playback-search__row{display:block}.playback-sidebar__search .playback-search__row-input{width:100%}.playback-sidebar__search .playback-search{flex-direction:column;align-items:stretch;grid-gap:0;gap:0;padding:0;background:none;border:none}.playback-sidebar__search .playback-search>div{padding:6px 0}.playback-sidebar__search .playback-search__label{font-size:var(--live-font-sm);color:var(--live-color-text);margin-bottom:4px;font-weight:600}.playback-sidebar__search .playback-search__select{width:100%;padding:8px 10px;font-size:var(--live-font-sm)}.playback-sidebar__search .playback-search__filter-bar{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px 12px;gap:4px 12px;justify-content:start}.playback-sidebar__search .playback-search__filter-col{display:contents}.playback-sidebar__search .playback-search__filter-col--clips{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;grid-gap:8px;gap:8px;margin-top:8px}.playback-sidebar__search .playback-search__filter-label{font-size:var(--live-font-sm);color:var(--live-color-text-muted);margin-left:6px}.playback-sidebar__search .playback-search__btn{width:100%;padding:10px 0;font-size:var(--live-font-sm);font-weight:700;margin-top:4px;margin-bottom:12px}.playback-sidebar__search .playback-date__label{font-size:var(--live-font-sm);color:var(--live-color-text);margin-bottom:4px;font-weight:600;display:block}.playback-sidebar__search .datetime-input{width:100%;padding:8px 10px;font-size:var(--live-font-sm)}.playback-sidebar__search .react-datepicker-wrapper,.playback-sidebar__search .react-datepicker__input-container{width:100%}.pb-datepicker-popper{z-index:9999!important;width:100%!important;left:0!important;right:0!important}.pb-datepicker-popper .react-datepicker{width:100%!important;background:#1a1e2e!important;border:1px solid hsla(0,0%,100%,.15)!important;box-shadow:0 8px 32px rgba(0,0,0,.5)!important;border-radius:8px!important;color:#fff!important;font-size:13px!important;overflow:hidden;display:flex!important;flex-direction:column!important}.pb-datepicker-popper .react-datepicker__header{background:hsla(0,0%,100%,.08)!important;border-bottom:1px solid hsla(0,0%,100%,.1)!important;padding-top:8px!important}.pb-datepicker-popper .react-datepicker__current-month{color:#fff!important;font-size:14px!important}.pb-datepicker-popper .react-datepicker__day-name{color:hsla(0,0%,100%,.5)!important}.pb-datepicker-popper .react-datepicker__day{color:#fff!important;border-radius:50%!important}.pb-datepicker-popper .react-datepicker__day:hover{background:var(--brand-dview-30)!important}.pb-datepicker-popper .react-datepicker__day--selected{background:var(--brand-dview)!important;color:#fff!important}.pb-datepicker-popper .react-datepicker__day--keyboard-selected{background:transparent!important;color:#fff!important;outline:1px solid hsla(0,0%,100%,.4)!important}.pb-datepicker-popper .react-datepicker__day--today{font-weight:700!important;color:var(--brand-dview)!important;background:transparent!important}.pb-datepicker-popper .react-datepicker__day--today.react-datepicker__day--selected{background:var(--brand-dview)!important;color:#fff!important}.pb-datepicker-popper .react-datepicker__day--disabled,.pb-datepicker-popper .react-datepicker__day--outside-month{color:hsla(0,0%,100%,.2)!important}.pb-datepicker-popper .react-datepicker__navigation{top:8px!important}.pb-datepicker-popper .react-datepicker__navigation-icon:before{border-color:hsla(0,0%,100%,.5)!important}.pb-datepicker-popper .react-datepicker__input-time-container{border-top:1px solid hsla(0,0%,100%,.1)!important;margin:0!important;padding:10px 12px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#1a1a2e!important}.pb-datepicker-popper .react-datepicker-time__caption{display:none!important}.pb-datepicker-popper .react-datepicker-time__input{margin:0!important}.custom-time-input{display:flex;align-items:center;grid-gap:4px;gap:4px;justify-content:center}.custom-time-input__select{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600;appearance:none;-webkit-appearance:none;text-align:center;min-width:44px;cursor:pointer}.custom-time-input__select--ampm{min-width:50px;margin-left:4px}.custom-time-input__colon{color:#fff;font-size:15px;font-weight:700}.pb-datepicker-popper .react-datepicker__children-container{padding:0!important;width:100%!important}.pb-datepicker-popper .datepicker-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid hsla(0,0%,100%,.1)}.pb-datepicker-popper .datepicker-footer__today{color:var(--brand-dview);cursor:pointer;font-size:13px}.pb-datepicker-popper .datepicker-footer__actions{display:flex;grid-gap:8px;gap:8px}.pb-datepicker-popper .datepicker-footer__cancel{background:none;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:hsla(0,0%,100%,.6);padding:4px 12px;cursor:pointer;font-size:12px}.pb-datepicker-popper .datepicker-footer__close{background:var(--brand-dview);border:none;border-radius:4px;color:#fff;padding:4px 12px;cursor:pointer;font-size:12px}.pb-camera-select-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#fff;cursor:pointer;font-size:clamp(10px,1.5vmin,13px);text-align:left;transition:border-color .15s}.pb-camera-select-btn:hover{border-color:hsla(0,0%,100%,.3)}.pb-camera-select-btn__label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pb-camera-select-btn__chevron{margin-left:8px;color:hsla(0,0%,100%,.4);font-size:10px}.playback-sidebar__search input[type=checkbox]{accent-color:var(--brand-dview)}.playback-search{container-type:inline-size;container-name:search;display:flex;align-items:center;justify-content:space-around;width:100%;position:relative;padding:8px 12px;border-bottom:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.playback-search,.playback-search.eview-mode{background-color:hsla(0,0%,100%,.03)}.playback-search__label{color:var(--playback-color-text);font-size:var(--playback-font-size-lg);margin:.2vw}.playback-search__filter-bar{display:flex;align-items:flex-start;justify-content:space-evenly;width:100%;padding:6px 0;margin-top:10px}.playback-search__filter-col{display:flex;flex-direction:column;grid-gap:4px;gap:4px;margin-left:4%}.playback-search__filter-col--clips{align-items:center;grid-gap:4px;gap:4px;margin-top:-10px;margin-bottom:10px;margin-right:4%}.playback-search__filter-item{display:flex;align-items:center}.playback-search__filter-label{color:var(--playback-color-text);font-size:var(--playback-font-size-lg);margin:0 0 0 4px;white-space:nowrap}.playback-search__select{font-size:clamp(10px,1.5vmin,13px);padding:clamp(4px,1vmin,8px);border-radius:4px;border:1px solid hsla(0,0%,100%,.15);background-color:hsla(0,0%,100%,.05);color:#fff;cursor:pointer;min-width:120px}.playback-search__select option{background-color:#1a1e2e;color:#fff}.playback-search__select--sm{min-width:auto;width:52px;text-align:center;padding:4px 6px;border-radius:3px}.playback-search input[type=checkbox]{accent-color:var(--brand-dview)}.playback-search__btn{font-size:12px;font-weight:600;border-radius:4px;padding:7px 16px;border:none;cursor:pointer;background-color:var(--brand-dview);color:#fff}.playback-search__btn:hover{opacity:.85}.playback-player{position:relative;overflow:hidden;border-radius:8px}.playback-player,.playback-player__video{width:100%;height:100%;background-color:#000}.playback-player__video{min-width:100%;min-height:100%;object-fit:contain;object-position:center;display:block}.playback-player__video[poster]{background-color:#000;object-fit:contain}.zoomable--zoomed .playback-player__video{object-fit:cover}.playback-player__video::-webkit-media-controls,.playback-player__video::-webkit-media-controls-enclosure{display:none!important}.playback-player__video::-webkit-media-controls-panel{display:none!important}.playback-player__video::--moz-media-controls,.playback-player__video::-moz-range-track{display:none!important}.playback-player__info{z-index:20;background-color:rgba(0,0,0,.8);position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;grid-gap:24px;gap:24px;padding:4px 8px}.playback-player__info--empty{padding:4px 8px}.playback-player__info-text{margin-top:0;margin-bottom:.5vmin;padding:0;font-size:var(--playback-font-size-lg);color:var(--playback-color-text)}.playback-player__info-text--timestamp{font-family:monospace}.playback-player__info-text--duration{font-family:monospace;font-size:var(--playback-font-size-md);color:hsla(0,0%,100%,.6)}.playback-player__info-text--hidden{color:transparent}.playback-clips{container-type:inline-size;container-name:clips;position:relative;width:100%;border-radius:8px 8px 0 0;padding:8px 12px;border-top:1px solid hsla(0,0%,100%,.1);flex-shrink:0;min-height:110px}.playback-clips,.playback-clips.eview-mode{background-color:var(--playback-color-container)}.playback-clips__header{display:none}.playback-clips__loading{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:10;border-radius:var(--playback-border-radius-lg)}.playback-clips__spinner{width:32px;height:32px;border:3px solid hsla(0,0%,100%,.2);border-top:3px solid var(--brand-dview);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.playback-clips__message{display:flex;align-items:center;justify-content:center;padding:32px 16px;min-height:100px}.playback-clips__message-text{color:hsla(0,0%,100%,.5);font-size:14px;text-align:center;margin:0}.playback-clips__message-text--error{color:#ff6b6b}.playback-clips__row{display:flex;align-items:center;justify-content:center}.playback-clips__nav{color:var(--playback-color-text);height:2.5vw;width:2.5vw;cursor:pointer}.playback-clips__nav--disabled{color:grey;cursor:default}.playback-clips__preview{height:6.3vw;width:11vw;border-radius:var(--playback-border-radius);background-color:rgba(0,0,0,.8);margin:.8vw;cursor:pointer;overflow:hidden}.playback-clips__preview--active{outline:2px solid var(--brand-dview);outline-offset:-2px}.playback-clips__preview-img{border-top-right-radius:var(--playback-border-radius);border-top-left-radius:var(--playback-border-radius)}.playback-clips__preview-timestamp{text-align:center;color:var(--playback-color-text);font-size:.6vw;margin:0;font-family:monospace}.playback-clips__placeholder{height:6.3vw;width:11vw;border:none;border-radius:.5vw;margin:.8vw}.playback-clips__placeholder-img{border-radius:.5vw;box-shadow:2px 2px 10px 1px rgba(0,0,0,.7)}.playback-time{margin-bottom:5px}.playback-time--inline{margin-top:1.7vmin;width:28vmin}.playback-time__label{color:var(--playback-color-text);margin:0;padding:0;font-size:var(--playback-font-size-md);font-weight:700}.playback-time__label--inline{text-align:left;width:100%;font-size:1.7vmin}.playback-time__value{color:var(--playback-color-text);margin:0;padding:0;font-size:var(--playback-font-size-md);font-weight:700}.playback-time__value--spaced{margin-bottom:10px}.playback-time__value--mono{font-family:monospace}.playback-date__label{font-size:var(--playback-font-size-lg);margin:.2vw;color:var(--playback-color-text)}.playback-container .datetime-input,.playback-search .datetime-input{background-color:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);color:#fff;border-radius:4px;padding:6px 8px;font-size:12px}.playback-clips__preview{border:2px solid transparent;transition:border-color .15s}.playback-clips__preview:hover{border-color:hsla(0,0%,100%,.3)}.playback-clips__preview-timestamp{color:hsla(0,0%,100%,.7)}@container search (max-width: 600px){.playback-search{flex-direction:column;grid-gap:1vmin;gap:1vmin}}@container clips (max-width: 800px){.playback-clips__placeholder,.playback-clips__preview{height:8vw;width:14vw}}.pb-transport__btn{width:44px;height:44px;border:none;background:none;color:hsla(0,0%,100%,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px}.pb-transport__btn:active{background:hsla(0,0%,100%,.1)}.pb-transport__btn:disabled{opacity:.25;cursor:default}.pb-transport__btn:disabled:active{background:none}.pb-transport__btn--play{color:#fff;width:52px;height:44px}.pb-transport__btn--speed{font-size:13px;font-weight:600;padding:4px 10px;width:auto;border:1px solid hsla(0,0%,100%,.2);border-radius:6px}.pb-transport__center{display:flex;align-items:center;justify-content:center;grid-gap:inherit;gap:inherit}.pb-transport__right{display:none}.pb-player-actions{display:flex;align-items:center;grid-gap:10px;gap:10px;position:absolute;bottom:0;right:10px;z-index:21;padding:2px 0}.pb-player-actions__btn{width:36px;height:36px;border:none;background:none;color:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px;padding:0;-webkit-tap-highlight-color:transparent}.pb-player-actions__btn:active{background:hsla(0,0%,100%,.15)}.pb-player-actions__btn:disabled{opacity:.3}.pb-dl__spin{animation:pb-dl-spin 1s linear infinite;color:hsla(0,0%,100%,.7)}@keyframes pb-dl-spin{to{transform:rotate(1turn)}}.pb-dl--done{color:#4caf50!important;transition:color .3s}.pb-dl--error{color:#daa520!important;transition:color .3s}.pb-dl-toasts{position:absolute;bottom:48px;right:12px;z-index:30;display:flex;flex-direction:column;grid-gap:6px;gap:6px;pointer-events:none}.pb-dl-toast{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;animation:pb-dl-toast-in .3s ease-out;box-shadow:0 4px 12px rgba(0,0,0,.3);max-width:420px}.pb-dl-toast--downloading{background:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.8)}.pb-dl-toast--done{background:rgba(46,125,50,.95);color:#fff}.pb-dl-toast--error{background:rgba(218,165,32,.95);color:#1a1a1a}@keyframes pb-dl-toast-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.pb-speed-picker{position:absolute;bottom:calc(100% + 8px);left:0;right:0;display:flex;align-items:center;justify-content:center;grid-gap:8px;gap:8px;padding:10px 12px;background:rgba(10,14,25,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;z-index:40}.pb-speed-picker__opt{padding:8px 16px;border-radius:6px;border:2px solid hsla(0,0%,100%,.15);background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.6);font-size:14px;font-weight:600;cursor:pointer}.pb-speed-picker__opt--sel{border-color:var(--brand-dview);background:var(--brand-dview-15);color:var(--brand-dview)}.pb-speed-picker__close{width:32px;height:32px;border-radius:50%;border:none;background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pb-fs-bar{position:absolute;bottom:0;left:0;right:0;z-index:1000;display:none;align-items:center;justify-content:space-between;padding:10px 20px;background:rgba(0,0,0,.85);opacity:0;transform:translateY(100%);transition:opacity .3s,transform .3s}.pb-area-player:fullscreen .pb-fs-bar{display:flex;opacity:1;transform:translateY(0)}.pb-area-player:fullscreen .playback-player__info,.pb-fs-exit-corner{display:none}.pb-area-player:fullscreen .pb-fs-exit-corner,.playback-container--fullwindow .pb-fs-exit-corner{display:flex;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;z-index:1001;width:36px;height:36px;border-radius:50%;border:none;background:rgba(0,0,0,.5);color:hsla(0,0%,100%,.8);cursor:pointer;transition:background .2s}.pb-area-player:fullscreen .pb-fs-exit-corner:hover,.playback-container--fullwindow .pb-fs-exit-corner:hover{background:rgba(0,0,0,.7);color:#fff}.playback-container.playback-container--fullwindow{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;z-index:9999!important;background:#000!important}.playback-container--fullwindow .pb-area-clips,.playback-container--fullwindow .pb-area-search,.playback-container--fullwindow .pb-area-sidebar,.playback-container--fullwindow .playback-header-wrapper{display:none!important}.playback-container--fullwindow .pb-content{grid-template-columns:1fr!important;grid-template-rows:1fr auto!important;grid-template-areas:"player" "transport"!important}.pb-fs-bar__center,.pb-fs-bar__right{opacity:0;transition:opacity .3s}.pb-fs-bar--visible .pb-fs-bar__center,.pb-fs-bar--visible .pb-fs-bar__right{opacity:1}.pb-fs-bar__left{display:flex;align-items:center;grid-gap:16px;gap:16px;min-width:0}.pb-fs-bar__cam{font-weight:700;color:#fff}.pb-fs-bar__cam,.pb-fs-bar__time{font-size:14px;white-space:nowrap}.pb-fs-bar__time{font-family:monospace;color:hsla(0,0%,100%,.8)}.pb-fs-bar__center{display:flex;align-items:center;grid-gap:6px;gap:6px}.pb-fs-bar__btn{background:none;border:none;color:hsla(0,0%,100%,.8);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:4px}.pb-fs-bar__btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.pb-fs-bar__btn--play{width:44px;height:44px;color:#fff}.pb-fs-bar__right{display:flex;align-items:center;grid-gap:12px;gap:12px}.pb-fs-bar__elapsed{font-family:monospace;font-size:13px;color:hsla(0,0%,100%,.8);white-space:nowrap}@media screen and (max-height:500px){.pb-fs-bar{padding:4px 12px}.pb-fs-bar__cam,.pb-fs-bar__time{font-size:12px}.pb-fs-bar__left{grid-gap:10px;gap:10px}.pb-fs-bar__btn{width:28px;height:28px}.pb-fs-bar__btn--play{width:34px;height:34px}.pb-fs-bar__btn--play svg{width:24px;height:24px}.pb-fs-bar__btn svg{width:16px;height:16px}.pb-fs-bar__elapsed{font-size:11px}.pb-fs-bar__center{grid-gap:2px;gap:2px}.pb-fs-bar__right{grid-gap:8px;gap:8px}}.pb-area-transport{display:flex;align-items:center;justify-content:center;grid-gap:4px;gap:4px;height:52px;min-height:52px;padding:0 8px;background:rgba(10,14,25,.98);border-bottom:1px solid hsla(0,0%,100%,.08);position:relative;z-index:25}.pb-transport__elapsed{font-family:monospace;font-size:12px;color:hsla(0,0%,100%,.6);min-width:80px;text-align:center;white-space:nowrap}@media screen and (max-width:1023px){.pb-desktop-only,.playback-header-wrapper{display:none!important}.playback-container{display:flex;flex-direction:column;height:100vh;overflow:hidden}.live-mobile-nav,.mobile-topbar{display:grid}.playback-player{height:auto;aspect-ratio:16/9;width:100%;margin:0;border-radius:0;background:#000}.playback-player__video{object-fit:contain;background:#000}.playback-player__info{bottom:0;justify-content:flex-start;grid-gap:16px;gap:16px;padding:6px 120px 6px 12px}.pb-dl-toasts{bottom:42px;right:8px;left:auto;grid-gap:4px;gap:4px;width:50%;align-items:flex-end}.pb-dl-toast{font-size:11px;padding:5px 10px;grid-gap:6px;gap:6px;opacity:.75}.pb-dl-toast svg{width:14px;height:14px;flex-shrink:0}.playback-player__info-text{font-size:14px}.playback-player__info-text--timestamp{font-size:13px}.playback-player__info-text--duration{font-size:11px}.pb-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;pointer-events:none}.playback-search{display:flex;flex-direction:column;align-items:stretch;padding:10px 16px;grid-gap:8px;gap:8px;border-radius:0;background:rgba(10,14,25,.4)}.playback-search__row{display:flex;align-items:center;grid-gap:8px;gap:8px}.playback-search__row-label{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.7);white-space:nowrap;flex-shrink:0;min-width:110px}.playback-search__row-input{flex:1 1;min-width:0}.playback-search__filter-section{margin-top:0;margin-bottom:-6px;padding-left:0}.playback-search__section-label{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.7);text-align:left}.playback-search__select{flex:1 1;min-width:0;font-size:13px;padding:10px 14px;border-radius:20px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;appearance:none;-webkit-appearance:none}.playback-search .react-datepicker-wrapper,.playback-search .react-datepicker__input-container{width:100%}.playback-search .react-datepicker-wrapper{width:100%;display:block!important}.playback-search .react-datepicker__input-container{width:100%}.playback-search .datetime-input,.playback-search .react-datepicker__input-container input{width:100%!important;font-size:12px;padding:10px 14px;border-radius:20px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;text-align:center}[data-theme=light] .playback-search .datetime-input,[data-theme=light] .playback-search .react-datepicker__input-container input{background:var(--theme-input-bg);border-color:rgba(0,0,0,.25);color:var(--theme-input-text)}.playback-date__label,.playback-search__label{display:none}.react-datepicker-popper{position:fixed!important;left:4px!important;right:4px!important;top:auto!important;bottom:56px!important;transform:none!important;z-index:9999!important;width:calc(100vw - 8px)!important}.react-datepicker{display:flex!important;flex-direction:column!important;font-size:14px!important;background:#1a1a2e!important;border:1px solid hsla(0,0%,100%,.15)!important;border-radius:12px!important;overflow:hidden!important}.react-datepicker,.react-datepicker__month-container{width:100%!important}.react-datepicker__header{background:hsla(0,0%,100%,.08)!important;border-bottom:1px solid hsla(0,0%,100%,.1)!important;padding-top:8px!important}.react-datepicker__current-month{color:#fff!important;font-size:15px!important}.react-datepicker__day-name{color:hsla(0,0%,100%,.5)!important;width:36px!important;line-height:36px!important}.react-datepicker__day{color:#fff!important;width:36px!important;line-height:36px!important;border-radius:50%!important}.react-datepicker__day:hover{background:rgba(30,144,255,.3)!important}.react-datepicker__day--keyboard-selected,.react-datepicker__day--selected{background:var(--brand-dview)!important;color:#fff!important}.react-datepicker__day--disabled,.react-datepicker__day--outside-month{color:hsla(0,0%,100%,.2)!important}.react-datepicker__navigation{top:8px!important;width:36px!important;height:36px!important}.react-datepicker__navigation--previous{left:8px!important}.react-datepicker__navigation--next{right:8px!important}.react-datepicker__navigation-icon:before{border-color:hsla(0,0%,100%,.5)!important}.react-datepicker__time-container{display:none!important}.react-datepicker__input-time-container{border-top:1px solid hsla(0,0%,100%,.1)!important;margin:0!important;padding:10px 16px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#1a1a2e!important}.react-datepicker-time__caption{display:none!important}.custom-time-input{display:flex;align-items:center;grid-gap:4px;gap:4px;justify-content:center}.custom-time-input__select{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:8px 12px;font-size:16px;font-weight:600;appearance:none;-webkit-appearance:none;text-align:center;min-width:54px}.custom-time-input__select--ampm{min-width:60px;margin-left:4px}.custom-time-input__colon{color:#fff;font-size:18px;font-weight:700}.react-datepicker__children-container{padding:0!important;width:100%!important}.datepicker-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px}.datepicker-footer__today{color:var(--brand-dview);font-size:13px;font-weight:600;cursor:pointer}.datepicker-footer__actions{display:flex;grid-gap:8px;gap:8px}.datepicker-footer__cancel{background:none;border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:hsla(0,0%,100%,.6);padding:6px 16px;font-size:13px;font-weight:600;cursor:pointer}.datepicker-footer__close{background:var(--brand-dview);color:#fff;border:none;border-radius:6px;padding:6px 20px;font-size:13px;font-weight:600;cursor:pointer}.react-datepicker__triangle{display:none!important}.playback-container{overflow-x:hidden}.playback-search__filter-bar{display:flex;justify-content:space-between;grid-gap:6px;gap:6px;padding:0;margin-top:-2px}.playback-search__filter-col{grid-gap:2px;gap:2px}.playback-search__filter-item{display:flex;align-items:center;grid-gap:4px;gap:4px}.playback-search__filter-label{color:hsla(0,0%,100%,.5);font-size:12px;margin:0 0 0 2px}.playback-search__btn{width:70%;align-self:center;padding:12px;border-radius:20px;background:var(--brand-dview);color:#fff;font-size:14px;font-weight:600;border:none}.playback-clips{width:100%;margin:0;padding:8px;border-radius:0;flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.playback-clips__row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px}.playback-clips__preview{height:auto;width:100%;margin:0;border-radius:8px;overflow:hidden}.playback-clips__preview--active{outline:2.5px solid var(--brand-dview);outline-offset:-2.5px;border-radius:8px}.playback-clips__preview-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px 8px 0 0}.playback-clips__preview-timestamp{font-size:10px;padding:4px 2px;text-align:center}.playback-clips__placeholder{height:auto;width:100%;margin:0;border-radius:4px;background:rgba(0,0,0,.8);overflow:hidden}.playback-clips__placeholder-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px 4px 0 0}.playback-clips__placeholder:after{content:"--:--:--";display:block;font-size:10px;padding:4px 2px;text-align:center;color:hsla(0,0%,100%,.2);font-family:monospace}.playback-clips__nav--desktop{display:none}.playback-clips__header{display:flex;align-items:center;justify-content:space-between;padding:8px;background:#0a0e19;flex-shrink:0}.playback-clips__header-title{color:hsla(0,0%,100%,.4);font-size:11px;font-weight:600;letter-spacing:1px}.playback-clips__header-nav{width:28px;height:28px;color:hsla(0,0%,100%,.5);cursor:pointer}.playback-clips__header-nav.playback-clips__nav--disabled{color:hsla(0,0%,100%,.15);cursor:default}}@media screen and (min-width:1024px){.mobile-topbar,.pb-mobile-dropdown,.pb-mobile-only,.playback-clips__header{display:none!important}.pb-desktop-only{display:flex!important}.pb-mobile-only{display:none!important}.pb-content{display:grid;grid-template-columns:1fr auto;grid-template-rows:minmax(0,1fr) auto minmax(120px,20%);grid-template-areas:"player    sidebar" "transport sidebar" "clips     clips";flex:1 1;height:0;overflow:hidden}.pb-area-search{display:none}.pb-area-player{grid-area:player;order:unset;min-height:0;overflow:hidden;margin-top:6px}.pb-area-transport{grid-area:transport;order:unset}.pb-area-sidebar{grid-area:sidebar;order:unset;overflow:visible}.pb-area-clips{grid-area:clips;order:unset}.pb-transport__right{display:flex;align-items:center;position:absolute;right:8px;top:0;bottom:0}.pb-player-actions{display:none}.pb-area-transport{background:hsla(0,0%,100%,.03);border-top:1px solid hsla(0,0%,100%,.06);border-bottom:none;grid-gap:8px;gap:8px;height:auto;min-height:44px;padding:4px 12px}.pb-transport__btn--play{width:52px;height:44px;color:var(--brand-dview)}.pb-transport__btn--play svg{width:40px;height:40px}.playback-player{border-radius:8px}.playback-clips{width:100%;margin:0;border-radius:8px 8px 0 0}}[data-theme=light] .playback-container{color:var(--theme-text-primary);background-color:var(--theme-bg-primary)}[data-theme=light] .playback-sidebar{background-color:var(--theme-sidebar-bg);border-color:var(--theme-border);color:var(--theme-text-primary);box-shadow:0 1px 4px var(--theme-shadow)}[data-theme=light] .playback-sidebar label,[data-theme=light] .playback-sidebar p,[data-theme=light] .playback-sidebar span{color:var(--theme-text-primary)}[data-theme=light] .playback-sidebar .live-btn{background-color:var(--theme-btn-bg);border-color:var(--theme-btn-border);color:var(--theme-btn-text)}[data-theme=light] .playback-sidebar .live-btn--danger{color:var(--theme-btn-danger)}[data-theme=light] .playback-sidebar .live-select{background-color:var(--theme-input-bg);border-color:var(--theme-input-border);color:var(--theme-input-text)}[data-theme=light] .playback-sidebar .live-select option{background-color:var(--theme-select-bg);color:var(--theme-input-text)}[data-theme=light] .playback-sidebar .live-divider{background-color:var(--theme-divider)}[data-theme=light] .playback-time__label{color:var(--theme-text-secondary)}[data-theme=light] .playback-time__value{color:var(--theme-text-primary)}[data-theme=light] .playback-search{background:none;color:var(--theme-text-primary)}[data-theme=light] .playback-search__label{color:var(--theme-text-secondary)}[data-theme=light] .playback-search__select{background-color:var(--theme-input-bg);border-color:var(--theme-input-border);color:var(--theme-input-text)}[data-theme=light] .playback-search__select option{background-color:var(--theme-select-bg);color:var(--theme-input-text)}[data-theme=light] .playback-search__filter-label{color:var(--theme-text-secondary)}[data-theme=light] .playback-search input[type=checkbox]{accent-color:var(--brand-dview)}[data-theme=light] .playback-date__label{color:var(--theme-text-secondary)}[data-theme=light] .datetime-input{background:var(--theme-input-bg);border-color:var(--theme-input-border);color:var(--theme-input-text)}[data-theme=light] .pb-datepicker-popper .react-datepicker{background:#fff!important;border:2px solid #888!important;color:#222!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__header{background:#d0d0d0!important;border-bottom:2px solid #888!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__current-month{color:#222!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__day-name{color:rgba(0,0,0,.5)!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__day{color:#222!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__day:hover{background:rgba(0,103,164,.15)!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__day--selected{background:var(--brand-dview)!important;color:#fff!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__day--keyboard-selected{background:transparent!important;color:#222!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__day--today{font-weight:700!important;color:var(--brand-dview)!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__day--today.react-datepicker__day--selected{color:#fff!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__day--disabled,[data-theme=light] .pb-datepicker-popper .react-datepicker__day--outside-month{color:rgba(0,0,0,.2)!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__navigation-icon:before{border-color:rgba(0,0,0,.4)!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__input-time-container{border-top:2px solid #888!important;background:#d0d0d0!important}[data-theme=light] .pb-datepicker-popper .react-datepicker-time__input input{background:#fff!important;color:#222!important;border-color:rgba(0,0,0,.2)!important}[data-theme=light] .pb-datepicker-popper .react-datepicker-time__caption{color:rgba(0,0,0,.5)!important}[data-theme=light] .pb-datepicker-popper .react-datepicker__children-container{background:#f5f5f5!important}[data-theme=light] .pb-datepicker-popper .datepicker-footer{background:#d0d0d0!important;border-top-color:rgba(0,0,0,.1)!important}[data-theme=light] .pb-datepicker-popper .datepicker-footer__today{color:var(--brand-dview)!important}[data-theme=light] .pb-datepicker-popper .datepicker-footer__cancel{background:#ddd!important;color:#333!important;border-color:rgba(0,0,0,.15)!important}[data-theme=light] .pb-datepicker-popper .datepicker-footer__close{background:var(--brand-dview)!important;color:#fff!important}[data-theme=light] .pb-area-transport{background:#b8b8b8;border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=light] .pb-transport__btn{color:var(--theme-text-muted)}[data-theme=light] .pb-transport__btn--play{color:var(--theme-text-primary)}[data-theme=light] .pb-transport__btn--speed{color:var(--theme-text-secondary);border-color:var(--theme-border)}[data-theme=light] .pb-transport__elapsed{color:var(--theme-text-muted)}[data-theme=light] .playback-clips{background-color:var(--theme-bg-primary);border-top-color:rgba(0,0,0,.1)}[data-theme=light] .playback-clips__header{color:hsla(0,0%,100%,.85);background:#888}[data-theme=light] .playback-clips__header-title{color:hsla(0,0%,100%,.9)}[data-theme=light] .playback-clips__header-nav{color:#fff}[data-theme=light] .playback-clips__header-nav.playback-clips__nav--disabled{color:hsla(0,0%,100%,.3)}[data-theme=light] .playback-clips__preview{border-color:var(--theme-border-light)}[data-theme=light] .playback-clips__preview--active{border-color:var(--brand-dview);background:var(--theme-clip-active)}[data-theme=light] .playback-clips__preview-timestamp{color:hsla(0,0%,100%,.85)}[data-theme=light] .playback-clips__preview--active .playback-clips__preview-timestamp{color:var(--theme-text-primary)}[data-theme=light] .playback-clips__message-text,[data-theme=light] .playback-clips__nav{color:var(--theme-text-muted)}[data-theme=light] .playback-player__info{background:rgba(0,0,0,.6);color:#fff}[data-theme=light] .playback-player__info-text{color:#fff}[data-theme=light] .pb-area-search{background:var(--theme-bg-surface)}[data-theme=light] .pb-camera-select-btn{background:var(--theme-input-bg);border-color:var(--theme-input-border);color:var(--theme-input-text)}[data-theme=light] .playback-search__row-label,[data-theme=light] .playback-search__section-label{color:var(--theme-text-secondary)}[data-theme=light] .pb-speed-picker{background:var(--theme-bg-surface);border-color:var(--theme-border)}[data-theme=light] .pb-speed-picker__opt{color:var(--theme-text-primary)}[data-theme=light] .pb-speed-picker__opt--sel{background:var(--brand-dview);color:#fff}@media screen and (max-width:1023px){[data-theme=light] .react-datepicker{background:#fff!important;border:2px solid #888!important;box-shadow:0 -4px 32px rgba(0,0,0,.35)!important}[data-theme=light] .react-datepicker__header{background:#d0d0d0!important;border-bottom:2px solid #888!important}[data-theme=light] .react-datepicker__current-month{color:#222!important}[data-theme=light] .react-datepicker__day-name{color:rgba(0,0,0,.5)!important}[data-theme=light] .react-datepicker__day{color:#222!important}[data-theme=light] .react-datepicker__day:hover{background:rgba(0,103,164,.15)!important}[data-theme=light] .react-datepicker__day--keyboard-selected,[data-theme=light] .react-datepicker__day--selected{background:var(--brand-dview)!important;color:#fff!important}[data-theme=light] .react-datepicker__day--disabled,[data-theme=light] .react-datepicker__day--outside-month{color:rgba(0,0,0,.2)!important}[data-theme=light] .react-datepicker__navigation-icon:before{border-color:rgba(0,0,0,.4)!important}[data-theme=light] .react-datepicker__input-time-container{background:#d0d0d0!important;border-top:2px solid #888!important}[data-theme=light] .custom-time-input__select{background:#fff!important;color:#222!important;border-color:rgba(0,0,0,.25)!important}[data-theme=light] .custom-time-input__colon{color:#222!important}[data-theme=light] .datepicker-footer{background:#d0d0d0}[data-theme=light] .datepicker-footer__cancel{background:#ddd!important;color:#333!important;border-color:rgba(0,0,0,.15)!important}}@media screen and (orientation:landscape) and (max-height:500px) and (max-width:932px){.mobile-topbar{display:none!important}.playback-container .live-mobile-nav{display:grid!important;grid-template-columns:repeat(5,1fr);height:36px;min-height:36px;border-top:none}.playback-container .live-mobile-nav__btn{height:36px}.playback-container .live-mobile-nav__label{display:none}.playback-container .live-mobile-nav__btn svg{width:18px;height:18px}.playback-container .live-mobile-nav__btn--mcplayback,.playback-container .live-mobile-nav__btn--playback{display:none!important}.playback-container .live-mobile-nav__btn--live{grid-column:1}.playback-container .live-mobile-nav__btn--more{grid-column:5}.pb-content{display:grid;grid-template-columns:1fr minmax(180px,35%);grid-template-rows:1fr auto;grid-template-areas:"player  search" "transport search"}.pb-area-player{grid-area:player;order:unset}.playback-player{aspect-ratio:unset;height:100%;width:100%}.pb-area-search{grid-area:search;order:unset;overflow-y:auto;padding:6px 10px;grid-gap:6px;gap:6px}.pb-area-transport{grid-area:transport;order:unset;height:36px;min-height:36px;padding:0 8px 0 48px}.pb-transport__btn{width:32px;height:32px}.pb-transport__btn--play{width:36px;height:36px}.pb-area-clips{display:none!important}.playback-search{padding:0;grid-gap:4px;gap:4px;background:transparent;border-bottom:none}.playback-search__label-prefix{display:none}.playback-search__row{grid-gap:4px;gap:4px}.playback-search__row-label{font-size:11px;min-width:70px}.pb-mobile-camera-section{padding:0;margin:0 0 10px}.pb-area-search{padding-top:12px}.playback-container .playback-search__row-label{flex:0 0 58px;text-align:right;margin-right:4px;font-size:10px}.pb-mobile-camera-section .pb-camera-select-btn,.playback-container .playback-search__row-input{flex:1 1!important;min-width:0;margin-right:6px}.playback-search__select{font-size:12px;padding:6px 10px}.playback-search .datetime-input,.playback-search .react-datepicker__input-container input{font-size:11px!important;padding:6px 10px!important}.pb-area-search{border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:0}.playback-search__btn{margin-bottom:8px}.playback-search__filter-bar{grid-gap:4px;gap:4px}.playback-search__filter-bar label{font-size:11px}.playback-search__submit-btn{padding:6px 12px;font-size:13px;min-height:32px}.playback-search__clips-count{width:28px;height:28px;font-size:12px}.playback-container .react-datepicker-popper{bottom:36px!important;max-height:none!important;width:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}.playback-container .react-datepicker{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:1fr auto!important;width:auto!important;overflow:visible!important}.playback-container .react-datepicker__month-container{grid-column:1!important;grid-row:1!important;width:auto!important}.playback-container .react-datepicker__day,.playback-container .react-datepicker__day-name{width:28px!important;line-height:28px!important}.playback-container .react-datepicker__input-time-container{grid-column:2!important;grid-row:1!important;border-top:none!important;border-left:1px solid hsla(0,0%,100%,.1)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:12px 16px!important}.playback-container .datepicker-footer{grid-column:1/-1!important;grid-row:2!important}}.status-view{display:flex;flex-direction:column;align-items:center;margin-top:auto;padding-top:4px;grid-gap:1px;gap:1px;font-size:10px;line-height:1.3;text-align:center;white-space:nowrap}.status-online{color:hsla(0,0%,100%,.6);cursor:default}.status-days,.status-dvs-version,.status-storage{color:hsla(0,0%,100%,.4)}.status-dvs-version{margin-top:6px}.status-version{color:hsla(0,0%,100%,.4)}.status-view>span{min-height:1.3em}[data-theme=light] .status-online{color:var(--theme-text-primary,rgba(0,0,0,.65))}[data-theme=light] .status-days,[data-theme=light] .status-dvs-version,[data-theme=light] .status-storage,[data-theme=light] .status-version{color:var(--theme-text-muted,rgba(0,0,0,.45))}@media (min-width:769px){.live-sidebar .live-section,.live-sidebar .live-section--server{margin-top:8px;margin-bottom:4px}.live-sidebar .live-divider{margin:3px 0}.live-sidebar .live-btn-container{margin-top:8px}}.mobile-more-menu{position:fixed;bottom:50px;left:0;right:0;background-color:rgba(10,14,25,.95);padding:16px;z-index:50;border-top:1px solid hsla(0,0%,100%,.15);max-height:50vh;overflow-y:auto}.mobile-more-menu__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#fff;font-size:15px;font-weight:600}.mobile-more-menu__close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:hsla(0,0%,100%,.5);font-size:18px;background:none;border:none}.mobile-more-menu__actions{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.mobile-more-menu__action{display:flex;align-items:center;grid-gap:12px;gap:12px;min-height:44px;padding:8px 12px;border:none;background:none;color:#fff;font-size:15px;cursor:pointer;border-radius:4px;text-decoration:none;transition:background-color .15s ease}.mobile-more-menu__action:active,.mobile-more-menu__action:hover{background-color:hsla(0,0%,100%,.1)}.mobile-more-menu__action--danger{color:#ff6b6b}.mobile-more-menu__chevron{margin-left:auto;color:hsla(0,0%,100%,.5);font-size:12px}.mobile-more-menu__status-panel{margin:4px 12px 8px 42px;padding:10px 14px;background:hsla(0,0%,100%,.04);border-radius:4px;border-left:2px solid hsla(0,0%,100%,.15)}.mobile-more-menu__status-panel .status-view{align-items:flex-start;margin-top:0;padding-top:0;grid-gap:4px;gap:4px;font-size:14px;line-height:1.5;text-align:left;width:100%}.mobile-more-menu__status-panel .status-view>span{min-height:1.5em}.mobile-more-menu__status-panel .status-days,.mobile-more-menu__status-panel .status-dvs-version,.mobile-more-menu__status-panel .status-online,.mobile-more-menu__status-panel .status-storage,.mobile-more-menu__status-panel .status-version{color:hsla(0,0%,100%,.85)}.mobile-more-menu__status-panel .status-dvs-version{margin-top:8px}[data-theme=light] .mobile-more-menu__chevron{color:var(--theme-text-muted)}[data-theme=light] .mobile-more-menu__status-panel{background:var(--theme-btn-hover);border-left-color:var(--theme-border)}[data-theme=light] .mobile-more-menu__status-panel .status-days,[data-theme=light] .mobile-more-menu__status-panel .status-dvs-version,[data-theme=light] .mobile-more-menu__status-panel .status-online,[data-theme=light] .mobile-more-menu__status-panel .status-storage,[data-theme=light] .mobile-more-menu__status-panel .status-version{color:var(--theme-text-primary)}[data-theme=light] .mobile-more-menu{background-color:var(--theme-bg-surface);border-top-color:var(--theme-border);box-shadow:0 -2px 8px var(--theme-shadow)}[data-theme=light] .mobile-more-menu__header{color:var(--theme-text-primary)}[data-theme=light] .mobile-more-menu__close{color:var(--theme-text-muted)}[data-theme=light] .mobile-more-menu__action{color:var(--theme-text-primary)}[data-theme=light] .mobile-more-menu__action:active,[data-theme=light] .mobile-more-menu__action:hover{background-color:var(--theme-btn-hover)}[data-theme=light] .mobile-more-menu__action--danger{color:var(--theme-btn-danger)}@media screen and (orientation:landscape) and (max-height:500px) and (max-width:932px){.mobile-more-menu{bottom:0;max-height:80vh}}.setup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9000;background:var(--theme-bg-primary,#0a0e19);color:var(--theme-text-primary,#fff);text-align:left}.setup-desktop,.setup-overlay{display:flex;flex-direction:column}.setup-desktop{height:100%}.setup-desktop__header{display:flex;align-items:center;padding:0 24px;height:52px;min-height:52px;background:linear-gradient(90deg,var(--theme-header-bg,#0a0e19) 0,var(--brand-dview) 75%);border-bottom:1px solid var(--theme-border,hsla(0,0%,100%,.1))}.setup-desktop__close{display:flex;align-items:center;grid-gap:6px;gap:6px;background:none;border:none;color:hsla(0,0%,100%,.8);font-size:13px;cursor:pointer;padding:6px 12px;border-radius:4px}.setup-desktop__close:hover{background:hsla(0,0%,100%,.1);color:#fff}.setup-desktop__title{font-size:16px;font-weight:600;color:#fff;margin-left:20px}.setup-desktop__spacer{flex:1 1}.setup-desktop__body{display:flex;flex:1 1;min-height:0}.setup-desktop__nav{width:260px;min-width:260px;background:var(--theme-sidebar-bg,rgba(10,14,25,.95));border-right:1px solid var(--theme-border,hsla(0,0%,100%,.1));overflow-y:auto;padding-top:8px}.setup-desktop__content{flex:1 1;overflow-y:auto;padding:28px 36px;display:grid;grid-template-columns:1fr 1fr;grid-gap:0 40px;gap:0 40px;align-content:start}.setup-desktop__content>.setup-content{grid-column:1}.setup-nav__heading{padding:12px 20px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--theme-text-muted,hsla(0,0%,100%,.4))}.setup-nav__item{display:flex;align-items:center;grid-gap:12px;gap:12px;padding:14px 20px;cursor:pointer;border-left:3px solid transparent;transition:background .15s}.setup-nav__item:hover{background:var(--theme-btn-hover,hsla(0,0%,100%,.05))}.setup-nav__item--active{background:rgba(0,103,164,.15);border-left-color:var(--brand-dview)}.setup-nav__icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--theme-text-muted,hsla(0,0%,100%,.5))}.setup-nav__item--active .setup-nav__icon{color:var(--brand-dview)}.setup-nav__text{flex:1 1;min-width:0}.setup-nav__label{display:block;font-size:14px;font-weight:500;color:var(--theme-text-primary,#fff)}.setup-nav__item--active .setup-nav__label{color:var(--brand-dview);font-weight:600}.setup-nav__desc{display:block;font-size:12px;color:var(--theme-text-muted,hsla(0,0%,100%,.4));margin-top:1px}.setup-nav__chevron{color:var(--theme-text-disabled,hsla(0,0%,100%,.3));font-size:14px;flex-shrink:0}@media screen and (min-width:1024px){.setup-nav__chevron{display:none}.setup-nav__desc{display:block}}.setup-content__title{font-size:22px;font-weight:700;margin:0 0 4px}.setup-content__subtitle{font-size:13px;color:var(--theme-text-muted,hsla(0,0%,100%,.5));margin:0 0 28px}.setup-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--theme-border-light,hsla(0,0%,100%,.06))}.setup-section:last-child{border-bottom:none}.setup-section__title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--theme-text-muted,hsla(0,0%,100%,.4));margin-bottom:16px}.setup-radio-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer;border-top:1px solid var(--theme-border-light,hsla(0,0%,100%,.04))}.setup-radio-row:first-of-type{border-top:none}.setup-radio-row__left{flex:1 1}.setup-radio-row__label{font-size:14px;font-weight:500}.setup-radio-row__desc{font-size:12px;color:var(--theme-text-muted,hsla(0,0%,100%,.4));margin-top:2px}.setup-radio{width:22px;height:22px;border-radius:50%;border:2px solid var(--theme-border,hsla(0,0%,100%,.3));flex-shrink:0;margin-left:16px;position:relative}.setup-radio--selected{border-color:var(--brand-dview)}.setup-radio--selected:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--brand-dview)}.setup-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer}.setup-toggle-row--disabled{opacity:.45;cursor:default}.setup-toggle-row--unsupported{cursor:default}.setup-toggle-row--unsupported .setup-toggle{opacity:.35;pointer-events:none}.setup-toggle-row__left{flex:1 1}.setup-toggle-row__label{font-size:14px;font-weight:500}.setup-toggle-row__desc{font-size:12px;color:var(--theme-text-muted,hsla(0,0%,100%,.4));margin-top:2px}.setup-toggle{width:44px;height:24px;border-radius:12px;background:var(--theme-border,hsla(0,0%,100%,.2));position:relative;flex-shrink:0;margin-left:16px;transition:background .2s}.setup-toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s}.setup-toggle--on{background:var(--brand-dview)}.setup-toggle--on:after{transform:translateX(20px)}.setup-mobile{display:flex;flex-direction:column;height:100%}.setup-mobile__header{display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:50px;min-height:50px;background:linear-gradient(90deg,var(--theme-header-bg,#0a0e19) 0,var(--brand-dview) 75%)}.setup-mobile__back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer}.setup-mobile__title{font-size:16px;font-weight:600;color:#fff}.setup-mobile__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:hsla(0,0%,100%,.7);font-size:24px;cursor:pointer}.setup-mobile__body{flex:1 1;overflow-y:auto}.setup-mobile__list .setup-nav__item{border-left:none;padding:16px;border-bottom:1px solid var(--theme-border-light,hsla(0,0%,100%,.06))}.setup-mobile__list .setup-nav__icon{width:36px;height:36px;border-radius:8px;background:rgba(0,103,164,.15)}.setup-mobile .setup-content{padding:20px 16px}.setup-mobile .setup-content__title{font-size:18px}.setup-mobile .setup-radio-row{padding:16px 0}[data-theme=light] .setup-overlay{background:var(--theme-bg-primary);color:var(--theme-text-primary)}[data-theme=light] .setup-desktop__content{background:#fff}[data-theme=light] .setup-desktop__nav{background:#e0e0e0}[data-theme=light] .setup-nav__heading{color:rgba(0,0,0,.5)}[data-theme=light] .setup-nav__label{color:var(--theme-text-primary)}[data-theme=light] .setup-nav__desc{color:rgba(0,0,0,.55)}[data-theme=light] .setup-nav__icon{color:rgba(0,0,0,.5)}[data-theme=light] .setup-nav__item--active .setup-nav__icon{color:var(--brand-dview)}[data-theme=light] .setup-nav__item:hover{background:rgba(0,0,0,.05)}[data-theme=light] .setup-nav__item--active{background:rgba(0,103,164,.1)}[data-theme=light] .setup-content__subtitle{color:rgba(0,0,0,.55)}[data-theme=light] .setup-radio-row__desc,[data-theme=light] .setup-section__title,[data-theme=light] .setup-toggle-row__desc{color:rgba(0,0,0,.5)}[data-theme=light] .setup-radio-row{border-top-color:rgba(0,0,0,.08)}[data-theme=light] .setup-section{border-bottom-color:rgba(0,0,0,.1)}[data-theme=light] .setup-radio{border-color:rgba(0,0,0,.25)}[data-theme=light] .setup-toggle{background:rgba(0,0,0,.2)}[data-theme=light] .setup-toggle--on{background:var(--brand-dview)}[data-theme=light] .setup-mobile__body{background:#fff}[data-theme=light] .setup-mobile__list .setup-nav__item{border-bottom-color:rgba(0,0,0,.08)}[data-theme=light] .setup-desktop__close,[data-theme=light] .setup-desktop__title,[data-theme=light] .setup-mobile__back,[data-theme=light] .setup-mobile__close,[data-theme=light] .setup-mobile__title{color:#fff}@media screen and (orientation:landscape) and (max-height:500px) and (max-width:932px){.setup-mobile__header{height:40px;min-height:40px}.setup-mobile__body{padding-top:8px}}.nvr-tree{width:100%}.nvr-tree__group{border-bottom:1px solid hsla(0,0%,100%,.06)}.nvr-tree__nvr{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;background:hsla(0,0%,100%,.02);transition:background .15s}.nvr-tree__nvr:hover{background:hsla(0,0%,100%,.05)}.nvr-tree__nvr--expanded{background:hsla(0,0%,100%,.04)}.nvr-tree__nvr-info{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.nvr-tree__nvr-name{font-size:clamp(12px,1.5vmin,14px);font-weight:600;color:#fff}.nvr-tree__nvr-meta{font-size:clamp(9px,1.1vmin,11px);color:hsla(0,0%,100%,.4)}.nvr-tree__chevron{font-size:10px;color:hsla(0,0%,100%,.4);transition:transform .2s}.nvr-tree__chevron--open{transform:rotate(90deg)}.nvr-tree__cam{display:flex;align-items:center;padding:8px 12px 8px 24px;cursor:pointer;font-size:clamp(11px,1.4vmin,13px);color:hsla(0,0%,100%,.7);border-bottom:1px solid hsla(0,0%,100%,.03);transition:background .15s}.nvr-tree__cam:hover{background:hsla(0,0%,100%,.04)}.nvr-tree__cam--selected{background:var(--brand-dview)!important;color:#fff}.nvr-tree__cam-num{font-weight:700;width:24px;font-size:clamp(10px,1.2vmin,12px);color:var(--brand-dview);flex-shrink:0}.nvr-tree__cam--selected .nvr-tree__cam-num{color:#fff}.nvr-tree__cam-name{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nvr-tree__cam-dot{width:6px;height:6px;border-radius:50%;margin-left:8px;flex-shrink:0}.nvr-tree__cam-dot--online{background:#2a2}.nvr-tree__cam-dot--offline{background:#c33}.nvr-tree__empty{padding:16px 12px;text-align:center;font-size:clamp(11px,1.4vmin,13px);color:hsla(0,0%,100%,.4)}.nvr-tree-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center}.nvr-tree-modal__content{width:90%;max-width:400px;max-height:80vh;background:var(--theme-bg-primary,#0a0e19);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.nvr-tree-modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid hsla(0,0%,100%,.1);flex-shrink:0}.nvr-tree-modal__title{font-size:16px;font-weight:600;color:#fff}.nvr-tree-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:20px;color:hsla(0,0%,100%,.5);cursor:pointer;border:none;background:none;border-radius:50%}.nvr-tree-modal__close:hover{background:hsla(0,0%,100%,.1)}.nvr-tree-modal__body{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch}@media screen and (max-width:1023px){.nvr-tree__nvr{padding:14px 16px}.nvr-tree__nvr-name{font-size:15px}.nvr-tree__nvr-meta{font-size:12px}.nvr-tree__cam{padding:12px 16px 12px 32px;font-size:14px;min-height:44px}.nvr-tree__cam-num{font-size:13px;width:28px}.nvr-tree__cam-dot{width:8px;height:8px}}[data-theme=light] .nvr-tree-modal__content{background:var(--theme-bg-surface);border-color:var(--theme-border)}[data-theme=light] .nvr-tree-modal__header{color:var(--theme-text-primary);border-bottom-color:var(--theme-divider)}[data-theme=light] .nvr-tree-modal__title{color:var(--theme-text-primary)}[data-theme=light] .nvr-tree-modal__close{color:rgba(0,0,0,.5)}[data-theme=light] .nvr-tree-modal__close:hover{background:rgba(0,0,0,.08)}[data-theme=light] .nvr-tree__group{border-bottom-color:var(--theme-divider)}[data-theme=light] .nvr-tree__nvr{background:rgba(0,0,0,.02)}[data-theme=light] .nvr-tree__nvr:hover{background:rgba(0,0,0,.05)}[data-theme=light] .nvr-tree__nvr--expanded{background:rgba(0,0,0,.04)}[data-theme=light] .nvr-tree__nvr-name{color:var(--theme-text-primary)}[data-theme=light] .nvr-tree__chevron,[data-theme=light] .nvr-tree__nvr-meta{color:var(--theme-text-muted)}[data-theme=light] .nvr-tree__cam{color:var(--theme-text-primary);border-bottom-color:var(--theme-divider)}[data-theme=light] .nvr-tree__cam:hover{background:var(--theme-bg-surface-hover)}[data-theme=light] .nvr-tree__cam--selected{background:var(--brand-dview)!important;color:#fff}[data-theme=light] .nvr-tree__cam--selected .nvr-tree__cam-name,[data-theme=light] .nvr-tree__cam--selected .nvr-tree__cam-num{color:#fff}[data-theme=light] .nvr-tree__empty{color:var(--theme-text-muted)}.mcplayback-container{--mcpb-color-bg:var(--theme-bg-primary);--mcpb-color-surface:var(--theme-bg-surface);--mcpb-color-text:var(--theme-text-primary);--mcpb-color-text-muted:var(--theme-text-muted);--mcpb-color-border:var(--theme-border);--mcpb-color-accent:var(--brand-dview);--mcpb-color-accent-15:var(--brand-dview-15);--mcpb-color-accent-30:var(--brand-dview-30);--mcpb-color-accent-dark:#00547f;--mcpb-color-danger:#d64545;display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--mcpb-color-bg);color:var(--mcpb-color-text);overflow:hidden}.mcplayback-container.eview-mode{--mcpb-color-accent:var(--brand-eview);--mcpb-color-accent-15:var(--brand-eview-15);--mcpb-color-accent-30:var(--brand-eview-30);--mcpb-color-accent-dark:#045038}.mcplayback-container .mcplayback-main{padding:6px;overflow:hidden}.mcplayback-container .mcpb-stage,.mcplayback-container .mcpb-workspace,.mcplayback-container .mcplayback-main{flex:1 1;display:flex;flex-direction:column;grid-gap:5px;gap:5px;min-height:0}.mcplayback-container .mcpb-stage{min-width:0}.mcplayback-container .mcpb-time-control{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:6px 8px 6px 12px;background:var(--theme-input-bg);border:1px solid var(--mcpb-color-border);border-radius:6px;flex-shrink:0}.mcplayback-container .mcpb-time-control__info{display:flex;align-items:baseline;flex-wrap:wrap;grid-gap:3px 8px;gap:3px 8px;flex:1 1;min-width:0}.mcplayback-container .mcpb-time-control__label{font-size:9px;font-weight:700;color:var(--mcpb-color-text-muted);text-transform:uppercase;letter-spacing:.4px}.mcplayback-container .mcpb-time-control__time{font-size:15px;font-weight:700;font-family:"SF Mono","Menlo",monospace;color:var(--mcpb-color-text);letter-spacing:-.2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcplayback-container .mcpb-time-control__date{font-size:12px;color:var(--theme-text-secondary);font-weight:500}.mcplayback-container .mcpb-time-control__window{font-size:10px;font-weight:700;color:var(--mcpb-color-accent);background:var(--mcpb-color-accent-15);border:1px solid var(--mcpb-color-accent-30);padding:2px 7px;border-radius:9px;white-space:nowrap}.mcplayback-container .mcpb-time-control__change{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;flex-shrink:0;padding:8px 14px;background:var(--mcpb-color-accent);color:#fff;border:0;border-radius:5px;font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-time-control__change:hover{background:var(--mcpb-color-accent-dark)}.mcplayback-container .mcpb-time-control__change svg{width:13px;height:13px;fill:currentColor}.mcplayback-container .mcpb-grid{display:grid;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-grid--conf-1,.mcplayback-container .mcpb-grid--conf-2{grid-template-columns:1fr}.mcplayback-container .mcpb-grid--conf-4{grid-template-columns:1fr 1fr}.mcplayback-container .mcpb-grid--zoomed{grid-template-columns:1fr}.mcplayback-container .mcpb-cell--dimmed{display:none}.mcplayback-container .mcpb-grid--conf-4.mcpb-grid--zoomed{grid-template-rows:1fr}.mcplayback-container .mcpb-viewer--conf-2{flex:1 1;min-height:0;display:flex;flex-direction:column}.mcplayback-container .mcpb-viewer--conf-2 .mcpb-grid--conf-2{flex:1 1;min-height:0;grid-template-rows:1fr 1fr}.mcplayback-container .mcpb-viewer--conf-2 .mcpb-cell{aspect-ratio:auto;min-height:0}.mcplayback-container .mcpb-cam-strip-wrap{flex-shrink:0;display:flex;flex-direction:column;grid-gap:4px;gap:4px}.mcplayback-container .mcpb-cam-slot-hint{font-size:9px;font-weight:700;color:var(--mcpb-color-text-muted);text-align:center;text-transform:uppercase;letter-spacing:.4px;line-height:1.2;padding:6px 2px 4px}.mcplayback-container .mcpb-cam-strip--strip{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-cam-pill{height:38px;display:flex;align-items:center;grid-gap:6px;gap:6px;padding:0 8px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-cam-pill:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-cam-pill--active{border-color:var(--pill-cam-color,var(--mcpb-color-accent));background:color-mix(in srgb,var(--pill-cam-color,var(--mcpb-color-accent)) 18%,transparent)}.mcplayback-container .mcpb-cam-pill--hidden{opacity:.55}.mcplayback-container .mcpb-cam-pill__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;border:1.5px solid hsla(0,0%,100%,.18)}.mcplayback-container .mcpb-cam-pill__name{flex:1 1;min-width:0;font-size:11px;font-weight:600;color:var(--mcpb-color-text);line-height:1;letter-spacing:-.1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcplayback-container .mcpb-cam-pill--active .mcpb-cam-pill__name{font-weight:700}.mcplayback-container .mcpb-cam-pill__x{width:28px;height:28px;flex-shrink:0;margin-right:-4px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;color:var(--mcpb-color-text-muted);cursor:pointer;font-size:12px;line-height:1;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-cam-pill__x:hover{background:var(--mcpb-color-danger);color:#fff}.mcplayback-container .mcpb-cam-pill--empty{background:transparent;border:1px dashed var(--theme-border-light);color:var(--mcpb-color-text-muted);justify-content:center}.mcplayback-container .mcpb-cam-pill--empty:hover{background:var(--theme-bg-surface-hover);border-color:var(--mcpb-color-accent);color:var(--theme-text-secondary)}.mcplayback-container .mcpb-cam-pill--empty .mcpb-cam-pill__name{flex:0 1 auto;font-weight:600}.mcplayback-container .mcpb-cam-pill__plus{font-size:14px;font-weight:700;line-height:1;color:var(--mcpb-color-text-muted)}.mcplayback-container .mcpb-cam-pill--holding{transform:scale(.97);border-color:var(--mcpb-color-accent);box-shadow:0 0 0 2px var(--mcpb-color-accent-30);transition:transform .12s ease}@keyframes mcpb-cell-flash{0%{filter:brightness(1)}50%{filter:brightness(1.6)}to{filter:brightness(1)}}.mcplayback-container .mcpb-cell--flash{animation:mcpb-cell-flash .48s ease-in-out}.mcplayback-container .mcpb-rail{display:none;grid-gap:4px;gap:4px;min-height:0;background:var(--theme-bg-sidebar,var(--theme-bg-surface));padding:6px 5px;overflow:hidden}.mcplayback-container .mcpb-rail,.mcplayback-container .mcpb-rail__status{flex-direction:column;border:1px solid var(--theme-border-light);border-radius:5px}.mcplayback-container .mcpb-rail__status{display:flex;grid-gap:3px;gap:3px;padding:4px 6px 5px;background:var(--theme-input-bg);flex-shrink:0}.mcplayback-container .mcpb-rail__status-head{display:flex;align-items:baseline;grid-gap:5px;gap:5px;white-space:nowrap;overflow:hidden}.mcplayback-container .mcpb-rail__status-server{flex:1 1;min-width:0;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mcpb-color-text-muted);line-height:1;overflow:hidden;text-overflow:ellipsis}.mcplayback-container .mcpb-rail__status-id{font-size:11px;font-weight:700;color:var(--theme-text-secondary);line-height:1;flex-shrink:0}.mcplayback-container .mcpb-rail__status-clock{font-size:10px;font-family:"SF Mono","Menlo",monospace;color:var(--mcpb-color-text-muted);line-height:1.1;letter-spacing:-.2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcplayback-container .mcpb-rail__status-clock-label{font-size:8px;font-weight:700;letter-spacing:.4px;margin-right:3px;color:var(--mcpb-color-text-muted)}.mcplayback-container .mcpb-rail__watch{display:flex;flex-direction:column;grid-gap:2px;gap:2px;padding:4px 7px 5px;background:var(--theme-input-bg);border:1px solid var(--mcpb-color-accent);border-radius:5px;cursor:pointer;flex-shrink:0;text-align:left;font-family:inherit;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-rail__watch:hover{background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-rail__watch-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mcpb-color-text-muted);line-height:1}.mcplayback-container .mcpb-rail__watch-row{display:flex;align-items:center;justify-content:space-between;grid-gap:4px;gap:4px}.mcplayback-container .mcpb-rail__watch-time{font-size:13px;font-weight:700;font-family:"SF Mono","Menlo",monospace;color:var(--mcpb-color-text);line-height:1;letter-spacing:-.2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcplayback-container .mcpb-rail__watch-chevron{font-size:9px;color:var(--mcpb-color-text-muted);line-height:1}.mcplayback-container .mcpb-rail .mcpb-cam-strip-wrap{flex:1 1 auto;min-height:0;grid-gap:3px;gap:3px}.mcplayback-container .mcpb-rail .mcpb-cam-slot-hint{font-size:8px;padding:1px 2px 3px}.mcplayback-container .mcpb-cam-strip--rail{display:flex;flex-direction:column;grid-gap:3px;gap:3px}.mcplayback-container .mcpb-cam-strip--rail .mcpb-cam-pill{width:100%;height:32px}.mcplayback-container .mcpb-cam-strip--rail .mcpb-cam-pill__x{display:none}.mcplayback-container .mcpb-rail__nav{margin-top:auto;flex-shrink:0;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px}.mcplayback-container .mcpb-rail__nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:3px;gap:3px;padding:7px 2px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:5px;color:var(--mcpb-color-text-muted);cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-rail__nav-btn:hover{background:var(--theme-bg-surface-hover);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-rail__nav-btn:disabled{cursor:default}.mcplayback-container .mcpb-rail__nav-btn--active{color:var(--mcpb-color-accent);border-color:var(--mcpb-color-accent);background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-rail__nav-btn svg{width:18px;height:18px;fill:currentColor}.mcplayback-container .mcpb-rail__nav-label{font-size:9px;font-weight:700;line-height:1}.mcplayback-container .mcpb-sidebar{display:none;flex-direction:column;grid-gap:9px;gap:9px;min-height:0;background:var(--theme-bg-sidebar,var(--theme-bg-surface));border:1px solid var(--theme-border-light);border-radius:5px;padding:10px;overflow:hidden}.mcplayback-container .mcpb-sidebar__watch{display:flex;flex-direction:column;grid-gap:3px;gap:3px;padding:8px 10px 9px;background:var(--theme-input-bg);border:1px solid var(--mcpb-color-accent);border-radius:6px;cursor:pointer;flex-shrink:0;text-align:left;font-family:inherit;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-sidebar__watch:hover{background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-sidebar__watch-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mcpb-color-text-muted);line-height:1}.mcplayback-container .mcpb-sidebar__watch-row{display:flex;align-items:center;justify-content:space-between;grid-gap:4px;gap:4px}.mcplayback-container .mcpb-sidebar__watch-time{font-size:14px;font-weight:700;font-family:"SF Mono","Menlo",monospace;color:var(--mcpb-color-text);line-height:1;letter-spacing:-.2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcplayback-container .mcpb-sidebar__watch-date{font-size:10px;color:var(--theme-text-secondary);font-weight:500;line-height:1.1}.mcplayback-container .mcpb-dsidebar__watch-edit,.mcplayback-container .mcpb-sidebar__watch-edit{width:13px;height:13px;fill:currentColor;color:var(--mcpb-color-text-muted);flex-shrink:0}.mcplayback-container .mcpb-sidebar__divider{height:1px;background:var(--theme-border-light);margin:1px 0;flex-shrink:0}.mcplayback-container .mcpb-sidebar__loaded-layout{display:flex;align-items:baseline;grid-gap:5px;gap:5px;padding:0 2px 2px;flex-shrink:0;white-space:nowrap;overflow:hidden}.mcplayback-container .mcpb-sidebar__loaded-layout-label{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mcpb-color-text-muted);line-height:1;flex-shrink:0}.mcplayback-container .mcpb-sidebar__loaded-layout-name{font-size:11px;font-weight:600;color:var(--mcpb-color-text);line-height:1;overflow:hidden;text-overflow:ellipsis}.mcplayback-container .mcpb-sidebar__loaded-layout--custom .mcpb-sidebar__loaded-layout-name{color:var(--theme-text-secondary);font-style:italic;font-weight:500}.mcplayback-container .mcpb-sidebar .mcpb-cam-strip-wrap{flex:0 1 auto;min-height:0;grid-gap:4px;gap:4px}.mcplayback-container .mcpb-sidebar .mcpb-cam-slot-hint{font-size:9px;padding:0 2px 3px}.mcplayback-container .mcpb-sidebar__layouts{display:flex;flex-direction:column;grid-gap:4px;gap:4px;flex-shrink:0}.mcplayback-container .mcpb-sidebar__layouts-head{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mcpb-color-text-muted);padding:2px 2px 3px}.mcplayback-container .mcpb-sidebar__layouts-empty{font-size:10px;color:var(--mcpb-color-text-muted);padding:2px 2px 4px}.mcplayback-container .mcpb-layouts-empty-hint{font-size:10px;line-height:1.4;color:var(--mcpb-color-text-muted);opacity:.85;padding:0 2px 6px}.mcplayback-container .mcpb-sidebar__layout{display:flex;align-items:center;grid-gap:8px;gap:8px;height:32px;padding:0 10px;width:100%;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:6px;cursor:pointer;color:var(--mcpb-color-text);font-family:inherit;font-size:11px;font-weight:600;text-align:left}.mcplayback-container .mcpb-sidebar__layout:hover{background:var(--theme-bg-surface-hover);border-color:var(--mcpb-color-accent)}.mcplayback-container .mcpb-sidebar__layout--active{border-color:var(--mcpb-color-accent);background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-sidebar__layout-icon{color:var(--mcpb-color-accent);flex-shrink:0;line-height:1;display:inline-flex}.mcplayback-container .mcpb-sidebar__layout-icon svg{width:12px;height:12px;fill:currentColor;display:block}.mcplayback-container .mcpb-sidebar__layout-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcplayback-container .mcpb-sidebar__layouts-viewall{background:transparent;border:0;color:var(--mcpb-color-accent);cursor:pointer;font-family:inherit;font-size:10px;font-weight:600;padding:2px 0;text-decoration:underline;text-underline-offset:2px}.mcplayback-container .mcpb-sidebar__layouts-save{display:flex;align-items:center;justify-content:center;grid-gap:5px;gap:5px;height:30px;width:100%;background:transparent;border:1px dashed var(--theme-border-light);color:var(--theme-text-secondary);border-radius:6px;cursor:pointer;font-family:inherit;font-size:10px;font-weight:600}.mcplayback-container .mcpb-sidebar__layouts-save:hover{background:var(--theme-bg-surface-hover);border-color:var(--mcpb-color-accent);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-sidebar__nav{margin-top:auto;flex-shrink:0;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.mcplayback-container .mcpb-sidebar__nav-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:3px;gap:3px;padding:7px 2px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:5px;color:var(--mcpb-color-text-muted);cursor:pointer;font-family:inherit;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-sidebar__nav-btn:hover{background:var(--theme-bg-surface-hover);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-sidebar__nav-btn:disabled{cursor:default}.mcplayback-container .mcpb-sidebar__nav-btn--active{color:var(--mcpb-color-accent);border-color:var(--mcpb-color-accent);background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-sidebar__nav-btn svg{width:16px;height:16px;fill:currentColor}.mcplayback-container .mcpb-sidebar__nav-label{font-size:8px;font-weight:700;line-height:1}.mcplayback-container .mcpb-cam-strip--sidebar{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.mcplayback-container .mcpb-cam-strip--sidebar .mcpb-cam-pill{width:100%;height:34px}.mcplayback-container .mcpb-dsidebar{display:none;flex-direction:column;min-height:0;background:var(--theme-bg-sidebar,var(--theme-bg-surface));border-left:1px solid var(--theme-border-light)}.mcplayback-container .mcpb-dsidebar__scroll{flex:1 1;min-height:0;overflow-y:auto;padding:12px 12px 8px;display:flex;flex-direction:column;grid-gap:14px;gap:14px}.mcplayback-container .mcpb-dsidebar__watch{display:flex;flex-direction:column;grid-gap:3px;gap:3px;padding:8px 10px 9px;background:var(--theme-input-bg);border:1px solid var(--mcpb-color-accent);border-radius:6px;cursor:pointer;flex-shrink:0;text-align:left;font-family:inherit;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-dsidebar__watch:hover{background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-dsidebar__watch-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--mcpb-color-text-muted);line-height:1}.mcplayback-container .mcpb-dsidebar__watch-row{display:flex;align-items:center;justify-content:space-between;grid-gap:4px;gap:4px}.mcplayback-container .mcpb-dsidebar__watch-time{font-size:14px;font-weight:700;font-family:"SF Mono","Menlo",monospace;color:var(--mcpb-color-text);line-height:1;letter-spacing:-.2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcplayback-container .mcpb-dsidebar__watch-date{font-size:10px;color:var(--theme-text-secondary);font-weight:500;line-height:1.1}.mcplayback-container .mcpb-dsidebar__section{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.mcplayback-container .mcpb-dsidebar__head{font-size:10px;font-weight:700;color:var(--mcpb-color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 2px 2px}.mcplayback-container .mcpb-dsidebar__loaded-layout{font-size:11px;font-weight:600;color:var(--mcpb-color-text);padding:0 2px;margin:-3px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcplayback-container .mcpb-dsidebar__loaded-layout-label{font-size:9px;font-weight:700;color:var(--mcpb-color-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-right:5px}.mcplayback-container .mcpb-dsidebar__loaded-layout--custom .mcpb-dsidebar__loaded-layout-name{color:var(--theme-text-secondary);font-style:italic;font-weight:500}.mcplayback-container .mcpb-dsidebar .mcpb-cam-slot-hint{display:none}.mcplayback-container .mcpb-dsidebar .mcpb-cam-strip-wrap{grid-gap:0;gap:0}.mcplayback-container .mcpb-dsidebar__layouts{display:flex;flex-direction:column;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-dsidebar__layouts-empty{font-size:11px;color:var(--mcpb-color-text-muted);padding:2px 2px 4px}.mcplayback-container .mcpb-dsidebar__layout{position:relative;display:flex;align-items:stretch;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:6px;overflow:hidden}.mcplayback-container .mcpb-dsidebar__layout:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-dsidebar__layout--active{border-color:var(--mcpb-color-accent);background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-dsidebar__layout-body{flex:1 1;min-width:0;display:flex;flex-direction:column;grid-gap:3px;gap:3px;padding:8px 6px 9px 10px;background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit}.mcplayback-container .mcpb-dsidebar__layout-top{display:flex;align-items:center;grid-gap:7px;gap:7px}.mcplayback-container .mcpb-dsidebar__layout-icon{color:var(--mcpb-color-accent);flex-shrink:0;line-height:1;display:inline-flex}.mcplayback-container .mcpb-dsidebar__layout-icon svg{width:13px;height:13px;fill:currentColor;display:block}.mcplayback-container .mcpb-dsidebar__layout-name{flex:1 1;min-width:0;font-size:12px;font-weight:600;color:var(--mcpb-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcplayback-container .mcpb-dsidebar__layout-meta{font-size:10px;color:var(--mcpb-color-text-muted)}.mcplayback-container .mcpb-dsidebar__layout>.mcpb-actions{flex-shrink:0;display:flex}.mcplayback-container .mcpb-dsidebar__layout>.mcpb-actions>.mcpb-actions__trigger{width:34px;height:100%;border:0;border-left:1px solid var(--theme-border-light);border-radius:0;background:transparent;color:var(--mcpb-color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.mcplayback-container .mcpb-dsidebar__layout>.mcpb-actions>.mcpb-actions__trigger:hover{background:var(--theme-bg-surface-hover);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-dsidebar__layout-rename{flex:1 1;min-width:0;margin:6px;padding:4px 6px;font-family:inherit;font-size:12px;font-weight:600;color:var(--mcpb-color-text);background:var(--theme-input-bg);border:1px solid var(--mcpb-color-accent);border-radius:4px;outline:none}.mcplayback-container .mcpb-dsidebar__save{display:flex;align-items:center;justify-content:center;grid-gap:5px;gap:5px;padding:8px 10px;width:100%;background:transparent;border:1px dashed var(--theme-border-light);color:var(--theme-text-secondary);border-radius:6px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600}.mcplayback-container .mcpb-dsidebar__save:hover{background:var(--theme-bg-surface-hover);border-color:var(--mcpb-color-accent);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-dsidebar__footer{border-top:1px solid var(--theme-border-light);padding:8px 12px 10px;flex-shrink:0}.mcplayback-container .mcpb-dsidebar__nav{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-dsidebar__nav-btn{display:flex;align-items:center;justify-content:center;padding:7px 8px;background:var(--theme-input-bg);border:1px solid var(--mcpb-color-border);color:var(--mcpb-color-text);border-radius:4px;cursor:pointer;font-family:inherit;font-size:11px;font-weight:600;text-align:center;text-decoration:none}.mcplayback-container .mcpb-dsidebar__nav-btn:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-dsidebar__nav-btn--logout{color:var(--mcpb-color-danger);grid-column:1/-1}.mcplayback-container .mcpb-tree-search{width:100%;padding:8px 10px 8px 30px;background:var(--theme-input-bg) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b909a'><path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/></svg>") no-repeat 8px/16px;border:1px solid var(--mcpb-color-border);border-radius:5px;color:var(--mcpb-color-text);font-size:12px;font-family:inherit}.mcplayback-container .mcpb-tree{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.mcplayback-container .mcpb-tree__system{font-size:9px;font-weight:700;color:var(--mcpb-color-text-muted);text-transform:uppercase;letter-spacing:.4px;padding:6px 2px 3px}.mcplayback-container .mcpb-tree__cam{display:flex;align-items:center;grid-gap:7px;gap:7px;width:100%;padding:5px 9px;border-radius:4px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);cursor:grab;font-family:inherit;font-size:12px;text-align:left}.mcplayback-container .mcpb-tree__cam:hover{background:var(--theme-bg-surface-hover);border-color:var(--mcpb-color-accent)}.mcplayback-container .mcpb-tree__cam:active{cursor:grabbing}.mcplayback-container .mcpb-tree__dot{width:7px;height:7px;border-radius:50%;background:#4ec84e;flex-shrink:0}.mcplayback-container .mcpb-tree__cam-id{font-family:"SF Mono","Menlo",monospace;font-weight:600;color:var(--theme-text-secondary);font-size:11px}.mcplayback-container .mcpb-tree__cam-name{flex:1 1;color:var(--mcpb-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcplayback-container .mcpb-tree__system-collapsed{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 9px;margin-top:2px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:4px;font-size:11px;font-weight:600;color:var(--theme-text-secondary);cursor:pointer;font-family:inherit;text-align:left}.mcplayback-container .mcpb-tree__system-collapsed:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-tree__system-collapsed__count{font-size:10px;font-weight:400;color:var(--mcpb-color-text-muted)}.mcplayback-container .mcpb-tree-section .mcpb-drawer-empty{padding:6px 2px}.mcplayback-container .mcpb-timeline{flex-shrink:0;display:flex;flex-direction:column;grid-gap:3px;gap:3px}.mcplayback-container .mcpb-timeline__ticks{display:flex;justify-content:space-between;font-size:9px;color:var(--mcpb-color-text-muted);font-family:"SF Mono","Menlo",monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 1px}.mcplayback-container .mcpb-timeline__bar{position:relative;height:34px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:5px;overflow:hidden;cursor:pointer;touch-action:none;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-timeline__band{position:absolute;inset:0}.mcplayback-container .mcpb-timeline__band--dimmed{opacity:.45}.mcplayback-container .mcpb-timeline__bar--multi{display:flex;flex-direction:column;grid-gap:2px;gap:2px;padding:2px 0}.mcplayback-container .mcpb-timeline__bar--multi .mcpb-timeline__band{position:relative;inset:auto;flex:1 1;min-height:11px;background:hsla(0,0%,49.8%,.1);border-radius:2px}.mcplayback-container .mcpb-timeline__bar--multi .mcpb-timeline__clip{top:1px;bottom:1px}.mcplayback-container .mcpb-timeline__bar--multi .mcpb-timeline__dot{top:0;width:6px;height:6px}.mcplayback-container .mcpb-timeline__clip{position:absolute;top:7px;bottom:7px;background:var(--clip-cam-color,var(--cam-01));border-radius:2px;min-width:2px;opacity:.9}.mcplayback-container .mcpb-timeline__clip--sf{background:var(--smart-fill);opacity:.5}.mcplayback-container .mcpb-timeline__dot{position:absolute;top:3px;width:7px;height:7px;border-radius:50%;transform:translateX(-50%);border:1px solid rgba(0,0,0,.35)}.mcplayback-container .mcpb-timeline__dot.mcpb-ai-person{background:var(--ai-person)}.mcplayback-container .mcpb-timeline__dot.mcpb-ai-vehicle{background:var(--ai-vehicle)}.mcplayback-container .mcpb-timeline__dot.mcpb-ai-alert{background:var(--ai-alert)}.mcplayback-container .mcpb-timeline__playhead{position:absolute;top:-1px;bottom:-1px;width:2px;background:var(--playhead);transform:translateX(-1px);box-shadow:0 0 4px var(--playhead);pointer-events:none}.mcplayback-container .mcpb-timeline-viz{flex-shrink:0;display:flex;flex-direction:column;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-timeline-viz__head{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px}.mcplayback-container .mcpb-timeline-viz__label{font-size:10px;font-weight:700;color:var(--mcpb-color-text-muted);text-transform:uppercase;letter-spacing:.5px}.mcplayback-container .mcpb-timeline-viz__showall{background:transparent;border:0;cursor:pointer;color:var(--mcpb-color-accent);font-family:inherit;font-size:11px;font-weight:700}.mcplayback-container .mcpb-timeline-viz__chips{display:flex;grid-gap:5px;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.mcplayback-container .mcpb-timeline-viz__chips::-webkit-scrollbar{display:none}.mcplayback-container .mcpb-timeline-viz__chip{flex-shrink:0;display:inline-flex;align-items:center;grid-gap:5px;gap:5px;padding:6px 10px;white-space:nowrap;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:14px;color:var(--mcpb-color-text);font-family:inherit;font-size:11px;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-timeline-viz__chip--off{opacity:.4}.mcplayback-container .mcpb-timeline-viz__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.mcplayback-container .mcpb-timeline-viz__svg{width:12px;height:12px;fill:currentColor;flex-shrink:0}.mcplayback-container .mcpb-viewer{position:relative;flex-shrink:0}.mcplayback-container .mcpb-cell{position:relative;overflow:visible;container-type:inline-size;aspect-ratio:16/9;background:#000;border:2px solid var(--cell-cam-color,var(--mcpb-color-border));border-radius:5px}.mcplayback-container .mcpb-cell__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:transparent;border-radius:3px}.mcplayback-container .mcpb-cell__gap{z-index:3;padding:8px;text-align:center;background:rgba(0,0,0,.45);color:hsla(0,0%,100%,.7);font-size:clamp(12px,3.4cqi,18px);font-weight:600;letter-spacing:.3px}.mcplayback-container .mcpb-cell__buffering,.mcplayback-container .mcpb-cell__gap{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:3px;pointer-events:none}.mcplayback-container .mcpb-cell__buffering{z-index:4;background:rgba(0,0,0,.28)}.mcplayback-container .mcpb-cell__spinner{width:clamp(22px,12cqi,64px);height:clamp(22px,12cqi,64px);border:solid hsla(0,0%,100%,.28);border-top:solid #fff;border-radius:50%;animation:mcpb-spin .8s linear infinite}@keyframes mcpb-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.mcplayback-container .mcpb-cell__spinner{animation-duration:1.6s}}.mcplayback-container .mcpb-cell__error{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:clamp(4px,1.6cqi,10px);gap:clamp(4px,1.6cqi,10px);padding:clamp(6px,2.4cqi,16px);text-align:center;background:rgba(0,0,0,.62);border-radius:3px;color:hsla(0,0%,100%,.85);font-size:clamp(11px,3.6cqi,20px);font-weight:600;letter-spacing:.3px;pointer-events:none}.mcplayback-container .mcpb-cell__error-icon{width:clamp(22px,11cqi,56px);height:clamp(22px,11cqi,56px);fill:#f0a23b}.mcplayback-container .mcpb-cell--empty{border:1px solid var(--mcpb-color-text-muted)}.mcplayback-container .mcpb-cell__empty-prompt{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:6px;gap:6px;background:transparent;border:0;color:var(--mcpb-color-text-muted);font-family:inherit;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-cell__empty-prompt:hover{color:var(--mcpb-color-text)}.mcplayback-container .mcpb-cell__empty-prompt__plus{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,49.8%,.12);border:1px solid var(--mcpb-color-text-muted);border-radius:50%;font-size:18px;font-weight:700;line-height:1}.mcplayback-container .mcpb-cell__empty-prompt:hover .mcpb-cell__empty-prompt__plus{border-color:var(--mcpb-color-text);background:hsla(0,0%,49.8%,.2)}.mcplayback-container .mcpb-cell__cam-name,.mcplayback-container .mcpb-cell__timestamp{position:absolute;bottom:6px;padding:4px 9px;background:rgba(0,0,0,.55);border:0;border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:hsla(0,0%,100%,.92);font-family:inherit;font-size:12px;font-weight:500;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:5}.mcplayback-container .mcpb-cell__cam-name{left:6px;max-width:calc(100% - 96px);display:inline-flex;align-items:center;cursor:pointer;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-cell__cam-name:hover{background:rgba(0,0,0,.72)}.mcplayback-container .mcpb-cell__timestamp{right:6px;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.mcplayback-container .mcpb-cell__info{position:absolute;top:6px;left:6px;z-index:5;display:flex;flex-direction:column;grid-gap:1px;gap:1px;max-width:calc(100% - 12px);padding:clamp(3px,1.2cqi,6px) clamp(5px,1.8cqi,9px);background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:7px;color:hsla(0,0%,100%,.92);font-size:clamp(8px,2.8cqi,12px);font-weight:500;line-height:1.3;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none}.mcplayback-container .mcpb-cell__chrome-tr{position:absolute;top:6px;right:6px;display:flex;align-items:center;grid-gap:4px;gap:4px;z-index:6}.mcplayback-container .mcpb-cell__status-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:11px;color:#fff}.mcplayback-container .mcpb-cell__status-icon svg{width:12px;height:12px;fill:currentColor;display:block}.mcplayback-container .mcpb-cell__status-icon--archived{color:#4ec84e}.mcplayback-container .mcpb-cell__status-icon--exported{color:var(--mcpb-color-accent)}.mcplayback-container .mcpb-grid--conf-2 .mcpb-cell,.mcplayback-container .mcpb-grid--conf-4 .mcpb-cell{touch-action:none}.mcplayback-container .mcpb-cell--dragging{opacity:.55;transform:scale(.96);box-shadow:0 10px 28px rgba(0,0,0,.55);outline:2px solid var(--mcpb-color-accent);outline-offset:-2px;cursor:grabbing;z-index:10}.mcplayback-container .mcpb-cell--drag-target{outline:3px solid var(--mcpb-color-accent);outline-offset:-3px}.mcplayback-container .mcpb-cell--drag-target:after{content:"";position:absolute;inset:0;z-index:3;background:var(--mcpb-color-accent);opacity:.18;border-radius:5px;pointer-events:none}.mcplayback-container .mcpb-cell__drop-cue{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;display:flex;align-items:center;grid-gap:6px;gap:6px;padding:6px 12px;background:var(--mcpb-color-accent);color:#fff;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 4px 14px rgba(0,0,0,.4);pointer-events:none}.mcplayback-container .mcpb-cell__drop-cue svg{width:16px;height:16px;fill:currentColor}.mcplayback-container .mcpb-cell--selected{outline:2px solid var(--mcpb-color-accent);outline-offset:-2px}.mcplayback-container .mcpb-transport{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;align-items:center;grid-gap:6px;gap:6px;max-width:calc(100% - 12px);padding:6px 10px;background:rgba(0,0,0,.68);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;box-shadow:0 4px 18px rgba(0,0,0,.5);z-index:15}.mcplayback-container .mcpb-transport--row{position:static;transform:none;left:auto;bottom:auto;margin:8px auto 0;width:max-content;max-width:100%}.mcplayback-container .mcpb-transport__btn{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:50%;color:hsla(0,0%,100%,.9);cursor:pointer;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-transport__btn:hover{background:hsla(0,0%,100%,.12)}.mcplayback-container .mcpb-transport__btn--play{background:var(--mcpb-color-accent);color:#fff}.mcplayback-container .mcpb-transport__btn--play:hover{background:var(--mcpb-color-accent-dark)}.mcplayback-container .mcpb-transport__btn svg{width:16px;height:16px;fill:currentColor}.mcplayback-container .mcpb-transport__btn--skip{display:none}.mcplayback-container .mcpb-transport__btn--skip svg{width:19px;height:19px}@media (min-width:768px){.mcplayback-container .mcpb-transport__btn--skip{display:flex}}.mcplayback-container .mcpb-transport__divider{width:1px;height:18px;flex-shrink:0;margin:0 3px;background:hsla(0,0%,100%,.2)}.mcplayback-container .mcpb-transport__elapsed{color:hsla(0,0%,100%,.78);font-size:11px;font-family:"SF Mono","Menlo",monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding:0 4px;white-space:nowrap}.mcplayback-container .mcpb-transport__speed{position:relative;width:40px;height:36px;flex-shrink:0}.mcplayback-container .mcpb-speed-trigger{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.12);border:0;border-radius:5px;color:hsla(0,0%,100%,.95);cursor:pointer;font-size:11px;font-weight:700}.mcplayback-container .mcpb-speed-trigger:hover{background:hsla(0,0%,100%,.2)}.mcplayback-container .mcpb-transport__speed--open .mcpb-speed-trigger{display:none}.mcplayback-container .mcpb-speed-popover{position:absolute;bottom:0;left:0;width:40px;display:flex;flex-direction:column;grid-gap:1px;gap:1px;padding:2px;background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:6px;box-shadow:0 -4px 14px rgba(0,0,0,.5);z-index:30}.mcplayback-container .mcpb-speed-popover__btn{height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:4px;cursor:pointer;color:var(--mcpb-color-text);font-size:11px;font-weight:600}.mcplayback-container .mcpb-speed-popover__btn:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-speed-popover__btn--active{background:var(--mcpb-color-accent);color:#fff}.mcplayback-container .mcpb-transport__layout{position:relative;width:36px;height:36px;flex-shrink:0}.mcplayback-container .mcpb-layout-trigger{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.12);border:0;border-radius:5px;color:hsla(0,0%,100%,.95);cursor:pointer}.mcplayback-container .mcpb-layout-trigger:hover{background:hsla(0,0%,100%,.2)}.mcplayback-container .mcpb-layout-trigger svg{width:15px;height:15px;fill:currentColor}.mcplayback-container .mcpb-transport__layout--open .mcpb-layout-trigger{display:none}.mcplayback-container .mcpb-layout-popover{position:absolute;bottom:0;left:0;width:36px;display:flex;flex-direction:column;grid-gap:1px;gap:1px;padding:2px;background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:6px;box-shadow:0 -4px 14px rgba(0,0,0,.5);z-index:30}.mcplayback-container .mcpb-layout-popover__btn{height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:4px;cursor:pointer;color:var(--mcpb-color-text);font-size:12px;font-weight:700}.mcplayback-container .mcpb-layout-popover__btn:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-layout-popover__btn--active{background:var(--mcpb-color-accent);color:#fff}.mcplayback-container .mcpb-transport__autoskip{display:none;align-items:center;grid-gap:7px;gap:7px;flex-shrink:0;font-size:12px;color:var(--mcpb-color-text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.mcplayback-container .mcpb-transport__autoskip-text{font-weight:600}@media screen and (min-width:768px) and (min-height:540px){.mcplayback-container .mcpb-transport__autoskip{display:inline-flex}}.mcplayback-container .mcpb-transport__cog{position:relative;flex-shrink:0}.mcplayback-container .mcpb-cog-trigger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.12);border:0;border-radius:50%;color:hsla(0,0%,100%,.95);cursor:pointer}.mcplayback-container .mcpb-cog-trigger:hover{background:hsla(0,0%,100%,.2)}.mcplayback-container .mcpb-cog-trigger svg{width:16px;height:16px;fill:currentColor}.mcplayback-container .mcpb-cog-popover{position:absolute;bottom:calc(100% + 8px);right:0;width:220px;display:flex;flex-direction:column;grid-gap:6px;gap:6px;padding:8px 10px;background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:6px;box-shadow:0 -4px 18px rgba(0,0,0,.5);z-index:30}.mcplayback-container .mcpb-cog-popover__row{display:flex;align-items:center;justify-content:space-between;grid-gap:8px;gap:8px;padding:4px 0;margin:0;cursor:pointer}.mcplayback-container .mcpb-cog-popover__row-label{font-size:12px;color:var(--mcpb-color-text)}.mcplayback-container .mcpb-cog-popover__divider{height:1px;background:var(--theme-border-light);margin:2px 0}.mcplayback-container .mcpb-cog-popover__note{font-size:10px;color:var(--mcpb-color-text-muted)}.mcplayback-container .mcpb-switch{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.mcplayback-container .mcpb-switch__input{position:absolute;opacity:0;pointer-events:none}.mcplayback-container .mcpb-switch__track{width:28px;height:16px;background:var(--mcpb-color-border);border-radius:8px;position:relative}.mcplayback-container .mcpb-switch__thumb{position:absolute;top:1px;left:1px;width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:left .15s ease}.mcplayback-container .mcpb-switch__input:checked+.mcpb-switch__track{background:var(--mcpb-color-accent)}.mcplayback-container .mcpb-switch__input:checked+.mcpb-switch__track .mcpb-switch__thumb{left:13px}.mcplayback-container .mcpb-actions{position:relative;flex-shrink:0}.mcplayback-container .mcpb-actions__trigger{display:inline-flex;align-items:center;justify-content:center;grid-gap:6px;gap:6px;width:30px;height:30px;padding:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:0;border-radius:15px;cursor:pointer;color:#fff;font-family:inherit;font-size:12px;font-weight:600;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-actions__trigger:hover{background:rgba(0,0,0,.78)}.mcplayback-container .mcpb-actions__trigger-icon{display:inline-flex;align-items:center;line-height:1}.mcplayback-container .mcpb-actions__trigger-icon svg{width:15px;height:15px;fill:currentColor;display:block}.mcplayback-container .mcpb-actions__menu{position:absolute;top:calc(100% + 4px);min-width:184px;max-width:250px;display:flex;flex-direction:column;grid-gap:1px;gap:1px;padding:4px;background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:6px;box-shadow:0 6px 22px rgba(0,0,0,.5);z-index:1100}.mcplayback-container .mcpb-actions__menu--right{right:0;left:auto}.mcplayback-container .mcpb-actions__menu--left{left:0;right:auto}.mcplayback-container .mcpb-actions__header{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--mcpb-color-text-muted);padding:6px 9px 7px;margin-bottom:3px;border-bottom:1px solid var(--theme-border-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcplayback-container .mcpb-actions__item{display:flex;align-items:center;grid-gap:10px;gap:10px;padding:9px 10px;background:transparent;border:0;border-radius:4px;cursor:pointer;color:var(--mcpb-color-text);font-family:inherit;font-size:13px;font-weight:500;text-align:left;width:100%;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-actions__item:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-actions__item svg{width:16px;height:16px;fill:currentColor;flex-shrink:0}.mcplayback-container .mcpb-actions__item-label{flex:1 1}.mcplayback-container .mcpb-actions__item.is-active{color:var(--mcpb-color-accent)}.mcplayback-container .mcpb-actions__item.is-active svg{fill:var(--mcpb-color-accent)}.mcplayback-container .mcpb-actions__item:disabled{color:var(--mcpb-color-text-muted);opacity:.5;cursor:default}.mcplayback-container .mcpb-actions__item:disabled:hover{background:transparent}.mcplayback-container .mcpb-actions__item-badge{margin-left:auto;font-size:9px;font-weight:700;color:var(--mcpb-color-text-muted);background:var(--theme-bg-surface-hover);padding:2px 6px;border-radius:8px}.mcplayback-container .mcpb-actions__trigger-label{font-size:12px;font-weight:600}.mcplayback-container .mcpb-actions__menu--up{top:auto;bottom:calc(100% + 4px)}.mcplayback-container .mcpb-toasts{position:fixed;left:calc(env(safe-area-inset-left, 0px) + 12px);top:calc(env(safe-area-inset-top, 0px) + 60px);z-index:60;display:flex;flex-direction:column-reverse;align-items:flex-start;grid-gap:8px;gap:8px;width:max-content;max-width:min(92vw,460px);pointer-events:none}.mcplayback-container .mcpb-toast{pointer-events:auto;display:flex;align-items:center;grid-gap:10px;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:500;color:#fff;background:rgba(30,36,50,.96);border:1px solid hsla(0,0%,100%,.12);box-shadow:0 6px 22px rgba(0,0,0,.4);animation:mcpb-toast-in .22s ease-out}.mcplayback-container .mcpb-toast--success{background:rgba(34,102,68,.97);border-color:hsla(0,0%,100%,.18)}.mcplayback-container .mcpb-toast--error{background:rgba(176,58,58,.97);border-color:hsla(0,0%,100%,.18)}.mcplayback-container .mcpb-toast__msg{line-height:1.3}.mcplayback-container .mcpb-toast__undo{flex-shrink:0;background:transparent;border:1px solid hsla(0,0%,100%,.5);border-radius:5px;color:#fff;font:inherit;font-weight:700;font-size:12px;padding:3px 10px;cursor:pointer;text-transform:uppercase;letter-spacing:.4px}.mcplayback-container .mcpb-toast__undo:hover{background:hsla(0,0%,100%,.16)}.mcplayback-container .mcpb-toast__close{flex-shrink:0;background:transparent;border:0;color:hsla(0,0%,100%,.7);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.mcplayback-container .mcpb-toast__close:hover{color:#fff}@keyframes mcpb-toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px) and (orientation:portrait){.mcplayback-container .mcplayback-main{max-width:760px;width:100%;margin-inline:auto}}@media screen and (min-width:768px) and (orientation:portrait){.mcplayback-container .mcplayback-main{padding:10px;grid-gap:8px;gap:8px}.mcplayback-container .mcpb-viewer{flex:1 1;min-height:0;display:flex;flex-direction:column}.mcplayback-container .mcpb-grid{flex:1 1;min-height:0;grid-gap:6px;gap:6px}.mcplayback-container .mcpb-grid--conf-1{grid-template-rows:1fr}.mcplayback-container .mcpb-grid--conf-2,.mcplayback-container .mcpb-grid--conf-4{grid-template-rows:1fr 1fr}.mcplayback-container .mcpb-viewer .mcpb-cell{aspect-ratio:auto;min-height:0}.mcplayback-container .mcpb-time-control{padding:9px 13px}.mcplayback-container .mcpb-transport--row{position:static;transform:none;left:auto;bottom:auto;width:auto;max-width:none;margin:0;justify-content:center;grid-gap:8px;gap:8px;background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:6px;padding:7px 12px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;min-height:50px}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn{width:40px;height:40px;border-radius:6px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn--play{background:var(--mcpb-color-accent);border-color:var(--mcpb-color-accent);color:#fff}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn--play:hover{background:var(--mcpb-color-accent-dark)}.mcplayback-container .mcpb-transport--row .mcpb-transport__elapsed{color:var(--theme-text-secondary);font-size:12px}.mcplayback-container .mcpb-transport--row .mcpb-transport__divider{background:var(--mcpb-color-border);height:22px}.mcplayback-container .mcpb-transport--row .mcpb-cog-trigger,.mcplayback-container .mcpb-transport--row .mcpb-layout-trigger,.mcplayback-container .mcpb-transport--row .mcpb-speed-trigger{background:var(--theme-input-bg);border:1px solid var(--theme-border-light);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-transport--row .mcpb-cog-trigger:hover,.mcplayback-container .mcpb-transport--row .mcpb-layout-trigger:hover,.mcplayback-container .mcpb-transport--row .mcpb-speed-trigger:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-cam-strip--strip{grid-gap:6px;gap:6px}.mcplayback-container .mcpb-cam-strip--strip .mcpb-cam-pill{height:44px}.mcplayback-container .mcpb-cam-strip--strip .mcpb-cam-pill__name{font-size:13px}.mcplayback-container .mcpb-cam-slot-hint{font-size:10px}.mcplayback-container .mcpb-timeline__bar{height:46px}.mcplayback-container .mcpb-timeline__bar--multi{height:88px}.mcplayback-container .mcpb-timeline__ticks{font-size:10px}}@media screen and (min-width:768px) and (max-width:1279px) and (orientation:landscape) and (min-height:540px){.mcplayback-container.is-grid .live-mobile-nav,.mcplayback-container .mcpb-stage .mcpb-cam-strip-wrap,.mcplayback-container .mcpb-time-control{display:none}.mcplayback-container .mcplayback-main{padding:8px;grid-gap:0;gap:0}.mcplayback-container .mcpb-workspace{display:grid;grid-template-columns:1fr 200px;grid-gap:8px;gap:8px;align-items:stretch}.mcplayback-container .mcpb-stage{grid-gap:6px;gap:6px}.mcplayback-container .mcpb-viewer{flex:1 1;min-height:0;display:flex;flex-direction:column}.mcplayback-container .mcpb-grid{flex:1 1;min-height:0}.mcplayback-container .mcpb-grid--conf-1{grid-template-rows:1fr}.mcplayback-container .mcpb-viewer .mcpb-cell{aspect-ratio:auto;min-height:0}.mcplayback-container .mcpb-grid--conf-2,.mcplayback-container .mcpb-viewer--conf-2 .mcpb-grid--conf-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mcplayback-container .mcpb-grid--conf-4{grid-template-rows:1fr 1fr}.mcplayback-container .mcpb-transport--row{position:static;transform:none;left:auto;bottom:auto;width:auto;max-width:none;margin:0;justify-content:center;grid-gap:8px;gap:8px;background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:6px;padding:6px 12px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;min-height:46px}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn{width:38px;height:38px;border-radius:6px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn--play{background:var(--mcpb-color-accent);border-color:var(--mcpb-color-accent);color:#fff}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn--play:hover{background:var(--mcpb-color-accent-dark)}.mcplayback-container .mcpb-transport--row .mcpb-transport__elapsed{color:var(--theme-text-secondary);font-size:12px}.mcplayback-container .mcpb-transport--row .mcpb-transport__divider{background:var(--mcpb-color-border);height:22px}.mcplayback-container .mcpb-transport--row .mcpb-cog-trigger,.mcplayback-container .mcpb-transport--row .mcpb-layout-trigger,.mcplayback-container .mcpb-transport--row .mcpb-speed-trigger{background:var(--theme-input-bg);border:1px solid var(--theme-border-light);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-transport--row .mcpb-cog-trigger:hover,.mcplayback-container .mcpb-transport--row .mcpb-layout-trigger:hover,.mcplayback-container .mcpb-transport--row .mcpb-speed-trigger:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-timeline__bar{height:34px}.mcplayback-container .mcpb-timeline__bar--multi{height:64px}.mcplayback-container .mcpb-sidebar{display:flex}.mcplayback-container .mcpb-rail{display:none}}@media screen and (min-width:1280px){.mcplayback-container.is-grid .live-mobile-nav,.mcplayback-container .mcpb-stage .mcpb-cam-strip-wrap,.mcplayback-container .mcpb-time-control{display:none}.mcplayback-container .mcplayback-main{padding:0;grid-gap:0;gap:0;max-width:none;margin:0}.mcplayback-container .mcpb-workspace{display:grid;grid-template-columns:1fr 260px;grid-gap:0;gap:0;align-items:stretch}.mcplayback-container .mcpb-stage{grid-gap:6px;gap:6px;padding:10px;min-width:0}.mcplayback-container .mcpb-viewer{flex:1 1;min-height:0;display:flex;flex-direction:column}.mcplayback-container .mcpb-grid{flex:1 1;min-height:0}.mcplayback-container .mcpb-grid--conf-1{grid-template-rows:1fr}.mcplayback-container .mcpb-viewer .mcpb-cell{aspect-ratio:auto;min-height:0}.mcplayback-container .mcpb-grid--conf-2,.mcplayback-container .mcpb-viewer--conf-2 .mcpb-grid--conf-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mcplayback-container .mcpb-grid--conf-4{grid-template-rows:1fr 1fr}.mcplayback-container .mcpb-transport--row{position:static;transform:none;left:auto;bottom:auto;width:auto;max-width:none;margin:0;justify-content:center;grid-gap:8px;gap:8px;background:var(--theme-bg-surface);border:1px solid var(--theme-border-light);border-radius:6px;padding:6px 12px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;min-height:46px}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn{width:38px;height:38px;border-radius:6px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn--play{background:var(--mcpb-color-accent);border-color:var(--mcpb-color-accent);color:#fff}.mcplayback-container .mcpb-transport--row .mcpb-transport__btn--play:hover{background:var(--mcpb-color-accent-dark)}.mcplayback-container .mcpb-transport--row .mcpb-transport__elapsed{color:var(--theme-text-secondary);font-size:12px}.mcplayback-container .mcpb-transport--row .mcpb-transport__divider{background:var(--mcpb-color-border);height:22px}.mcplayback-container .mcpb-transport--row .mcpb-cog-trigger,.mcplayback-container .mcpb-transport--row .mcpb-layout-trigger,.mcplayback-container .mcpb-transport--row .mcpb-speed-trigger{background:var(--theme-input-bg);border:1px solid var(--theme-border-light);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-transport--row .mcpb-cog-trigger:hover,.mcplayback-container .mcpb-transport--row .mcpb-layout-trigger:hover,.mcplayback-container .mcpb-transport--row .mcpb-speed-trigger:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-dsidebar{display:flex}.mcplayback-container .mcpb-rail,.mcplayback-container .mcpb-sidebar{display:none}}@media screen and (orientation:landscape) and (max-height:500px) and (max-width:932px){.mcplayback-container .live-mobile-nav,.mcplayback-container .mcpb-stage .mcpb-cam-strip-wrap,.mcplayback-container .mcpb-time-control{display:none}.mcplayback-container .mcplayback-main{padding:4px;grid-gap:0;gap:0}.mcplayback-container .mcpb-workspace{display:grid;grid-template-columns:1fr 144px;grid-gap:6px;gap:6px;align-items:stretch}.mcplayback-container .mcpb-stage{grid-gap:4px;gap:4px}.mcplayback-container .mcpb-viewer{flex:1 1;min-height:0;display:flex;flex-direction:column}.mcplayback-container .mcpb-grid{flex:1 1;min-height:0}.mcplayback-container .mcpb-grid--conf-1{grid-template-rows:1fr}.mcplayback-container .mcpb-viewer .mcpb-cell{aspect-ratio:auto;min-height:0}.mcplayback-container .mcpb-grid--conf-2,.mcplayback-container .mcpb-viewer--conf-2 .mcpb-grid--conf-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.mcplayback-container .mcpb-grid--conf-4{grid-template-rows:1fr 1fr}.mcplayback-container .mcpb-viewer .mcpb-transport--row{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);margin:0;width:max-content;max-width:calc(100% - 12px);transition:opacity .2s ease,transform .2s ease}.mcplayback-container .mcpb-viewer .mcpb-transport--row.mcpb-transport--hidden{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(10px)}.mcplayback-container .mcpb-timeline__bar{height:30px}.mcplayback-container .mcpb-rail{display:flex}}.mcplayback-container .mcpb-dtp-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:1000}.mcplayback-container .mcpb-dtp-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 24px);max-width:340px;max-height:calc(100% - 24px);display:flex;flex-direction:column;background:var(--theme-bg-surface);border:1px solid var(--mcpb-color-border);border-radius:8px;box-shadow:0 12px 36px rgba(0,0,0,.6);overflow:hidden;z-index:1001}.mcplayback-container .mcpb-dtp-header{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:9px 12px;background:var(--mcpb-color-accent);color:#fff;flex-shrink:0}.mcplayback-container .mcpb-dtp-header__title{font-size:14px;font-weight:600;flex:1 1}.mcplayback-container .mcpb-dtp-header__clock{font-size:11px;font-weight:600;color:hsla(0,0%,100%,.82);font-family:"SF Mono","Menlo",monospace;background:rgba(0,0,0,.22);padding:3px 8px;border-radius:10px;letter-spacing:-.2px;white-space:nowrap}.mcplayback-container .mcpb-dtp-header__clock-label{font-size:8px;font-weight:700;color:hsla(0,0%,100%,.6);letter-spacing:.4px;margin-right:4px}.mcplayback-container .mcpb-dtp-header__close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#fff;font-size:18px;line-height:1;cursor:pointer;border-radius:4px;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-dtp-header__close:hover{background:hsla(0,0%,100%,.18)}.mcplayback-container .mcpb-dtp-body{padding:10px 14px 14px;display:flex;flex-direction:column;grid-gap:9px;gap:9px;overflow-y:auto}.mcplayback-container .mcpb-dtp-section-label{font-size:9px;font-weight:700;color:var(--mcpb-color-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.mcplayback-container .mcpb-dtp-date-row{display:flex;align-items:center;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-dtp-date-row__nav{width:32px;cursor:pointer;font-size:15px}.mcplayback-container .mcpb-dtp-date-row__nav,.mcplayback-container .mcpb-dtp-date-row__now{height:32px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:4px;color:var(--mcpb-color-text)}.mcplayback-container .mcpb-dtp-date-row__now{flex:1 1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.mcplayback-container .mcpb-dtp-date-chips{display:flex;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-dtp-date-chip{flex:1 1;padding:7px 6px;background:transparent;border:1px solid var(--theme-border-light);border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;color:var(--theme-text-secondary);text-align:center}.mcplayback-container .mcpb-dtp-date-chip:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-dtp-datepicker{width:100%;height:36px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:4px;color:var(--mcpb-color-text);font-size:14px;padding:0 8px}.mcplayback-container .mcpb-dtp-time-row{display:flex;align-items:center;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-dtp-time-input{width:52px;height:36px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:4px;color:var(--mcpb-color-text);font-family:"SF Mono","Menlo",monospace;font-size:16px;font-weight:600;text-align:center}.mcplayback-container .mcpb-dtp-time-sep{font-size:15px;color:var(--mcpb-color-text-muted);font-weight:700}.mcplayback-container .mcpb-dtp-time-now{margin-left:auto;padding:7px 12px;background:var(--theme-input-bg);border:1px solid var(--mcpb-color-accent);color:var(--mcpb-color-accent);font-size:11px;font-weight:700;border-radius:4px;cursor:pointer}.mcplayback-container .mcpb-dtp-window-chips{display:flex;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-dtp-window-chip{flex:1 1;padding:7px 6px;background:transparent;border:1px solid var(--theme-border-light);border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;color:var(--theme-text-secondary);text-align:center}.mcplayback-container .mcpb-dtp-window-chip:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-dtp-window-chip--active{background:var(--mcpb-color-accent-15);border-color:var(--mcpb-color-accent);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-dtp-range-toggle,.mcplayback-container .mcpb-dtp-section-label--range{display:none}.mcplayback-container .mcpb-dtp-range-toggle__btn{flex:1 1;padding:5px 6px;background:transparent;border:0;border-radius:4px;cursor:pointer;color:var(--theme-text-secondary);font-size:11px;font-weight:600}.mcplayback-container .mcpb-dtp-range-toggle__btn:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-dtp-range-toggle__btn--active{background:var(--mcpb-color-accent);color:#fff}.mcplayback-container .mcpb-dtp-range-toggle__btn--active:hover{background:var(--mcpb-color-accent)}.mcplayback-container .mcpb-dtp-range-custom{display:flex;flex-direction:column;grid-gap:6px;gap:6px}.mcplayback-container .mcpb-dtp-range-custom__to{color:var(--mcpb-color-text-muted);font-size:11px;margin-right:2px}.mcplayback-container .mcpb-dtp-range-custom__note{font-size:10px;color:var(--mcpb-color-text-muted)}.mcplayback-container .mcpb-dtp-range-custom__err{font-size:10px;color:var(--mcpb-color-danger);font-weight:600}@media screen and (min-width:768px) and (min-height:540px){.mcplayback-container .mcpb-dtp-section-label--show{display:none}.mcplayback-container .mcpb-dtp-section-label--range{display:block}.mcplayback-container .mcpb-dtp-range-toggle{display:flex;grid-gap:2px;gap:2px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:6px;padding:2px}}.mcplayback-container .mcpb-dtp-event-chips{display:flex;flex-wrap:wrap;justify-content:center;grid-gap:5px;gap:5px}.mcplayback-container .mcpb-dtp-event-chip{padding:7px 10px;display:inline-flex;align-items:center;grid-gap:5px;gap:5px;background:transparent;border:1px solid var(--theme-border-light);border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;color:var(--theme-text-secondary);white-space:nowrap}.mcplayback-container .mcpb-dtp-event-chip:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-dtp-event-chip__dot{width:9px;height:9px;border-radius:50%;border:.5px solid hsla(0,0%,100%,.25)}.mcplayback-container .mcpb-dtp-event-chip__svg{width:11px;height:11px;fill:currentColor;flex-shrink:0}.mcplayback-container .mcpb-dtp-event-chip--active{background:var(--mcpb-color-accent-15);border-color:var(--mcpb-color-accent);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-dtp-go-btn{margin-top:6px;padding:11px 0;background:var(--mcpb-color-accent);color:#fff;border:0;border-radius:5px;font-size:14px;font-weight:700;cursor:pointer}.mcplayback-container .mcpb-dtp-go-btn:hover{background:var(--mcpb-color-accent-dark)}.mcplayback-container .mcpb-entry{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;grid-gap:9px;gap:9px;padding:2px 2px 0}.mcplayback-container .mcpb-entry__close{position:absolute;top:10px;right:10px;z-index:2;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--theme-border-light);border-radius:6px;background:var(--theme-input-bg);color:var(--mcpb-color-text-muted);font-size:14px;line-height:1;cursor:pointer}.mcplayback-container .mcpb-entry__close:hover{background:var(--theme-bg-surface-hover);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-entry__col-a,.mcplayback-container .mcpb-entry__col-b,.mcplayback-container .mcpb-entry__find{display:contents}.mcplayback-container .mcpb-entry__intro{display:flex;flex-direction:column;grid-gap:2px;gap:2px}.mcplayback-container .mcpb-entry__intro-title{font-size:16px;font-weight:700;color:var(--mcpb-color-text)}.mcplayback-container .mcpb-entry__intro-sub{font-size:12px;color:var(--theme-text-secondary)}.mcplayback-container .mcpb-entry__step{font-size:10px;font-weight:700;color:var(--mcpb-color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.mcplayback-container .mcpb-entry__step--minor{opacity:.9}.mcplayback-container .mcpb-entry__step-row{display:flex;align-items:baseline;justify-content:space-between;grid-gap:8px;gap:8px;margin-top:2px}.mcplayback-container .mcpb-entry__summary{font-size:11px;font-weight:700;color:var(--mcpb-color-accent);white-space:nowrap}.mcplayback-container .mcpb-entry__hint{font-size:11px;color:var(--mcpb-color-text-muted)}.mcplayback-container .mcpb-entry__search{margin-top:1px}.mcplayback-container .mcpb-entry-camlist{display:flex;flex-direction:column;grid-gap:4px;gap:4px;max-height:34vh;overflow-y:auto;border:1px solid var(--theme-border-light);border-radius:6px;padding:5px;background:var(--mcpb-color-bg)}.mcplayback-container .mcpb-entry-cam-row{display:flex;align-items:center;grid-gap:9px;gap:9px;width:100%;padding:9px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:5px;color:var(--mcpb-color-text);font-family:inherit;font-size:13px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-entry-cam-row:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-entry-cam-row--selected{border-color:var(--mcpb-color-accent);background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-entry-cam-row--capped{opacity:.45}.mcplayback-container .mcpb-entry-cam-row__check{width:20px;height:20px;flex-shrink:0;border-radius:5px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--mcpb-color-border);color:#fff;font-size:12px;font-weight:700;line-height:1}.mcplayback-container .mcpb-entry-cam-row--selected .mcpb-entry-cam-row__check{background:var(--mcpb-color-accent);border-color:var(--mcpb-color-accent)}.mcplayback-container .mcpb-entry-cam-row__id{font-family:"SF Mono","Menlo",monospace;font-weight:600;font-size:12px;color:var(--theme-text-secondary)}.mcplayback-container .mcpb-entry-cam-row__name{flex:1 1;color:var(--mcpb-color-text)}.mcplayback-container .mcpb-entry__footer{position:sticky;bottom:0;display:flex;grid-gap:8px;gap:8px;align-items:center;padding:8px 0 6px;margin-top:2px;background:linear-gradient(0deg,var(--mcpb-color-bg) 72%,transparent)}.mcplayback-container .mcpb-entry__cancel{padding:12px 16px;flex-shrink:0;background:transparent;border:1px solid var(--theme-border-light);border-radius:5px;color:var(--theme-text-secondary);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.mcplayback-container .mcpb-entry__cancel:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-entry__cta{flex:1 1;padding:13px 0;background:var(--mcpb-color-accent);color:#fff;border:0;border-radius:5px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer}.mcplayback-container .mcpb-entry__cta:hover:not(:disabled){background:var(--mcpb-color-accent-dark)}.mcplayback-container .mcpb-entry__cta:disabled{opacity:.45;cursor:not-allowed}.mcplayback-container .mcpb-entry-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center}.mcplayback-container .mcpb-entry-modal{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:var(--theme-bg-surface);overflow:hidden}.mcplayback-container .mcpb-entry-modal .mcpb-entry{flex:1 1;min-height:0;overflow-y:auto;padding:16px 18px;max-width:none;margin:0}@media screen and (min-width:768px) and (min-height:540px){.mcplayback-container .mcpb-entry-backdrop{padding:24px}.mcplayback-container .mcpb-entry-modal{width:100%;height:auto;max-width:720px;max-height:calc(100% - 48px);border:1px solid var(--mcpb-color-border);border-radius:10px;box-shadow:0 16px 48px rgba(0,0,0,.5)}.mcplayback-container .mcpb-entry-modal .mcpb-entry{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"intro  intro" "cola   colb" "find   find" "footer footer";grid-gap:10px 20px;gap:10px 20px;align-content:start}.mcplayback-container .mcpb-entry-modal .mcpb-entry__intro{grid-area:intro;display:flex}.mcplayback-container .mcpb-entry-modal .mcpb-entry__col-a{grid-area:cola;display:flex;flex-direction:column;grid-gap:9px;gap:9px;min-width:0}.mcplayback-container .mcpb-entry-modal .mcpb-entry__col-b{grid-area:colb;display:flex;flex-direction:column;grid-gap:6px;gap:6px;min-width:0}.mcplayback-container .mcpb-entry-modal .mcpb-entry__find{grid-area:find;display:flex;flex-wrap:wrap;align-items:center;grid-gap:6px;gap:6px}.mcplayback-container .mcpb-entry-modal .mcpb-entry__footer{grid-area:footer}.mcplayback-container .mcpb-entry-modal .mcpb-entry-camlist{max-height:42vh}}.mcplayback-container .mcpb-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000}.mcplayback-container .mcpb-drawer-panel{position:fixed;inset:0;display:flex;flex-direction:column;background:var(--theme-bg-surface);overflow:hidden;z-index:1001}.mcplayback-container .mcpb-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:max(8px,env(safe-area-inset-top,0)) 14px 10px;flex-shrink:0;border-bottom:1px solid var(--theme-border-light)}.mcplayback-container .mcpb-drawer-header__title{font-size:15px;font-weight:600;color:var(--mcpb-color-text)}.mcplayback-container .mcpb-drawer-header__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--theme-text-secondary);font-size:20px;line-height:1;cursor:pointer;border-radius:4px}.mcplayback-container .mcpb-drawer-header__close:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-drawer-search-wrap{flex-shrink:0;padding:10px 12px 8px;border-bottom:1px solid var(--theme-border-light)}.mcplayback-container .mcpb-drawer-search{width:100%;background-color:var(--theme-input-bg);border:1px solid var(--mcpb-color-border);color:var(--mcpb-color-text);padding:9px 10px 9px 30px;border-radius:5px;font-family:inherit;font-size:13px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238b909a'><path d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/></svg>");background-repeat:no-repeat;background-position:8px;background-size:16px}.mcplayback-container .mcpb-drawer-body{flex:1 1;display:flex;flex-direction:column;padding:8px 12px 14px;overflow-y:auto;min-height:0}.mcplayback-container .mcpb-drawer-section-label{font-size:10px;font-weight:700;color:var(--mcpb-color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 4px 3px}.mcplayback-container .mcpb-drawer-empty{padding:10px;color:var(--mcpb-color-text-muted);font-size:12px;text-align:center}.mcplayback-container .mcpb-drawer-camlist{max-height:42vh;overflow-y:auto}.mcplayback-container .mcpb-drawer-cam-row{display:flex;align-items:center;grid-gap:8px;gap:8px;border-radius:5px;border:1px solid var(--theme-border-light);background:var(--theme-input-bg);margin-bottom:4px}.mcplayback-container .mcpb-drawer-cam-row__body{display:flex;align-items:center;grid-gap:8px;gap:8px;flex:1 1;padding:9px 8px;background:transparent;border:0;border-radius:5px;color:var(--mcpb-color-text);font-family:inherit;font-size:13px;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.mcplayback-container .mcpb-drawer-cam-row__body:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-drawer-cam-row__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.mcplayback-container .mcpb-drawer-cam-row__id{font-family:"SF Mono","Menlo",monospace;font-weight:600;color:var(--theme-text-secondary);font-size:12px}.mcplayback-container .mcpb-drawer-cam-row__name{color:var(--mcpb-color-text);flex:1 1}.mcplayback-container .mcpb-drawer-cam-row__slot{font-size:9px;font-weight:700;color:var(--mcpb-color-accent);background:var(--mcpb-color-accent-15);padding:2px 7px;border-radius:9px}.mcplayback-container .mcpb-drawer-cam-row__x{width:30px;height:30px;margin-right:6px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--theme-border-light);color:var(--mcpb-color-text-muted);border-radius:5px;cursor:pointer;font-size:13px;line-height:1;flex-shrink:0}.mcplayback-container .mcpb-drawer-cam-row__x:hover{background:var(--mcpb-color-danger);color:#fff;border-color:var(--mcpb-color-danger)}.mcplayback-container .mcpb-drawer-system-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 10px;margin-bottom:4px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:5px;cursor:pointer;color:var(--theme-text-secondary);font-family:inherit;font-size:12px;font-weight:600;text-align:left}.mcplayback-container .mcpb-drawer-system-row:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-drawer-system-row__count{font-size:11px;color:var(--mcpb-color-text-muted);font-weight:400;white-space:nowrap}.mcplayback-container .mcpb-drawer-layout-row{display:flex;align-items:stretch;width:100%;margin-bottom:4px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:5px;overflow:hidden}.mcplayback-container .mcpb-drawer-layout-row__body{display:flex;align-items:center;justify-content:space-between;grid-gap:9px;gap:9px;flex:1 1;padding:9px 10px;background:transparent;border:0;cursor:pointer;font-family:inherit;text-align:left}.mcplayback-container .mcpb-drawer-layout-row__body:hover{background:var(--theme-bg-surface-hover)}.mcplayback-container .mcpb-drawer-layout-row__name{font-size:13px;font-weight:600;color:var(--mcpb-color-text);flex:1 1}.mcplayback-container .mcpb-drawer-layout-row__meta{font-size:11px;color:var(--mcpb-color-text-muted);font-weight:500}.mcplayback-container .mcpb-drawer-layout-row>.mcpb-actions{flex-shrink:0;display:flex}.mcplayback-container .mcpb-drawer-layout-row>.mcpb-actions>.mcpb-actions__trigger{width:40px;height:100%;border:0;border-left:1px solid var(--theme-border-light);border-radius:0;background:transparent;color:var(--mcpb-color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center}.mcplayback-container .mcpb-drawer-layout-row>.mcpb-actions>.mcpb-actions__trigger:hover{background:var(--theme-bg-surface-hover);color:var(--mcpb-color-text)}.mcplayback-container .mcpb-drawer-layout-row__rename{flex:1 1;min-width:0;margin:6px;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:600;color:var(--mcpb-color-text);background:var(--theme-input-bg);border:1px solid var(--mcpb-color-accent);border-radius:4px;outline:none}.mcplayback-container .mcpb-drawer-layout-save{width:100%;padding:9px 10px;margin-bottom:4px;background:transparent;border:1px dashed var(--theme-border-light);border-radius:5px;color:var(--mcpb-color-accent);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600}.mcplayback-container .mcpb-drawer-layout-save:hover{background:var(--mcpb-color-accent-15)}.mcplayback-container .mcpb-drawer-layout-save:disabled{color:var(--mcpb-color-text-muted);cursor:default;border-style:solid}.mcplayback-container .mcpb-drawer-layout-saverow{display:flex;grid-gap:6px;gap:6px;margin-bottom:4px}.mcplayback-container .mcpb-drawer-layout-saveinput{flex:1 1;min-width:0;padding:8px 10px;background:var(--theme-input-bg);border:1px solid var(--theme-border-light);border-radius:5px;color:var(--mcpb-color-text);font-family:inherit;font-size:13px}.mcplayback-container .mcpb-drawer-layout-savego{flex-shrink:0;padding:8px 14px;background:var(--mcpb-color-accent);border:0;border-radius:5px;color:#fff;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600}.mcplayback-container .mcpb-drawer-layout-savego:disabled{opacity:.5;cursor:default}.mcplayback-container .mcpb-drawer-layout-savex{flex-shrink:0;width:38px;background:transparent;border:1px solid var(--theme-border-light);border-radius:5px;color:var(--mcpb-color-text-muted);cursor:pointer;font-size:13px}@media screen and (orientation:landscape) and (max-height:500px) and (max-width:932px){.mcplayback-container .mcpb-entry{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto auto;grid-column-gap:12px;column-gap:12px;grid-row-gap:6px;row-gap:6px;overflow:hidden}.mcplayback-container .mcpb-entry__intro{display:none}.mcplayback-container .mcpb-entry__col-a{display:flex;flex-direction:column;grid-gap:8px;gap:8px;min-height:0;grid-column:1;grid-row:1}.mcplayback-container .mcpb-entry__col-b{display:flex;flex-direction:column;grid-gap:6px;gap:6px;min-height:0;grid-column:2;grid-row:1}.mcplayback-container .mcpb-entry__col-b .mcpb-entry-camlist{flex:1 1;max-height:none;min-height:0}.mcplayback-container .mcpb-entry__find{display:flex;flex-wrap:wrap;align-items:center;grid-gap:6px;gap:6px;grid-column:1/-1;grid-row:2}.mcplayback-container .mcpb-entry__footer{grid-column:1/-1;grid-row:3}.mcplayback-container .mcpb-drawer-camlist,.mcplayback-container .mcpb-drawer-loaded-list{max-height:none;overflow:visible;display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));grid-gap:4px;gap:4px;align-content:start}.mcplayback-container .mcpb-drawer-camlist .mcpb-drawer-cam-row,.mcplayback-container .mcpb-drawer-loaded-list .mcpb-drawer-cam-row{margin-bottom:0}}@media screen and (min-width:1280px){.mcplayback-container .mcpb-transport--row .mcpb-transport__layout{order:-1;margin-right:auto}.mcplayback-container .mcpb-transport--row .mcpb-transport__autoskip{margin-left:auto}}
/*# sourceMappingURL=main.a922c329.chunk.css.map */