body .mm-tools .mm-camera__workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:24px;align-items:start}body .mm-tools .mm-camera__monitor,body .mm-tools .mm-camera__controls{min-width:0}body .mm-tools .mm-camera__monitor-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}body .mm-tools .mm-camera__monitor-heading .mm-tools__muted{font-size:13px;text-align:right}body .mm-tools .mm-camera__stage{position:relative;isolation:isolate;display:grid;place-items:center;aspect-ratio:16/9;background:#111316;border:1px solid #41454b;border-radius:12px;overflow:hidden}body .mm-tools .mm-camera__stage video{display:block;width:100%;height:100%;object-fit:contain;position:absolute;top:0;right:0;bottom:0;left:0}body .mm-tools .mm-camera__stage video[data-mirrored=true]{transform:scaleX(-1)}body .mm-tools .mm-camera__stage:fullscreen{width:100%;height:100%;border:0;border-radius:0}body .mm-tools .mm-camera__empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:26px;text-align:center;font-size:14px;line-height:1.6;color:#b9bec6}body .mm-tools .mm-camera__empty svg{height:56px;width:70px;color:#a1a8b2;margin-bottom:8px}body .mm-tools .mm-camera__empty strong{font-size:20px;color:#f7f7f5}body .mm-tools .mm-camera__grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - .5px),#ffffff70 33.333%,transparent calc(33.333% + .5px),transparent calc(66.667% - .5px),#ffffff70 66.667%,transparent calc(66.667% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),#ffffff70 33.333%,transparent calc(33.333% + .5px),transparent calc(66.667% - .5px),#ffffff70 66.667%,transparent calc(66.667% + .5px))}body .mm-tools .mm-camera__record-badge{position:absolute;top:16px;left:16px;border:1px solid #e49da0;background:#762126;color:#fff;border-radius:6px;padding:6px 10px;font-size:12px;line-height:1.5}body .mm-tools .mm-camera__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}body .mm-tools .mm-camera__metrics .mm-tools__metric{min-width:0}body .mm-tools .mm-camera__metrics .mm-tools__metric span{font-size:11px}body .mm-tools .mm-camera__metrics .mm-tools__metric strong{font-size:clamp(16px,1.8vw,24px);white-space:normal;overflow-wrap:normal}body .mm-tools .mm-camera__brightness-note{margin-top:16px;font-size:13px}body .mm-tools .mm-camera__controls .mm-tools__field{margin:18px 0}body .mm-tools .mm-camera__controls .mm-tools__muted{font-size:13px}body .mm-tools .mm-camera__check{display:flex;gap:12px;align-items:center;margin:16px 0;cursor:pointer;font-size:15px;line-height:1.5}body .mm-tools .mm-camera__check input{width:19px;height:19px;flex:none;margin:0;accent-color:#c1272d}body .mm-tools .mm-camera__capture-controls,body .mm-tools .mm-camera__record-controls{border-top:1px solid #41454b;margin-top:24px;padding-top:24px}body .mm-tools .mm-camera__capture-controls>p{margin-top:14px}body .mm-tools .mm-camera__record-controls .mm-tools__actions{gap:10px;margin:18px 0}body .mm-tools .mm-camera__timer{font-variant-numeric:tabular-nums;margin-bottom:16px}body .mm-tools .mm-camera__timer strong{font-size:32px;letter-spacing:-.025em;line-height:1.2}body .mm-tools .mm-camera__clip{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:center;margin-bottom:24px}body .mm-tools .mm-camera__clip video{display:block;width:100%;max-height:360px;border-radius:10px;background:#111316}body .mm-tools .mm-camera__photos .mm-tools__card{padding:18px}body .mm-tools .mm-camera__photos img{display:block;width:100%;height:auto;border-radius:8px;margin-bottom:18px}body .mm-tools .mm-camera__photos h3{font-size:19px}body .mm-tools .mm-camera__photos p{font-size:13px}body .mm-tools .mm-camera__photos .mm-tools__actions{gap:10px;margin:18px 0 0}body .mm-tools [data-camera-stage] [hidden],body .mm-tools [data-camera-clip][hidden],body .mm-tools [data-camera-captures-empty][hidden]{display:none!important}@media(max-width:1080px){body .mm-tools .mm-camera__workspace{grid-template-columns:minmax(0,1fr)}body .mm-tools .mm-camera__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}body .mm-tools .mm-camera__controls>.mm-tools__eyebrow,body .mm-tools .mm-camera__controls>h3,body .mm-tools .mm-camera__controls>p{grid-column:1/-1}body .mm-tools .mm-camera__record-controls,body .mm-tools .mm-camera__capture-controls{grid-column:1/-1}}@media(max-width:600px){body .mm-tools .mm-camera__controls,body .mm-tools .mm-camera__clip{display:block}body .mm-tools .mm-camera__empty{padding:18px;gap:8px;font-size:12px}body .mm-tools .mm-camera__empty svg{width:48px;height:38px;margin:0}body .mm-tools .mm-camera__empty strong{font-size:17px}body .mm-tools .mm-camera__metrics{gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}body .mm-tools .mm-camera__metrics .mm-tools__metric{padding:10px 7px}body .mm-tools .mm-camera__metrics .mm-tools__metric strong{font-size:16px}body .mm-tools .mm-camera__metrics .mm-tools__metric span{font-size:10px}body .mm-tools .mm-camera__clip video{margin-top:24px}body .mm-tools .mm-camera__monitor-heading{gap:8px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/mm-webcam-test.css.map */