/* Self-contained selfie card. Nothing is drawn behind the questionnaire. */
#field-record .af-camera{border-top:1px solid var(--ts-rule,#9b9382);border-bottom:1px solid var(--ts-rule,#9b9382);padding:10px 0;margin:0 0 24px;max-width:100%}
#field-record .af-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px 16px}
#field-record .af-camera button{font:11px/1.5 'IBM Plex Mono',monospace;min-height:44px;cursor:pointer;padding:7px 0;text-align:left;border-bottom:1px solid transparent;letter-spacing:0}
#field-record .af-camera button:hover{color:var(--ts-red);text-decoration:none;border-bottom-color:var(--ts-red)}
#field-record .af-camera button:disabled{opacity:.45;cursor:default}
#field-record .af-camera button:focus-visible{outline:2px solid var(--ts-red);outline-offset:3px}
#field-record .af-camera .af-probe-toggle{padding:6px 10px;min-height:36px;border:1px solid var(--ts-rule)}
#field-record .af-camera .af-probe-toggle[aria-pressed="true"]{color:var(--ts-paper);background:var(--ts-ink);border-color:var(--ts-ink)}
#field-record .af-source{margin-left:auto;color:var(--ts-red);font:9px/1.6 'IBM Plex Mono',monospace;letter-spacing:.04em}
#field-record .af-camera .af-note,#field-record .af-camera .af-status,#field-record .af-camera .af-save-help{font:10px/1.65 'IBM Plex Mono',monospace;max-width:680px;margin:3px 0}
#field-record .af-camera .af-note,#field-record .af-camera .af-save-help{color:#686154}
#field-record .af-camera .af-status{color:var(--ts-red)}
#field-record .af-field-surface{position:relative;width:min(100%,280px);aspect-ratio:4/3;margin:14px 0 10px;overflow:hidden;background:#24231e;isolation:isolate;outline:1px solid var(--ts-rule);box-sizing:border-box}
#field-record .af-selfie-video,#field-record .af-probe-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}
#field-record .af-selfie-video{object-fit:cover;z-index:0}
#field-record .af-probe-overlay{z-index:1}
#field-record .af-readout{position:absolute;left:14px;bottom:10px;z-index:2;padding:4px 6px;background:rgba(22,22,19,.7);color:#eee6d6;font:9px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em;pointer-events:none}
#field-record .af-camera .af-save{margin-top:8px;color:var(--ts-paper);background:var(--ts-ink);padding:10px 14px}
#field-record .af-camera .af-save:hover{background:var(--ts-red)}
#field-record .af-camera [hidden]{display:none!important}
@media(min-width:760px){#field-record .af-field-active .af-camera{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,30%);column-gap:28px;align-content:start;align-items:start;padding:16px 0}#field-record .af-field-active .af-controls,#field-record .af-field-active .af-note,#field-record .af-field-active .af-status,#field-record .af-field-active .af-save,#field-record .af-field-active .af-save-help{grid-column:1}#field-record .af-field-active .af-field-surface{grid-column:2;grid-row:1/span 6;margin:0;justify-self:end}#field-record .af-field-active .af-source{flex-basis:100%;margin-left:0}#field-record .af-field-active .af-camera .af-save{justify-self:start}}
@media(max-width:600px){#field-record .af-source{flex-basis:100%;margin-left:0}#field-record .af-controls{gap:0 12px}#field-record .af-camera .af-probe-toggle{margin-left:auto;min-height:44px}#field-record .af-field-surface{width:min(100%,240px)}}