:root{color-scheme:light;--paper:#f4f3ed;--ink:#232922;--muted:#677160;--green:#3d6349;--line:#dcdfd4}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 Arial,sans-serif}header{margin:0 5%;height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:23px;font-weight:700;text-decoration:none;color:inherit;letter-spacing:-.7px;display:flex;align-items:center;gap:13px}.mark{width:26px;height:26px;border:2px solid var(--green);border-radius:50%;position:relative}.mark:after{content:'';position:absolute;inset:6px;background:var(--green);border-radius:50%}#account{font-size:12px;overflow-wrap:anywhere}main{max-width:1450px;margin:auto;padding:42px 5% 24px}.title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:700;margin:0 0 12px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.14;letter-spacing:-1px;margin:0}h1{font-size:clamp(34px,4vw,54px)}h2{font-size:29px;margin-bottom:17px}.quiet{font-size:11px;color:var(--muted)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:44px}.camera{background:#202920;color:#e7ece2;aspect-ratio:4/3;position:relative;overflow:hidden;animation:arrive .3s ease-out}#feed{width:100%;height:100%;object-fit:contain}#placeholder{position:absolute;inset:50px 20px;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column}#placeholder p{max-width:310px;font-size:13px;color:#bcc8b6;margin:0}.camera-icon{font-size:40px;color:#8d9e86;margin-bottom:20px}.camera-label,#status{position:absolute;font-size:10px;left:20px;background:#202920c9;padding:3px 6px;max-width:90%}.camera-label{top:17px;letter-spacing:1.8px}#status{bottom:17px}aside{padding-top:12px}aside p{color:var(--muted);font-size:14px;margin:0 0 24px}label{display:block;font-size:12px;font-weight:600;margin:18px 0 6px}input{width:100%;padding:12px;border:1px solid #bbc3b4;border-radius:4px;background:#fafbf7;color:var(--ink);font:inherit}button{font:600 13px Arial,sans-serif;padding:15px 18px;min-height:46px;background:var(--green);color:white;border:1px solid var(--green);border-radius:4px;cursor:pointer;width:100%;margin-top:22px;transition:background .15s,transform .15s}button:hover{background:#31513b}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #7d9e6c;outline-offset:3px}.secondary{background:transparent;color:var(--green)}.secondary:hover{background:#e5ebdf}.fine{font-size:11px!important;margin-top:18px!important}#error{color:#9a372a;margin-top:15px;font-size:12px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:38px;padding-top:18px;color:var(--muted);font-size:11px}.control{max-width:700px}.control h1{margin-bottom:25px}.control button{max-width:300px}.control a{color:var(--green);overflow-wrap:anywhere}.control ul{padding-left:20px}.control section{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header{height:74px}.brand{font-size:19px}main{padding-top:28px}.title{align-items:start;flex-direction:column;gap:15px}.workspace{grid-template-columns:1fr;gap:27px}aside{padding:0;max-width:440px}footer{flex-direction:column;gap:5px}.camera-label,#status{left:12px}h1{font-size:35px}#placeholder h2{font-size:25px}#placeholder{inset:42px 18px}.camera-icon{margin-bottom:10px}#account{max-width:95px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.control.owner-dashboard{max-width:1450px}.owner-dashboard h1{margin-bottom:0}.owner-dashboard .workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.owner-dashboard .camera{border:0;padding:0;margin:0}.owner-dashboard aside{min-width:0;padding-top:0}.owner-dashboard #state{margin-bottom:12px}.owner-dashboard #toggle{max-width:none;margin-top:0}.owner-dashboard aside section{padding-top:22px;margin-top:26px}.owner-dashboard aside h2{font-size:25px;margin-bottom:14px}.owner-dashboard aside p{margin-bottom:12px}.owner-dashboard #viewers:empty{display:none}.owner-dashboard #control-error{color:#9a372a;margin-top:12px}@media(max-width:760px){.owner-dashboard .workspace{grid-template-columns:1fr}.owner-dashboard aside{max-width:none}}