:root{--bg:#f8fafc;--ink:#10201d;--muted:#64736f;--line:#d9e2df;--panel:#ffffff;--teal:#0f766e;--teal-dark:#115e59;--amber:#b45309;--focus:#0ea5e9}*{box-sizing:border-box}html{color-scheme:light}body,html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;letter-spacing:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.button,button{align-items:center;background:var(--teal);border:1px solid var(--teal);border-radius:8px;color:#ffffff;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:0 14px}.button.secondary,button.secondary{background:#ffffff;color:var(--teal-dark)}.camera-tile:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid var(--focus);outline-offset:3px}.shell{min-height:100vh}.topbar{background:#ffffff;border-bottom:1px solid var(--line);gap:18px;justify-content:space-between;min-height:68px;padding:0 clamp(16px,4vw,48px);position:-webkit-sticky;position:sticky;top:0;z-index:10}.brand,.topbar{align-items:center;display:flex}.brand{font-size:20px;font-weight:800;gap:10px}.brand-mark{align-items:center;background:var(--teal);border-radius:8px;color:#ffffff;display:inline-flex;height:36px;justify-content:center;width:36px}.top-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.main{margin:0 auto;max-width:1320px;padding:24px clamp(16px,4vw,48px) 56px}.toolbar{align-items:flex-end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:minmax(220px,2fr) minmax(160px,1fr) minmax(140px,180px);margin:22px 0}.field{display:grid;grid-gap:6px;gap:6px}.field label{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{background:#ffffff;border:1px solid var(--line);border-radius:8px;min-height:42px;padding:9px 10px;width:100%}.hero-row{align-items:flex-end;display:flex;gap:20px;justify-content:space-between}.hero-row h1{font-size:clamp(30px,5vw,56px);line-height:1;margin:0}.hero-row p{color:var(--muted);margin:10px 0 0;max-width:760px}.camera-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.camera-tile{background:#ffffff;border:1px solid var(--line);border-radius:8px;display:grid;min-height:210px;overflow:hidden}.tile-preview{align-items:center;background:#142421;color:#ccfbf1;display:flex;justify-content:center;min-height:126px}.tile-body{display:grid;grid-gap:8px;gap:8px;padding:12px}.tile-title{font-size:16px;font-weight:800}.tile-meta{color:var(--muted);display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.badge{background:#e0f2f1;border-radius:999px;color:var(--teal-dark);display:inline-flex;font-size:12px;font-weight:800;padding:4px 8px;text-transform:uppercase}.player-wrap{background:#081311;border-radius:8px;overflow:hidden}.player-wrap iframe,.player-wrap video{aspect-ratio:16/9;border:0;display:block;height:auto;width:100%}.two-column{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,2fr) minmax(280px,420px)}.surface{background:#ffffff;border:1px solid var(--line);border-radius:8px;padding:18px}.surface h2{font-size:22px;margin:0 0 14px}.form-grid{display:grid;grid-gap:12px;gap:12px}.status-line{color:var(--muted);margin:12px 0}.empty{border:1px dashed var(--line);border-radius:8px;color:var(--muted);padding:28px;text-align:center}@media (max-width:820px){.hero-row,.topbar{align-items:stretch;flex-direction:column}.toolbar,.two-column{grid-template-columns:1fr}.top-actions{justify-content:flex-start}}@media (min-width:1400px){.camera-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}