body{background-color:#121212;color:#e0e0e0}.wrap{max-width:1100px;margin:24px auto;padding:0 16px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.toolbar h2{font-size:30px;color:#fff}.toolbar-right{display:flex;align-items:center;gap:12px}.hint{font-size:12px;opacity:.8;white-space:nowrap}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;border:1px solid #444;border-bottom-width:2px;padding:2px 6px;border-radius:6px;background:#1b1b1b}.btn{padding:8px 12px;border:1px solid #444;border-radius:8px;background:#1e1e1e;color:#e0e0e0;cursor:pointer;transition:background .2s,border-color .2s}.btn:hover{background:#2c2c2c}.btn.danger{border-color:#aa4a4a;color:#ff6b6b}.btn.danger:hover{background:#3b1f1f}.warn{color:#fc6}.error{margin-bottom:12px;color:#ff6b6b}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.card{position:relative;border:1px solid #333;border-radius:12px;padding:12px 12px 48px;background:#1e1e1e;box-shadow:0 0 8px #00000080}.card.expanded{grid-column:1 / -1}.title{font-weight:600;margin-bottom:8px;color:#fff}.kv{display:flex;justify-content:space-between;font-size:14px;margin:4px 0}.kv span:first-child{color:#aaa}.tags{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.tag{font-size:12px;background:#2c2c2c;border-radius:999px;padding:2px 8px;color:#ccc}.preview{position:relative;border-radius:10px;overflow:hidden;border:1px solid #333;background:#000;margin-bottom:8px;cursor:default;width:100%}.preview.control-ready{cursor:pointer}.video{width:100%;height:100%;object-fit:contain;background:#000}.placeholder{display:grid;place-items:center;width:100%;height:100%;color:#777;font-size:13px;text-align:center;padding:8px}.actions{position:absolute;bottom:12px;left:12px;right:12px;margin-top:0}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2em;font-weight:500;z-index:2}.overlay.disconnected{background:#0009}.overlay.control-hint{background:#00000059;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease}.preview.control-ready:hover .overlay.control-hint{opacity:1;visibility:visible}.video.no-stream{filter:grayscale(1)}.video:focus{outline:none}.btn-icon{padding:0;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:16px;border-radius:8px}.expand-btn{position:absolute;top:8px;right:8px;z-index:3}.video{transform:translateZ(0);will-change:transform}