.stream-tile{background:var(--bg-tile);border:1px solid var(--border);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;flex:0 0 auto;transition:border-color .2s,box-shadow .2s;cursor:pointer;box-sizing:border-box}.stream-tile--landscape{width:var(--tile-landscape-width)}.stream-tile--portrait{width:var(--tile-portrait-width)}.stream-tile:hover{border-color:var(--accent-dim);box-shadow:0 0 0 1px #00d4aa26}.stream-tile--offline{opacity:.6;cursor:default}.stream-tile--reconnecting{border-color:var(--warning)}.stream-tile__video-wrap{position:relative;background:#000;width:100%;flex:0 0 auto}.stream-tile--landscape .stream-tile__video-wrap{height:var(--tile-landscape-viewport-height)}.stream-tile--portrait .stream-tile__video-wrap{height:var(--tile-portrait-viewport-height)}.stream-tile__video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.stream-tile__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#111 0,#111 10px,#1a1a1a 10px,#1a1a1a 20px)}.stream-tile__status-label{color:var(--text-secondary);font-size:.75rem;letter-spacing:.15em;font-weight:600}.stream-tile__badge{position:absolute;font-size:.6rem;font-weight:700;letter-spacing:.06em;padding:2px 5px;border-radius:2px;text-transform:uppercase;line-height:1.2}.stream-tile__badge--source{top:5px;left:5px;background:#000000bf;color:var(--accent)}.stream-tile__badge--status{top:5px;right:5px}.stream-tile__badge--live{background:#00d4aa33;color:var(--accent)}.stream-tile__badge--reconnecting{background:#ffa50233;color:var(--warning)}.stream-tile__badge--offline{background:#4a556866;color:var(--text-secondary)}.stream-tile__info{padding:6px 8px;border-top:1px solid var(--border);min-height:var(--tile-info-height);box-sizing:border-box;flex:0 0 auto}.stream-tile__operator{font-size:.78rem;font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-tile__meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.62rem;color:var(--text-secondary);font-family:Consolas,Courier New,monospace;line-height:1.3}.stream-tile__meta span{white-space:nowrap}.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center}.fullscreen__video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.fullscreen--portrait .fullscreen__video{max-height:100vh;max-width:min(100vw,56.25vh)}.fullscreen--landscape .fullscreen__video{max-width:100vw;max-height:min(100vh,56.25vw)}.fullscreen__close-x{position:absolute;top:12px;right:14px;z-index:1002;width:40px;height:40px;border:1px solid var(--border);border-radius:4px;background:#0a0e14d9;color:var(--text-primary);font-size:1.6rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.fullscreen__close-x:hover{border-color:var(--accent);color:var(--accent)}.fullscreen__overlay{position:absolute;bottom:0;left:0;right:0;padding:16px 20px;background:linear-gradient(transparent,#000000e6);display:flex;align-items:center;gap:12px;flex-wrap:wrap;pointer-events:none}.fullscreen__overlay button{pointer-events:auto}.fullscreen__title{font-size:1rem;font-weight:700;color:var(--accent)}.fullscreen__meta{flex:1;font-size:.75rem;color:var(--text-secondary);font-family:Consolas,monospace;min-width:200px}.fullscreen__actions{display:flex;gap:8px}.fullscreen__close,.fullscreen__fs-btn{background:#ffffff1a;border:1px solid var(--border);color:var(--text-primary);padding:6px 12px;border-radius:3px;font-size:.72rem;cursor:pointer}.fullscreen__close:hover,.fullscreen__fs-btn:hover{background:#ffffff26;border-color:var(--accent-dim)}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard__header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:12px}.dashboard__brand{display:flex;align-items:center;gap:10px}.dashboard__logo{color:var(--accent);font-size:1.4rem}.dashboard__brand h1{font-size:1rem;font-weight:800;letter-spacing:.2em;color:var(--text-primary)}.dashboard__conn{font-size:.65rem;font-weight:700;letter-spacing:.1em;padding:3px 8px;border-radius:2px}.dashboard__conn--on{background:#00d4aa26;color:var(--accent)}.dashboard__conn--off{background:#ff475726;color:var(--danger)}.dashboard__controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.dashboard__room,.dashboard__count{font-size:.75rem;color:var(--text-secondary);font-family:Consolas,monospace;letter-spacing:.05em}.dashboard__count{color:var(--accent);font-weight:600}.dashboard__layout{display:flex;gap:4px;flex-wrap:wrap}.dashboard__layout-btn{background:var(--bg-tile);border:1px solid var(--border);color:var(--text-secondary);padding:4px 8px;font-size:.65rem;font-weight:700;letter-spacing:.05em;border-radius:2px}.dashboard__layout-btn.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.dashboard__layout-btn:hover:not(.active){border-color:var(--accent-dim);color:var(--text-primary)}.dashboard__android{display:flex;align-items:center;gap:8px;font-size:.68rem;color:var(--text-secondary)}.dashboard__android-version{font-family:Consolas,monospace;color:var(--accent)}.dashboard__android-btn{background:var(--bg-tile);border:1px solid var(--border);color:var(--text-primary);padding:4px 8px;font-size:.62rem;font-weight:700;letter-spacing:.05em;border-radius:2px}.dashboard__android-btn:hover{border-color:var(--accent-dim);color:var(--accent)}.dashboard__error{background:#ff475726;color:var(--danger);padding:10px 20px;font-size:.85rem;border-bottom:1px solid var(--danger)}.dashboard__grid{flex:1;display:flex;flex-wrap:wrap;gap:10px;padding:12px;align-content:flex-start;justify-content:flex-start;width:100%;box-sizing:border-box}.dashboard__grid--1{justify-content:center}.dashboard__empty{width:100%;text-align:center;padding:80px 20px;color:var(--text-secondary)}.dashboard__empty p{font-size:1rem;margin-bottom:8px}.dashboard__empty-hint{font-size:.8rem!important;opacity:.7}.android-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#000000bf;display:flex;align-items:center;justify-content:center;padding:20px}.android-modal__panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;max-width:420px;width:100%;padding:16px}.android-modal__title{color:var(--accent);font-size:.85rem;font-weight:700;letter-spacing:.08em;margin-bottom:8px}.android-modal__notes{color:var(--text-secondary);font-size:.75rem;margin:8px 0 12px;padding-left:18px}.android-modal__actions{display:flex;justify-content:flex-end;gap:8px}.android-modal__btn{background:var(--bg-tile);border:1px solid var(--border);color:var(--text-primary);padding:6px 10px;font-size:.72rem;border-radius:3px}.android-modal__btn--primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}:root{--bg-primary: #0a0e14;--bg-secondary: #121820;--bg-tile: #1a2332;--border: #2a3544;--text-primary: #e8edf4;--text-secondary: #8b9cb3;--accent: #00d4aa;--accent-dim: #00a888;--danger: #ff4757;--warning: #ffa502;--offline: #4a5568;--tile-landscape-width: 400px;--tile-landscape-viewport-height: 225px;--tile-portrait-width: 240px;--tile-portrait-viewport-height: 427px;--tile-info-height: 36px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text-primary);background:var(--bg-primary)}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:var(--bg-primary)}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}