.tlvw{display:grid;gap:12px;color:#eef7fd}.tlvw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.tlvw-head h2{margin:3px 0 5px;font-size:1.18rem;color:#f4f9fd}.tlvw-head p{margin:0;color:#9fb4c5;line-height:1.45;max-width:760px;font-size:.8rem}.tlvw-eyebrow{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:900;color:#55bfff}.tlvw-refresh,.tlvw-secondary{min-height:44px;border:1px solid #31536b;background:#10283a;color:#edf8ff;border-radius:11px;padding:9px 13px;font:inherit;font-weight:850;cursor:pointer}.tlvw-refresh:hover,.tlvw-secondary:hover{border-color:#56a9d8;background:#12334a}.tlvw-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tlvw-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #20445c;background:#0a2233;border-radius:12px;padding:10px 12px}.tlvw-summary span{display:block;color:#98adbd;font-size:.69rem;line-height:1.2}.tlvw-summary strong{display:block;color:#f2f9fd;font-size:1.05rem}.tlvw-picker-row{display:flex;align-items:end;gap:8px}.tlvw-picker-row label{display:grid;gap:5px;flex:1;color:#a9bdcc;font-size:.73rem;font-weight:800}.tlvw-picker-row select{min-height:44px;border:1px solid #31536c;border-radius:11px;background:#061725;color:#f5f9fd;padding:0 11px;font:inherit;font-size:16px}.tlvw-rail{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:8px}.tlvw-device{display:grid;grid-template-columns:38px 1fr 10px;gap:9px;align-items:center;border:1px solid #21455d;border-radius:13px;background:#0a2132;color:#edf7fd;padding:9px 10px;text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.tlvw-device:hover{transform:translateY(-1px);border-color:#3b7ca4;box-shadow:0 8px 20px rgba(0,8,18,.18)}.tlvw-device.active{border-color:#46aeea;box-shadow:0 0 0 3px rgba(70,174,234,.11)}.tlvw-device-icon{width:38px;height:38px;border-radius:11px;background:#103047;color:#75c8f6;display:grid;place-items:center}.tlvw-device-icon svg{width:20px;height:20px}.tlvw-device b,.tlvw-device small{display:block}.tlvw-device small{margin-top:2px;color:#8ca4b5;font-size:.7rem}.tlvw-device>i{width:9px;height:9px;border-radius:50%;background:#f59e0b;box-shadow:0 0 0 4px rgba(245,158,11,.1)}.tlvw-device>i.online{background:#10b981;box-shadow:0 0 0 4px rgba(16,185,129,.1)}.tlvw-screen{min-height:235px;border-radius:17px;overflow:hidden;position:relative;background:linear-gradient(145deg,#04111d,#0a2639 62%,#071725);border:1px solid #234e69;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.03)}.tlvw-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(64,149,213,.18),transparent 34%),radial-gradient(circle at 20% 82%,rgba(28,126,98,.10),transparent 34%);pointer-events:none}.tlvw-screen-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 12px}.tlvw-mode,.tlvw-health{display:inline-flex;align-items:center;min-height:26px;border-radius:999px;padding:0 9px;font-size:.68rem;font-weight:850}.tlvw-mode{background:rgba(9,21,32,.72);border:1px solid rgba(160,199,226,.22);color:#eaf5fc}.tlvw-health{background:rgba(16,185,129,.13);color:#9ce7c8;border:1px solid rgba(16,185,129,.22)}.tlvw-screen-body{position:relative;z-index:2;min-height:170px;display:grid;place-items:center;align-content:center;text-align:center;padding:22px;max-width:720px;margin:auto}.tlvw-camera-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:#123852;border:1px solid #2d6387;color:#9fd5f5;margin-bottom:10px}.tlvw-camera-icon svg{width:27px;height:27px}.tlvw-screen-body strong{font-size:1rem}.tlvw-screen-body small{display:block;max-width:600px;margin-top:6px;color:#9fb4c5;line-height:1.45;font-size:.78rem}.tlvw-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.tlvw-control{display:flex;align-items:center;gap:8px;min-height:52px;border:1px solid #21445b;border-radius:12px;background:#0a2132;color:#eaf6fd;padding:8px 10px;text-align:left;font:inherit;cursor:pointer}.tlvw-control svg{width:18px;height:18px;flex:0 0 18px;color:#5fc1f6}.tlvw-control span,.tlvw-control b,.tlvw-control small{display:block}.tlvw-control b{font-size:.74rem}.tlvw-control small{margin-top:2px;color:#879fb0;font-size:.63rem}.tlvw-control:disabled{opacity:.45;cursor:not-allowed;background:#071a29}.tlvw-control:not(:disabled):hover{border-color:#3b82aa;background:#0d2b40}.tlvw-notice{border:1px solid #5f5327;background:#29240e;color:#e6d796;border-radius:12px;padding:10px 11px;line-height:1.42;font-size:.76rem}.tlvw-context{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tlvw-context section{border:1px solid #1f4259;border-radius:14px;background:#081d2d;padding:11px}.tlvw-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.tlvw-section-title h3{margin:0;color:#edf7fd;font-size:.87rem}.tlvw-section-title span{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#10324a;color:#77cbf8;font-size:.69rem;font-weight:900}.tlvw-mini-list{display:grid;gap:6px;margin-top:8px}.tlvw-mini{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:start;padding:8px 0;border-bottom:1px solid #18384d}.tlvw-mini:last-child{border-bottom:0}.tlvw-mini>span{width:30px;height:30px;border-radius:9px;background:#102e43;color:#67bce9;display:grid;place-items:center}.tlvw-mini>span svg{width:16px;height:16px}.tlvw-mini b,.tlvw-mini small{display:block}.tlvw-mini b{font-size:.74rem;color:#e8f4fb}.tlvw-mini small{margin-top:2px;color:#839cad;font-size:.67rem;line-height:1.35}.tlvw-mini>i{font-style:normal;border-radius:999px;padding:4px 7px;background:#102d42;color:#b9d8eb;font-size:.62rem;font-weight:800}.tlvw-empty{grid-column:1/-1;padding:13px;border:1px dashed #31546d;border-radius:12px;color:#93aabc;background:#071a29;text-align:center;font-size:.76rem}.tlvw-empty.small{padding:10px}.tlvw :where(button,select):focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}
@media(max-width:980px){.tlvw-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.tlvw{gap:10px}.tlvw-head{align-items:stretch;flex-direction:row}.tlvw-head>div{min-width:0}.tlvw-head p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tlvw-refresh{width:auto;flex:0 0 auto}.tlvw-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.tlvw-summary>div{display:block;padding:9px}.tlvw-summary strong{margin-top:3px}.tlvw-picker-row{align-items:stretch;flex-direction:column}.tlvw-secondary{width:100%}.tlvw-screen{min-height:190px}.tlvw-screen-body{min-height:132px;padding:16px}.tlvw-controls{grid-template-columns:1fr 1fr}.tlvw-context{grid-template-columns:1fr}.tlvw-rail{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.tlvw-head{display:grid;grid-template-columns:1fr auto}.tlvw-head p{grid-column:1/-1}.tlvw-head h2{font-size:1.05rem}.tlvw-refresh{padding-inline:10px}.tlvw-summary{grid-template-columns:repeat(3,1fr)}.tlvw-summary span{font-size:.61rem}.tlvw-summary strong{font-size:.95rem}.tlvw-rail{grid-template-columns:1fr}.tlvw-controls{grid-template-columns:1fr 1fr}.tlvw-control{min-height:48px}.tlvw-device{grid-template-columns:36px 1fr 10px}.tlvw-device-icon{width:36px;height:36px}.tlvw-screen-top{align-items:center;flex-direction:row}.tlvw-mini{grid-template-columns:28px 1fr}.tlvw-mini>i{grid-column:2;justify-self:start}}
@media(prefers-reduced-motion:reduce){.tlvw-device{transition:none}.tlvw-device:hover{transform:none}}