.card-camera{box-sizing:border-box;width:min(900px,100vw);max-width:100vw;height:min(900px,100dvh);max-height:100dvh;margin:auto;border:0;border-radius:18px;padding:18px;background:#142e34;color:#fff;display:flex;flex-direction:column;gap:10px;overflow:auto}
.card-camera:not([open]){display:none}.card-camera::backdrop{background:#000c}.card-camera h2{font-size:1.3rem;margin:0}.card-camera p{margin:0;font-size:.95rem;color:#ecf4f4}.card-camera-stage{flex:1;min-height:140px;position:relative;background:#081517;overflow:hidden;border-radius:10px;display:flex;align-items:center;justify-content:center}.card-camera-stage video{position:absolute;width:100%;height:100%;object-fit:cover}.card-camera-frame{position:absolute;width:88%;max-height:84%;aspect-ratio:85.6/54;border:3px solid #e7ff74;box-sizing:border-box;box-shadow:0 0 0 2000px #0008;pointer-events:none;border-radius:7px}.card-camera-loading{position:relative;background:#142e34;padding:12px}.card-camera-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.card-camera-actions button{min-height:46px;flex:1 1 auto;padding:10px 16px;background:#28434a;color:#fff;border:1px solid #91a1a5;border-radius:10px;font-size:1rem;font-weight:600}.card-camera-actions .card-camera-primary{background:#e7ff74;color:#132b32;border-color:#e7ff74}.card-camera-actions button:disabled{opacity:.5}.card-camera button:focus-visible,.card-crop-rect:focus-visible{outline:3px solid white;outline-offset:3px}.card-crop-surface{position:relative;flex:none;touch-action:none;user-select:none}.card-crop-surface img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.card-crop-rect{position:absolute;box-sizing:border-box;border:2px solid #e7ff74;box-shadow:0 0 0 2000px #0008;touch-action:none;cursor:move}.card-crop-handle{position:absolute;width:34px;height:34px;min-height:0!important;padding:0!important;border:3px solid #e7ff74;background:#142e34cc;border-radius:50%;touch-action:none}.card-crop-handle.nw{left:-2px;top:-2px;cursor:nw-resize}.card-crop-handle.ne{right:-2px;top:-2px;cursor:ne-resize}.card-crop-handle.sw{left:-2px;bottom:-2px;cursor:sw-resize}.card-crop-handle.se{right:-2px;bottom:-2px;cursor:se-resize}
@media(max-width:600px){.card-camera{height:100dvh;border-radius:0;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}.card-camera-actions button{font-size:.94rem;padding:8px 12px}}
@media(orientation:landscape) and (max-height:600px){.card-camera{height:100dvh;width:100vw;border-radius:0;padding:8px;gap:5px}.card-camera h2{font-size:1rem}.card-camera p{font-size:.8rem}.card-camera-frame{height:82%;width:auto;max-width:90%}.card-camera-actions button{min-height:38px;padding:6px 12px}}