.camera-wrap{position:relative;overflow:hidden;border-radius:1rem;border:1px solid rgba(0,0,0,.06);background:#000}.camera-video{display:block;width:100%;height:auto;object-fit:cover;-webkit-transform:translateZ(0);transform:translateZ(0)}.no-mirror .camera-video{transform:none!important}.mirror .camera-video{transform:scaleX(-1)!important}.face-guide{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center;z-index:15}.face-guide__svg{width:min(86vw,720px);max-width:100%;max-height:min(78vh,640px);height:auto;opacity:.96;filter:drop-shadow(0 2px 8px rgba(0,0,0,.28))}.fg-stroke{stroke-width:3px;opacity:.95;stroke-linejoin:round}.fg-line,.fg-stroke{stroke-linecap:round}.fg-line{stroke-width:2px;opacity:.92}.fg-dash{stroke-width:3px;stroke-dasharray:14 9;opacity:.97;stroke-linecap:round}.camera-bottom{position:absolute;left:0;right:0;bottom:0;display:grid;place-items:center;padding:14px 0 18px}.shutter{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);width:74px;height:74px;border-radius:9999px;background:#fff;border:6px solid rgba(0,0,0,.22);box-shadow:0 6px 16px rgba(0,0,0,.25);pointer-events:auto;transition:transform .06s ease,box-shadow .12s ease}.shutter:active{transform:translateX(-50%) scale(.98);box-shadow:0 3px 10px rgba(0,0,0,.25)}.shot-pill{display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;height:28px;padding:0 10px;border-radius:9999px;border:1px solid rgba(0,0,0,.08);background:#fff}.shot-done{border-color:#2563eb;color:#2563eb}.variant-a .fg-stroke{stroke:hsla(0,0%,100%,.95)}.variant-a .fg-line{stroke:hsla(0,0%,100%,.85)}.variant-a .fg-dash{stroke:hsla(0,0%,100%,.9)}.variant-a .fg-text{fill:hsla(0,0%,100%,.95)}.variant-b .fg-stroke{stroke:#fff2e6}.variant-b .fg-dash,.variant-b .fg-line{stroke:#ffe8cc}.variant-b .fg-text{fill:#fff2e6}.variant-c .fg-stroke{stroke:#d9ecff}.variant-c .fg-dash,.variant-c .fg-line{stroke:#c4e0ff}.variant-c .fg-text{fill:#e8f3ff}.tone-a .camera-video{filter:contrast(.98) brightness(1.03)}.tone-b .camera-video{filter:none}.tone-c .camera-video{filter:contrast(1.04) brightness(.98)}.hud-top{position:absolute;top:10px;left:12px;right:12px;display:flex;align-items:center;gap:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6);font-size:13px;pointer-events:none;z-index:20}.hud-pill{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 10px;border-radius:9999px;background:hsla(0,0%,7%,.65);border:1px solid hsla(0,0%,100%,.15);font-weight:600;letter-spacing:.3px}.hud-hint{flex:1 1 auto;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-progress{display:inline-flex;align-items:center;gap:6px}.hud-progress .dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.35);box-shadow:0 0 0 2px rgba(0,0,0,.25)}.hud-progress .dot.on{background:#22c55e}.hud-controls{position:absolute;left:12px;top:50px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;pointer-events:auto;z-index:20}.ui-btn{font-size:14px;padding:10px 14px;border-radius:10px;background:hsla(0,0%,100%,.88);border:1px solid rgba(0,0,0,.1);backdrop-filter:blur(6px)}.ui-field{display:flex;align-items:center;gap:6px}.ui-label{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35);font-size:14px}.ui-select{font-size:14px;padding:10px 12px;border-radius:10px;background:hsla(0,0%,100%,.88);border:1px solid rgba(0,0,0,.1);backdrop-filter:blur(6px)}.action-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.5) 40%,rgba(0,0,0,.65));pointer-events:auto;z-index:20}.shot-status{display:flex;gap:6px}.chip{color:#fff;font-size:12px;padding:6px 10px;border-radius:9999px;border:1px solid hsla(0,0%,100%,.25);background:hsla(0,0%,100%,.12)}.chip.on{background:rgba(34,197,94,.35);border-color:rgba(34,197,94,.6)}.actions{display:flex;gap:10px}.btn-lg{height:44px;min-width:96px;padding:0 16px;border-radius:9999px;background:#fff;border:1px solid rgba(0,0,0,.1);font-weight:600}.btn-primary-lg{height:44px;min-width:120px;padding:0 18px;border-radius:9999px;background:#0f172a;color:#fff;border:1px solid hsla(0,0%,100%,.15);font-weight:700}.btn-primary-lg[aria-disabled=true],.btn-primary-lg[disabled]{opacity:.45;cursor:not-allowed}