:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}body{color:#eee;background:#111;margin:0}.card{flex-direction:column;gap:.75rem;max-width:28rem;margin:0 auto;padding:1rem;display:flex}h1{margin:0}label{flex-direction:column;gap:.25rem;display:flex}input{color:inherit;background:#222;border:1px solid #555;border-radius:.4rem;padding:.6rem;font-size:1rem}button{color:inherit;cursor:pointer;background:#2a2a2a;border:1px solid #555;border-radius:.4rem;padding:.7rem 1rem;font-size:1rem}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:#1a73e8;border-color:#1a73e8}button.danger{background:#c62828;border-color:#c62828}button.off{background:#555}.error{color:#ff8a80}.preview{aspect-ratio:4/3;object-fit:cover;background:#000;border-radius:.5rem;width:100%}.mirrored{transform:scaleX(-1)}.room{background:#000;position:fixed;inset:0}.grid{box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));grid-auto-rows:minmax(12rem,1fr);gap:.25rem;height:100%;padding:.25rem .25rem 5.5rem;display:grid;overflow-y:auto}.tile{background:#111;border-radius:.5rem;min-height:0;position:relative;overflow:hidden}.tile .remote{object-fit:cover;width:100%;height:100%}.name{background:#0009;border-radius:.3rem;padding:.1rem .5rem;font-size:.9rem;position:absolute;bottom:.5rem;left:.5rem}.count{background:#0009;border-radius:.3rem;padding:.1rem .5rem;font-size:.9rem;position:absolute;top:.5rem;right:.5rem}.status-overlay{place-items:center;font-size:1.25rem;display:grid;position:absolute;inset:0}.controls{bottom:calc(1rem + env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:center;gap:.5rem;padding:0 .5rem;display:flex;position:absolute;left:0;right:0}