.camera-page{max-width:900px;margin:0 auto;padding:24px 20px 70px}.camera-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px;gap:12px}.camera-page h1{font-family:var(--display);font-size:clamp(42px,8vw,76px);line-height:.95;margin:12px 0 20px}.camera-page>p{max-width:730px;line-height:1.6}.camera-page .card{margin-top:22px}.camera-tabs{display:flex;gap:8px;margin-top:28px;flex-wrap:wrap}.camera-page .button{min-height:44px}.beta-notice{border-left:3px solid var(--lime);background:#b4ef4210;padding:14px 18px;color:#d8e5cf;font-size:13px}.capture-label{position:relative;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer}.capture-label input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.camera-page #photo-preview{display:block;max-width:100%;max-height:430px;margin:18px auto;border-radius:12px}.camera-page [hidden]{display:none!important}.camera-page textarea{width:100%;min-height:85px;box-sizing:border-box;background:var(--bg,#101311);border:1px solid #444;color:#eee;padding:12px;border-radius:8px;font:inherit}.camera-page pre{white-space:pre-wrap;font:13px system-ui;max-height:180px;overflow:auto;color:#c4d2bf}.confirm-values{margin:24px 0 16px}.camera-page footer{margin-top:32px;font-size:12px;color:#9ea996}.video-stage{position:relative;background:#080a09;margin:20px 0;border-radius:12px;overflow:hidden;min-height:180px}.video-stage video{display:block;width:100%;max-height:500px;object-fit:contain}.video-stage canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.rep-metrics{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.rep-metrics strong{font-family:var(--display);font-size:72px;line-height:1;color:var(--lime)}.rep-metrics span{font-size:13px;color:#c1cdbb}.camera-page .form-grid{gap:16px}.camera-page .full{grid-column:1/-1}.camera-page hr{margin:28px 0}.camera-page #record-result{color:var(--lime)}@media(max-width:620px){.camera-page{padding:16px 14px 40px}.camera-head{margin-bottom:30px}.camera-head .brand{font-size:20px}.camera-tabs .button{flex:1 1 30%;font-size:11px;padding:10px 8px}.camera-page .card{padding:18px}.camera-page .quick-actions .button{flex-grow:1}.camera-page .form-grid input,.camera-page .form-grid select,.camera-page textarea{font-size:16px}}