.demo-banner{position:relative;z-index:20;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:13px 3.5%;background:#caeddd;color:#14241e;font:12px/1.5 system-ui,sans-serif}.demo-banner a{color:inherit;font-weight:600}.demo-banner strong{letter-spacing:.08em}.demo-banner label{display:flex;align-items:center;gap:8px;margin-left:auto}.demo-banner select,.demo-banner button{font:inherit;min-height:32px;padding:4px 10px;color:#17261f;background:#e6f5ee;border:1px solid #91b8a5;border-radius:4px}.demo-banner span{opacity:.75}.camera[data-configured="false"]{aspect-ratio:16/9;min-height:0;background:#111b21}.camera[data-configured="false"] video{display:none}.demo-camera-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.camera-overlay{font:10px/1.5 monospace;letter-spacing:.08em;color:#b0dac7}.camera-hint{display:none}.settings-page .masthead{position:relative}@media(max-width:600px){.demo-banner{gap:10px}.demo-banner>span{width:100%;order:2}.demo-banner label{margin-left:0}.camera[data-configured="false"]{min-height:0}}

.camera[data-configured="false"] .camera-overlay{opacity:1;background:#0b1013cc;padding:5px 7px;border-radius:3px;color:#c9e6d8;letter-spacing:.06em;font-size:9px}