*{box-sizing:border-box}.app{max-width:1200px;margin:20px auto;padding:0 16px}.hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.me{display:flex;gap:8px;align-items:center}.me input{padding:8px 10px;border-radius:10px;border:1px solid #333;background:#121212;color:#fff}.status{background:#222;padding:6px 10px;border-radius:999px;color:#aaa}.main{display:grid;grid-template-columns:300px 1fr;gap:16px}.left{background:#0f0f0f;border:1px solid #1a1a1a;border-radius:16px;padding:12px}.left h3{margin-top:4px}.list{padding:0;margin:8px 0 0;list-style:none;display:flex;flex-direction:column;gap:8px;max-height:360px;overflow:auto}.list li{padding:10px;border:1px solid #222;border-radius:12px;background:#121212;cursor:pointer;display:flex;flex-direction:column;gap:4px}.list li.sel{outline:2px solid #2f6df3}.list li.busy{opacity:.6}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;background:#777;margin-right:6px}.dot.on{background:#72ff72}.list small{color:#777;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.actions{display:flex;gap:8px;margin-top:12px}button{padding:10px 14px;border:0;border-radius:10px;background:#2f6df3;color:#fff;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:#c34}.right{display:flex;flex-direction:column;gap:12px}.videos{position:relative;width:100%;aspect-ratio:16/9;background:#111;border:1px solid #1a1a1a;border-radius:16px;overflow:hidden}.videos>video{width:100%;height:100%;object-fit:cover;display:block}.pip{position:absolute;left:16px;bottom:16px;width:24%!important;aspect-ratio:16 / 9;border-radius:12px;border:1px solid #333;object-fit:contain;background:#000;height:24%!important}.rec{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.preview{width:100%;aspect-ratio:16/9;border:1px dashed #333;border-radius:12px;background:#000}.rec-actions{display:flex;flex-direction:column;gap:8px}.hint{color:#888;font-size:.9rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.card{background:#111;border:1px solid #333;border-radius:16px;padding:18px;min-width:280px}.card .row{display:flex;gap:8px;margin-top:12px}