*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:#0f1115;color:#e6e6e6}.page{padding:16px;max-width:1100px;margin:0 auto}.topbar{display:flex;align-items:center;gap:16px;justify-content:space-between}button{background:#2b6cb0;color:#fff;border:0;padding:8px 12px;border-radius:6px;cursor:pointer}button:disabled{opacity:.6;cursor:default}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:16px}.camera-card{background:#1a1d24;border-radius:8px;overflow:hidden}.camera-card__video{aspect-ratio:16 / 9;background:#000;display:flex;align-items:center;justify-content:center}.video,.video-large{width:100%;height:100%;object-fit:contain}.video-large{max-height:80vh}.camera-card__meta{display:flex;align-items:center;gap:8px;padding:8px}.camera-card__meta .name{font-weight:600;flex:1}.status.on{color:#48bb78}.status.off{color:#a0aec0}.disabled{color:#718096}.error{color:#fc8181}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.modal{background:#1a1d24;padding:20px;border-radius:10px;width:360px;display:flex;flex-direction:column;gap:10px}.modal label{display:flex;flex-direction:column;gap:4px;font-size:14px}.modal input{padding:8px;border-radius:6px;border:1px solid #2d3748;background:#0f1115;color:#e6e6e6}.modal .actions{display:flex;justify-content:flex-end;gap:8px}.token-gate{min-height:100vh;display:flex;align-items:center;justify-content:center}.token-gate form{display:flex;flex-direction:column;gap:10px;width:320px}a{color:#63b3ed}