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;display:flex;align-items:center;justify-content:center}.common-header__right{flex:1 1;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.common-header__logo{height:clamp(28px,4vmin,40px);width:auto}.common-header__title{font-size:clamp(12px,2vmin,18px);text-align:center}.common-header__server-name,.common-header__title{font-weight:700;color:var(--common-color-text-primary);margin:0;letter-spacing:1px}.common-header__server-name,.common-header__user-name{font-size:clamp(10px,1.5vmin,14px)}.common-header__user-name{font-weight:700;color:var(--common-color-text-primary);margin:0}@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}.common-header__title{font-size:12px}}@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{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{margin:0}.login-footer__link,.login-footer__text{font-size:var(--login-font-xs);color:var(--login-color-text-primary);font-weight:700}.login-footer__link{text-decoration:none;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)}[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)}.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-template-columns:repeat(4,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--playback,.playback-container .live-mobile-nav__btn--spacer{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}}.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}[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__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)}.pilot-view{padding:1rem 1.5rem;max-width:1200px;margin:0 auto;color:var(--text-primary,#fff)}.pilot-header{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;margin-bottom:1.25rem}.pilot-header h1{margin:0;font-size:1.5rem}.pilot-search{display:flex;grid-gap:.5rem;gap:.5rem}.pilot-search input{flex:1 1;padding:.5rem .75rem;font-size:1rem;background:var(--input-bg,#222)}.pilot-search button,.pilot-search input{border:1px solid var(--border,#444);color:inherit;border-radius:4px}.pilot-search button{padding:.5rem 1rem;background:var(--button-bg,#333);cursor:pointer}.pilot-filters{display:flex;align-items:center;grid-gap:1rem;gap:1rem;font-size:.9rem}.pilot-filters select{padding:.25rem .5rem;background:var(--input-bg,#222);color:inherit;border:1px solid var(--border,#444);border-radius:4px}.pilot-back{margin-left:auto;color:var(--link,#6cf)}.pilot-events{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.pilot-event{display:grid;grid-template-columns:224px 1fr;grid-gap:1rem;gap:1rem;padding:.75rem;border:1px solid var(--border,#333);border-radius:6px;background:var(--card-bg,hsla(0,0%,100%,.04))}.pilot-thumb{display:block;aspect-ratio:4/3;background:#000;border-radius:4px;overflow:hidden}.pilot-thumb img{width:100%;height:100%;object-fit:cover}.pilot-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#888;font-size:.9rem}.pilot-meta{display:flex;flex-direction:column;grid-gap:.5rem;gap:.5rem}.pilot-row{display:flex;grid-gap:.75rem;gap:.75rem;align-items:baseline;font-size:.85rem;color:var(--text-secondary,#bbb)}.pilot-camera{font-weight:700;color:var(--text-primary,#fff)}.pilot-source{background:var(--badge-bg,#2a4a6a);color:#cfe;padding:1px 8px;border-radius:10px;font-size:.75rem}.pilot-latency,.pilot-time{color:var(--text-tertiary,#888)}.pilot-desc{margin:0;font-size:.95rem;line-height:1.45}.pilot-desc-plain p{margin:0 0 .4rem}.pilot-desc-plain p:last-child{margin-bottom:0}.pilot-desc-structured{display:grid;grid-template-columns:max-content 1fr;grid-gap:.25rem .85rem;gap:.25rem .85rem;margin:0}.pilot-desc-structured dt{font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary,#8aa2b8);padding-top:.15rem}.pilot-desc-structured dd{margin:0;color:var(--text-primary,#fff)}.pilot-desc-structured dt:nth-of-type(3){color:var(--accent,#4a8)}@media (max-width:600px){.pilot-desc-structured{grid-template-columns:1fr;grid-gap:.1rem 0;gap:.1rem 0}.pilot-desc-structured dd{margin-bottom:.4rem}}.pilot-useful{display:flex;grid-gap:.4rem;gap:.4rem;margin-top:.25rem}.pilot-useful button{padding:.25rem .6rem;font-size:.8rem;border:1px solid var(--border,#444);background:transparent;color:inherit;border-radius:12px;cursor:pointer}.pilot-useful button.active{background:var(--accent,#4a8);color:#000;border-color:var(--accent,#4a8)}.pilot-status{padding:2rem;text-align:center;color:var(--text-secondary,#888)}.pilot-status.pilot-error{color:#f88}.pilot-thumb-button{border:0;padding:0;margin:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.pilot-clip-modal{position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem}.pilot-clip-modal-inner{background:var(--card-bg,#1a1a1a);border:1px solid var(--border,#444);border-radius:6px;max-width:min(90vw,1100px);max-height:90vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.pilot-clip-modal-header{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:.6rem .75rem .6rem 1rem;border-bottom:1px solid var(--border,#333);background:hsla(0,0%,100%,.03)}.pilot-clip-modal-title{flex:1 1;font-size:.9rem;color:var(--text-primary,#fff)}.pilot-clip-modal-close{background:transparent;color:inherit;border:0;font-size:1.6rem;line-height:1;cursor:pointer;padding:0 .25rem}.pilot-clip-modal-close:hover{color:var(--accent,#4a8)}.pilot-clip-modal-video{width:100%;max-height:calc(90vh - 3rem);background:#000;display:block}
/*# sourceMappingURL=main.359ad28e.chunk.css.map */