/* Kamera-Monitor (neutral, ohne Marke): Statusleisten über und unter dem Bild, Framelines im Bild */
@font-face{font-family:"Chivo Mono";src:url(/assets/vorschlag/chivo-mono.woff2) format("woff2");font-weight:400 600;font-display:swap}
.arri{position:absolute;z-index:6;pointer-events:none;color:#F4F4F2;font:500 12px/1 "Chivo Mono",ui-monospace,monospace;letter-spacing:.03em}
.arri-top,.arri-bot{position:absolute;left:0;right:0;display:flex;align-items:flex-end;gap:clamp(14px,2vw,30px)}
.arri-top{bottom:calc(100% + 9px)}
.arri-bot{top:calc(100% + 9px);align-items:flex-start;color:#BDBDB8}
.arri span{display:flex;flex-direction:column;gap:4px;white-space:nowrap}
.arri small{font-size:9px;color:#8E8E8A;letter-spacing:.1em}
.arri-top b,.arri-top .v{font-weight:600;font-size:13px}
.arri .cam{align-self:flex-end;letter-spacing:.14em;color:#BDBDB8}
.arri .rec{flex-direction:row;align-items:center;gap:7px;margin-left:auto}
.arri .rec em{width:7px;height:7px;border-radius:50%;background:#FF3B30;animation:arri-blink 1s steps(2) infinite}
.arri-bot span:last-child{margin-left:auto}
@keyframes arri-blink{50%{opacity:.2}}
.arri-gate{position:absolute;inset:0;will-change:transform;opacity:.8}
.arri-gate i{position:absolute;width:18px;height:18px;border:0 solid rgba(244,244,242,.8)}
.arri-gate .og1{left:12px;top:12px;border-left-width:1px;border-top-width:1px}
.arri-gate .og2{right:12px;top:12px;border-right-width:1px;border-top-width:1px}
.arri-gate .og3{left:12px;bottom:12px;border-left-width:1px;border-bottom-width:1px}
.arri-gate .og4{right:12px;bottom:12px;border-right-width:1px;border-bottom-width:1px}
.arri-gate .safe{position:absolute;inset:10% 6%;border:1px dashed rgba(244,244,242,.2)}
.arri-gate .x{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%)}
.arri-gate .x::before,.arri-gate .x::after{content:"";position:absolute;background:rgba(244,244,242,.7)}
.arri-gate .x::before{left:0;right:0;top:50%;height:1px}
.arri-gate .x::after{top:0;bottom:0;left:50%;width:1px}
@media (max-width:760px){
  .arri .hm,.arri .hs{display:none}
  .arri-top,.arri-bot{gap:14px}
}
@media (prefers-reduced-motion:reduce){.arri .rec em{animation:none}}