.union-camera{width:min(600px,calc(100vw - 24px));max-height:90dvh;overflow:auto;border:1px solid var(--ui-line,#c2d3e2);border-radius:18px;padding:24px;background:var(--ui-surface,#fff);color:var(--ui-text,#142d44)}
.union-camera::backdrop{background:#061522bb}.union-camera h2{margin-top:0}.camera-frame{position:relative;width:100%;max-height:55dvh;aspect-ratio:1.586;background:#071e38;overflow:hidden;border-radius:12px;margin:auto}.camera-frame video,.camera-frame canvas{width:100%;height:100%;object-fit:cover;display:block}.camera-frame [hidden]{display:none}.camera-frame>span{position:absolute;inset:5px;border:3px solid #fff;border-radius:10px;pointer-events:none;box-shadow:0 0 0 5px #0003}.camera-actions{display:flex;gap:10px;flex-wrap:wrap}.camera-actions button{padding:12px;border:1px solid #9fb7cb;border-radius:9px;background:var(--ui-surface,#fff);color:var(--ui-text,#142d44);font:inherit;cursor:pointer}.camera-actions [data-use]{background:#0b2f57;color:#fff}.camera-actions button:disabled{opacity:.5;cursor:wait}.camera-trigger{margin:8px 0 16px}.camera-preview{display:block;width:min(100%,320px);height:200px;object-fit:contain;border-radius:10px}.camera-preview[hidden],[data-new-identity][hidden]{display:none!important}[data-new-identity]{grid-column:1/-1}.union-camera [hidden]{display:none!important}