:root{font-family:Montserrat,sans-serif;color:#123f0e;background:#f1f6f8;font-weight:400;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:#123f0e;color:white;padding:14px 20px;display:flex;gap:18px;align-items:center;flex-wrap:wrap}header h1{font-size:1.25rem;margin:0;font-weight:600}.brand{font-weight:600;font-size:.8rem}a{font-size:.75rem;color:inherit;font-weight:600}header a{margin-left:auto}main{max-width:1040px;margin:16px auto;padding:0 12px}.camera-panel{border:1px solid #d3dfd3;background:white;border-radius:14px;padding:14px;margin-bottom:12px}#status{margin:0 0 12px;line-height:1.5;font-weight:500}#status[data-tone=error]{color:#8c2525}#status[data-tone=success]{color:#125b28}#status[data-tone=warning]{color:#875010}.camera-actions{display:flex;gap:10px;flex-wrap:wrap}button{font:600 .9rem Montserrat,sans-serif;text-transform:uppercase;min-height:46px;padding:10px 20px;border:1px solid #123f0e;border-radius:12px;background:#123f0e;color:white;cursor:pointer}button.secondary{background:white;color:#123f0e}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,iframe:focus-visible{outline:3px solid #b86523;outline-offset:3px}video{display:block;width:100%;max-height:260px;object-fit:contain;background:#101810;border-radius:10px;margin-top:12px}.help{font-size:.78rem;line-height:1.5;margin:10px 0 0;color:#4c604e}iframe{width:100%;height:950px;border:1px solid #d3dfd3;border-radius:14px;background:white}[hidden]{display:none!important}@media(max-width:520px){header{padding:12px;gap:10px}header h1{font-size:1.1rem}header a{font-size:.65rem}main{margin-top:10px;padding:0 8px}.camera-panel{padding:12px}video{max-height:190px}iframe{height:1080px}.camera-actions button{flex:1}}