:root{--device-stream-surface:#171816;--device-stream-panel:rgba(31,32,29,0.88);--device-stream-border:rgba(255,255,255,0.14);--device-stream-text:#f7f5ef;--device-stream-muted:#b8b5ab;--device-stream-accent:#e9b51c;--device-stream-danger:#df665f}.device-stream-status{align-items:center;backdrop-filter:blur(12px);background:var(--device-stream-panel);border:1px solid var(--device-stream-border);border-radius:8px;bottom:16px;color:var(--device-stream-text);display:inline-flex;font:500 12px/1.2 system-ui,sans-serif;gap:8px;left:16px;max-width:calc(100% - 32px);padding:8px 10px;pointer-events:none;position:absolute;z-index:3}.device-stream-status__indicator{background:var(--device-stream-muted);border-radius:50%;display:block;flex:0 0 8px;height:8px;width:8px}.device-stream-status[data-state=connecting] .device-stream-status__indicator,.device-stream-status[data-state=recovering] .device-stream-status__indicator{animation:device-stream-pulse 1.1s ease-in-out infinite;background:var(--device-stream-accent)}.device-stream-status[data-state=connected] .device-stream-status__indicator{background:#31a66a}.device-stream-status[data-state=failed] .device-stream-status__indicator{background:var(--device-stream-danger)}.device-stream-status__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-navigation-bar{background:var(--device-stream-surface);border-top:1px solid var(--device-stream-border);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:48px;width:100%}.device-navigation-bar__button{align-items:center;appearance:none;background:transparent;border:0;color:var(--device-stream-muted);cursor:pointer;display:flex;justify-content:center;min-height:48px;min-width:44px;padding:0}.device-navigation-bar__button:focus-visible,.device-navigation-bar__button:hover:not(:disabled){background:rgba(255,255,255,.07);color:var(--device-stream-text);outline:2px solid transparent}.device-navigation-bar__button:active:not(:disabled){background:rgba(233,181,28,.12);color:var(--device-stream-accent)}.device-navigation-bar__button:disabled{cursor:not-allowed;opacity:.38}.device-navigation-bar__icon{font:400 22px/1 system-ui,sans-serif}@keyframes device-stream-pulse{0%,to{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.device-stream-status__indicator{animation:none!important}}