.cam-stage{--cam-ok:var(--cam-line,#fff);--cam-warn:#f5b83d;--cam-block:#ff5a4e;--cam-warn-ink:#141414;--cam-block-bg:#b42318;--cam-shade:#0e0b089e;--cam-outline:#000000e6;--cam-badge-size:48px;--cam-badge-font:26px;--cam-tag-font:22px;--cam-tag-h:40px;--cam-bracket:5px;contain:layout paint;background:#0d0b09;position:absolute;inset:0;overflow:hidden}.cam-stage,.cam-stage *,.cam-stage :before,.cam-stage :after{box-sizing:border-box}.cam-mirror{will-change:transform;position:absolute;transform:scaleX(-1)}.cam-mirror>video.cam-video{object-fit:fill;width:100%;height:100%;display:block}.cam-window-layer{pointer-events:none;position:absolute;inset:0}.cam-dim{background:var(--cam-shade);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute}.cam-window{position:absolute}.cam-window>i{border:0 solid var(--cam-line,#fff);width:48px;height:48px;position:absolute}.cam-window>i:first-child{border-top-width:4px;border-left-width:4px;top:0;left:0}.cam-window>i:nth-child(2){border-top-width:4px;border-right-width:4px;top:0;right:0}.cam-window>i:nth-child(3){border-bottom-width:4px;border-left-width:4px;bottom:0;left:0}.cam-window>i:nth-child(4){border-bottom-width:4px;border-right-width:4px;bottom:0;right:0}.cam-guides{pointer-events:none;position:absolute;inset:0}.cam-guide{background:#ffffff14;border:3px dashed #ffffffbf;border-radius:50%;position:absolute}.cam-guide>span{color:#ffffffd9;text-shadow:0 1px 3px #000c;font-size:30px;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cam-faces{pointer-events:none;position:absolute;inset:0}.cam-face{--c:var(--cam-ok);--bw:var(--cam-bracket);filter:drop-shadow(0 0 1px #000000f2)drop-shadow(0 1px 3px #0009);transition:left .12s linear,top .12s linear,width .12s linear,height .12s linear;position:absolute}.cam-face>i{border:0 solid var(--c);width:30%;height:24%;position:absolute}.cam-face>i:first-child{border-left-width:var(--bw);border-top-width:var(--bw);top:0;left:0}.cam-face>i:nth-child(2){border-right-width:var(--bw);border-top-width:var(--bw);top:0;right:0}.cam-face>i:nth-child(3){border-left-width:var(--bw);border-bottom-width:var(--bw);bottom:0;left:0}.cam-face>i:nth-child(4){border-right-width:var(--bw);border-bottom-width:var(--bw);bottom:0;right:0}.cam-face.warn,.cam-face.outside{--c:var(--cam-warn)}.cam-face.block{--c:var(--cam-block)}.cam-face.extra{--c:#ffffffb3;--bw:3px}.cam-face.thin{--bw:3px}.cam-badge{min-width:var(--cam-badge-size);height:var(--cam-badge-size);border-radius:calc(var(--cam-badge-size) / 2);color:#141414;font-weight:800;font-size:var(--cam-badge-font);white-space:nowrap;background:#fff;justify-content:center;align-items:center;padding:0 14px;line-height:1;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.cam-face.warn .cam-badge{background:var(--cam-warn)}.cam-face.block .cam-badge{background:var(--cam-block-bg);color:#fff}.cam-face.sm .cam-badge{transform:translate(-50%,calc(-100% - 8px))}.cam-face.thin .cam-badge{top:100%;transform:translate(-50%,-50%)}.cam-tag{height:var(--cam-tag-h);border-radius:calc(var(--cam-tag-h) / 2);font-size:var(--cam-tag-font);white-space:nowrap;color:#fff;background:#0a0808d6;align-items:center;padding:0 14px;font-weight:800;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%,10px)}.cam-tag.r{left:auto;right:50%;transform:translateY(10px)}.cam-tag.l{transform:translateY(10px)}.cam-face.warn .cam-tag,.cam-face.outside .cam-tag{background:var(--cam-warn);color:var(--cam-warn-ink)}.cam-face.block .cam-tag{background:var(--cam-block-bg);color:#fff}.cam-plate{color:#fff;background:#0a0808d6;border-radius:18px;align-items:center;gap:20px;max-width:calc(100% - 40px);padding:14px 26px 14px 22px;display:flex;position:absolute;bottom:20px;left:20px}.cam-plate.warn{box-shadow:inset 8px 0 0 var(--cam-warn)}.cam-plate.warn .cam-plate-txt b,.cam-plate.warn .cam-dots{color:var(--cam-warn)}.cam-plate.block{background:var(--cam-block-bg);box-shadow:inset 8px 0 0 var(--cam-block)}.cam-plate-txt{flex-direction:column;gap:4px;min-width:0;display:flex}.cam-plate-txt b{white-space:nowrap;font-size:30px;font-weight:800;line-height:1.15}.cam-plate-txt span{white-space:nowrap;font-size:22px;font-weight:500;line-height:1.25}.cam-dots{color:#fff;flex:none;align-items:center;gap:7px;display:flex}.cam-dots i{border-radius:50%;width:18px;height:18px;display:block;box-shadow:inset 0 0 0 3px}.cam-dots i.on{background:currentColor}.cam-dots .n{margin-left:4px;font-size:26px;font-weight:800}.cam-sim{letter-spacing:.04em;color:#fff;background:#0000008c;padding:6px 12px;font-size:19px;font-weight:600;position:absolute;bottom:12px;right:12px}@media (prefers-reduced-motion:reduce){.cam-face{transition:none}}