.camera-screen{justify-content:flex-start}
.camera-screen h2{font-size:36px}
.camera-screen>p:not(.eyebrow){font-size:16px}
.camera-frame{position:relative;width:100%;aspect-ratio:3/4;max-height:52svh;overflow:hidden;background:#171713;border:4px solid var(--ink);border-radius:24px;box-shadow:7px 8px 0 var(--ink)}
.camera-frame video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}
#pose-overlay{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}
.pose-corners{position:absolute;inset:8%;border:0;pointer-events:none;background:linear-gradient(#fff,#fff) left top/42px 4px no-repeat,linear-gradient(#fff,#fff) left top/4px 42px no-repeat,linear-gradient(#fff,#fff) right top/42px 4px no-repeat,linear-gradient(#fff,#fff) right top/4px 42px no-repeat,linear-gradient(#fff,#fff) left bottom/42px 4px no-repeat,linear-gradient(#fff,#fff) left bottom/4px 42px no-repeat,linear-gradient(#fff,#fff) right bottom/42px 4px no-repeat,linear-gradient(#fff,#fff) right bottom/4px 42px no-repeat}
.pose-corners span{position:absolute;left:50%;bottom:1%;transform:translateX(-50%);white-space:nowrap;font-size:10px;font-weight:900;letter-spacing:1.5px;color:#171713;background:#f7cd46;padding:7px 10px;border:2px solid #171713;border-radius:8px;box-shadow:3px 3px 0 #171713}
.scan-line{position:absolute;left:8%;right:8%;height:3px;top:15%;background:#f7cd46;box-shadow:0 0 12px #f7cd46;animation:scan 2s ease-in-out infinite}
.camera-status{min-height:24px;margin:18px 0 0!important;font:bold 14px/1.4 Arial,sans-serif!important;color:var(--green)}
.camera-screen [hidden]{display:none!important}
@keyframes scan{50%{top:82%}}
@media(max-height:700px){.camera-screen{padding-top:62px}.camera-frame{max-height:46svh}.camera-screen h2{margin-bottom:8px}}