.device-list[data-v-5fe183ff]{width:280px;min-width:220px;background:#1a1a1a;border-right:1px solid #2a2a2a;display:flex;flex-direction:column;overflow-y:auto}.device-list__header[data-v-5fe183ff]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #2a2a2a}.device-list__header h2[data-v-5fe183ff]{font-size:16px;font-weight:600}.badge[data-v-5fe183ff]{font-size:11px;padding:2px 8px;border-radius:999px;font-weight:600}.badge--green[data-v-5fe183ff]{background:#1a4731;color:#4ade80}.badge--red[data-v-5fe183ff]{background:#3d1515;color:#f87171}.device-list__empty[data-v-5fe183ff]{padding:24px 16px;text-align:center;color:#666}.device-list__empty .hint[data-v-5fe183ff]{font-size:12px;margin-top:8px;color:#444}.device-card[data-v-5fe183ff]{padding:12px 16px;border-bottom:1px solid #1e1e1e;cursor:pointer;transition:background .15s}.device-card[data-v-5fe183ff]:hover{background:#222}.device-card--active[data-v-5fe183ff]{background:#1e2d3d;border-left:3px solid #3b82f6}.device-card__name[data-v-5fe183ff]{font-size:14px;font-weight:500;margin-bottom:8px;display:flex;align-items:center;gap:6px}.device-icon[data-v-5fe183ff]{font-size:16px}.device-card__cameras[data-v-5fe183ff]{display:flex;flex-wrap:wrap;gap:4px}.camera-tag[data-v-5fe183ff]{font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer;background:#2a2a2a;color:#aaa;transition:background .15s,color .15s;white-space:nowrap}.camera-tag[data-v-5fe183ff]:hover{background:#3b82f6;color:#fff}.camera-tag--front[data-v-5fe183ff]{border-left:2px solid #8b5cf6}.camera-tag--back[data-v-5fe183ff]{border-left:2px solid #10b981}.camera-tag--external[data-v-5fe183ff]{border-left:2px solid #f59e0b}.video-player[data-v-ff06cc65]{flex:1;background:#000;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.video-player__placeholder[data-v-ff06cc65]{display:flex;flex-direction:column;align-items:center;gap:12px;color:#555;text-align:center;padding:24px}.placeholder-icon[data-v-ff06cc65]{font-size:64px}.placeholder-hint[data-v-ff06cc65]{font-size:13px;color:#444;max-width:300px}.video-player__video[data-v-ff06cc65]{width:100%;height:100%;object-fit:contain}.video-player__controls[data-v-ff06cc65]{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#000000b3);display:flex;align-items:center;justify-content:space-between}.controls-left[data-v-ff06cc65],.controls-right[data-v-ff06cc65]{display:flex;align-items:center;gap:8px}.stream-badge[data-v-ff06cc65]{font-size:12px;color:#f87171;font-weight:700;letter-spacing:.5px}.device-label[data-v-ff06cc65]{font-size:13px;color:#ccc}.btn[data-v-ff06cc65]{padding:6px 14px;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:opacity .15s}.btn[data-v-ff06cc65]:hover{opacity:.85}.btn--danger[data-v-ff06cc65]{background:#dc2626;color:#fff}.btn--icon[data-v-ff06cc65]{background:#ffffff1a;color:#fff;font-size:16px;padding:6px 10px}.loader[data-v-ff06cc65]{width:32px;height:32px;border:3px solid #333;border-top-color:#3b82f6;border-radius:50%;animation:spin-ff06cc65 .8s linear infinite}@keyframes spin-ff06cc65{to{transform:rotate(360deg)}}.camera-selector[data-v-8180d6c7]{background:#1a1a1a;border-top:1px solid #2a2a2a;padding:12px 16px}.camera-selector__header[data-v-8180d6c7]{font-size:13px;color:#888;margin-bottom:8px}.device-name[data-v-8180d6c7]{font-weight:600;color:#ccc}.camera-selector__grid[data-v-8180d6c7]{display:flex;flex-wrap:wrap;gap:8px}.camera-btn[data-v-8180d6c7]{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 14px;background:#252525;border:1px solid #333;border-radius:8px;cursor:pointer;color:#aaa;transition:all .15s;min-width:90px}.camera-btn[data-v-8180d6c7]:hover{background:#2e2e2e;border-color:#3b82f6;color:#fff}.camera-btn--active[data-v-8180d6c7]{background:#1e3a5f;border-color:#3b82f6;color:#fff}.camera-btn--front[data-v-8180d6c7]{border-top:2px solid #8b5cf6}.camera-btn--back[data-v-8180d6c7]{border-top:2px solid #10b981}.camera-btn--external[data-v-8180d6c7]{border-top:2px solid #f59e0b}.camera-btn__icon[data-v-8180d6c7]{font-size:22px}.camera-btn__name[data-v-8180d6c7]{font-size:11px;font-weight:500}.camera-btn__facing[data-v-8180d6c7]{font-size:10px;color:#666;text-transform:capitalize}.camera-btn--active .camera-btn__facing[data-v-8180d6c7]{color:#93c5fd}html,body,#app{height:100%;overflow:hidden}.app{height:100vh;display:flex;flex-direction:column;background:#0f0f0f;color:#fff}.app-header{height:52px;background:#111;border-bottom:1px solid #222;display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.app-header__brand{display:flex;align-items:center;gap:8px}.brand-icon{font-size:20px}.brand-name{font-size:16px;font-weight:700;letter-spacing:-.3px}.header-session{font-size:13px;color:#888}.app-body{flex:1;display:flex;min-height:0}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}