.webcam-container{width:100%;max-width:1100px;margin:40px auto;padding:0 5px}.tool-card{background:#fff;border-radius:18px;box-shadow:0 8px 30px rgb(0 0 0 / .08);overflow:hidden}.tool-header{padding:28px 25px;text-align:center;border-bottom:1px solid #eee}.tool-header h1{margin:0 0 8px;font-size:40px;font-weight:700}.tool-header p{margin:0;color:#121212;font-size:16px}.preview-wrapper{position:relative;width:100%;height:560px;background:#111;overflow:hidden;display:flex;align-items:center;justify-content:center}#video{width:100%;height:100%;display:none;background:#111;object-fit:cover;transition:transform 0.25s ease}.start-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:3;padding:20px}.start-btn{border:0;background:#0d6efd;color:#fff;padding:15px 28px;border-radius:10px;font-size:17px;font-weight:600;cursor:pointer;box-shadow:0 6px 20px rgb(13 110 253 / .3);transition:0.2s}.start-btn:hover{background:#0b5ed7;transform:translateY(-1px)}.start-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.preview-message{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);background:rgb(0 0 0 / .65);color:#fff;padding:8px 15px;border-radius:8px;font-size:14px;z-index:4;white-space:nowrap;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis}.fullscreen-btn{position:absolute;top:15px;right:15px;z-index:5;border:0;background:rgb(0 0 0 / .65);color:#fff;padding:9px 14px;border-radius:8px;font-size:14px;cursor:pointer}.fullscreen-btn:hover{background:rgb(0 0 0 / .85)}.preview-wrapper:fullscreen{width:100vw;height:100vh;background:#000;display:block}.preview-wrapper:fullscreen #video{width:100vw;height:100vh;object-fit:cover}.controls{padding:22px}.camera-select{min-height:46px}.control-btn{min-height:46px;font-weight:600;white-space:nowrap}.stats-section{padding:0 22px 22px}.stats-title{font-size:19px;font-weight:700;margin-bottom:14px}.stat-card{height:100%;background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:14px}.stat-label{margin-bottom:5px;color:#6c757d;font-size:12px}.stat-value{font-size:16px;font-weight:700;word-break:break-word}.status-working{color:#198754}.status-stopped{color:#6c757d}.status-error{color:#dc3545}.support-alert{margin:0 22px 22px;padding:15px 17px;border-radius:10px}.support-alert.success{background:#d1e7dd;color:#0f5132;border:1px solid #badbcc}.support-alert.error{background:#f8d7da;color:#842029;border:1px solid #f5c2c7}.support-alert-title{font-size:16px;font-weight:700;margin-bottom:4px}.support-alert-text{margin:0;font-size:14px;line-height:1.5}#webcamResult{display:none;margin:0 22px 22px;padding:18px;border-radius:12px}.result-success{background:#d1e7dd;color:#0f5132;border:1px solid #badbcc}.result-error{background:#f8d7da;color:#842029;border:1px solid #f5c2c7}.result-stopped{background:#e9ecef;color:#495057;border:1px solid #dee2e6}.result-title{font-size:18px;font-weight:700;margin-bottom:5px}.result-message{margin:0;font-size:14px;line-height:1.5}#snapshotSection{display:none;padding:0 22px 25px}.snapshot-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:18px;text-align:center}.snapshot-box h5{font-weight:700}#snapshotImage{display:block;width:auto;max-width:100%;max-height:500px;margin:0 auto 18px;border-radius:10px;border:1px solid #ddd;background:#111}.snapshot-actions{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}@media (max-width:768px){.webcam-container{margin:20px auto}.tool-header{padding:24px 18px}.tool-header h1{font-size:26px}.preview-wrapper{height:450px}.controls{padding:18px}.stats-section{padding:0 18px 20px}.support-alert{margin-left:18px;margin-right:18px}#webcamResult{margin-left:18px;margin-right:18px}#snapshotSection{padding-left:18px;padding-right:18px}}@media (max-width:576px){.webcam-container{margin:10px auto;padding:0 8px}.tool-card{border-radius:12px}.tool-header{padding:20px 15px}.tool-header h1{font-size:23px}.tool-header p{font-size:13px}.preview-wrapper{height:330px}.start-btn{padding:13px 22px;font-size:15px}.preview-message{bottom:15px;font-size:12px;padding:7px 10px}.fullscreen-btn{top:10px;right:10px;padding:7px 10px;font-size:12px}.controls{padding:15px}.control-btn{min-height:44px;font-size:13px}.camera-select{min-height:44px;font-size:14px}.stats-section{padding:0 15px 18px}.stats-title{font-size:18px}.stat-card{padding:12px}.stat-label{font-size:11px}.stat-value{font-size:14px}.support-alert{margin:0 15px 18px;padding:13px}.support-alert-title{font-size:15px}.support-alert-text{font-size:13px}#webcamResult{margin:0 15px 18px;padding:15px}.result-title{font-size:16px}.result-message{font-size:13px}#snapshotSection{padding:0 15px 20px}.snapshot-box{padding:14px}.snapshot-actions{flex-direction:column}.snapshot-actions .btn{width:100%}}@media (max-width:380px){.preview-wrapper{height:280px}.tool-header h1{font-size:21px}.stats-title{font-size:17px}.stat-value{font-size:13px}}