.webcam-card{max-width:1100px;margin:40px auto;border:0;border-radius:16px;box-shadow:0 8px 30px rgb(0 0 0 / .08)}.preview-wrapper{position:relative;width:100%;min-height:420px;background:#111;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center}#video{display:none;width:100%;max-height:650px;object-fit:contain;transition:transform 0.3s ease}#video.flipped{transform:scaleX(-1)}.camera-placeholder{color:#aaa;text-align:center;padding:50px 20px}.camera-placeholder svg{width:70px;height:70px;margin-bottom:15px}.status-indicator{position:absolute;top:15px;left:15px;background:rgb(0 0 0 / .75);color:#fff;padding:7px 12px;border-radius:20px;font-size:13px;z-index:10}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#dc3545;margin-right:6px}.status-dot.active{background:#198754}#fullscreenBtn{display:none;position:absolute;right:15px;top:15px;z-index:20;border-radius:8px}.control-card{border:1px solid #e5e7eb;border-radius:12px;padding:20px;background:#fff}.info-box{background:#f8f9fa;border-radius:10px;padding:12px 15px;font-size:14px}.value{font-weight:600}.snapshot-container{display:none;margin-top:25px}#snapshot{width:100%;border-radius:12px;background:#111;display:block}.btn{border-radius:8px}.preview-wrapper:fullscreen{width:100vw;height:100vh;min-height:100vh;border-radius:0;background:#000}.preview-wrapper:fullscreen #video{width:100%;height:100%;max-height:100vh;object-fit:contain}@media (max-width:768px){.webcam-card{margin:15px auto}.preview-wrapper{min-height:280px}.snapshot-header{flex-direction:column;align-items:flex-start!important;gap:12px}}