.main-wrapper{max-width:1200px;margin:40px auto!important;padding:0 15px}.tool-card{background:#fff;border-radius:18px;box-shadow:0 8px 35px rgb(0 0 0 / .08);overflow:hidden}.tool-header{padding:25px 30px;border-bottom:1px solid #e9ecef;text-align:center}.tool-header h1{font-size:36px;font-weight:700;margin-bottom:8px}.tool-header p{color:#6c757d;margin-bottom:0}.preview-wrapper{position:relative;width:100%;min-height:520px;background:#111;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}#video{width:100%;height:100%;min-height:520px;object-fit:contain;background:#111;display:block}#video.normal{transform:scale(1,1)}#video.horizontal{transform:scaleX(-1)}#video.vertical{transform:scaleY(-1)}#video.both{transform:scale(-1,-1)}.camera-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;background:#111;color:#fff;z-index:5}.placeholder-icon{width:82px;height:82px;border-radius:50%;background:rgb(255 255 255 / .1);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:20px}.camera-placeholder h4{font-size:22px;font-weight:600;margin-bottom:8px}.camera-placeholder p{color:#adb5bd;margin-bottom:25px}.start-preview-btn{padding:12px 28px;border-radius:10px;font-weight:600;font-size:16px;box-shadow:0 8px 25px rgb(0 0 0 / .3)}.camera-status{position:absolute;top:15px;left:15px;z-index:10;padding:7px 13px;border-radius:25px;background:rgb(0 0 0 / .65);color:#fff;font-size:13px}#statusDot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#dc3545;margin-right:6px}.fullscreen-btn{position:absolute;top:15px;right:15px;z-index:20;border:none;border-radius:8px;padding:9px 14px;background:rgb(0 0 0 / .65);color:#fff;transition:0.2s}.fullscreen-btn:hover{background:rgb(0 0 0 / .85)}.preview-wrapper:fullscreen{width:100vw;height:100vh;min-height:100vh;border-radius:0;background:#000}.preview-wrapper:fullscreen #video{width:100vw;height:100vh;min-height:100vh;object-fit:contain}.preview-wrapper:fullscreen .camera-placeholder{width:100vw;height:100vh}.control-section{padding:25px 30px}.control-title{font-size:18px;font-weight:700;margin-bottom:15px}.form-label{font-weight:600;font-size:14px}.form-select{min-height:44px;border-radius:9px}.mirror-buttons{display:flex;flex-wrap:wrap;gap:8px}.mirror-buttons .btn{min-height:42px;border-radius:9px;font-weight:500}.mirror-buttons .btn.active{background:#0d6efd;color:#fff;border-color:#0d6efd}.action-buttons{display:flex;flex-wrap:wrap;gap:10px}.action-buttons .btn{min-height:44px;border-radius:9px;font-weight:600}.info-box{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;padding:15px;height:100%}.info-label{font-size:12px;color:#6c757d;margin-bottom:5px}.info-value{font-size:16px;font-weight:600}.snapshot-section{padding:0 30px 30px}.snapshot-card{display:none;background:#fff;border:1px solid #e9ecef;border-radius:14px;padding:15px}#snapshot{width:100%;max-height:500px;object-fit:contain;border-radius:10px;background:#111;display:block}.snapshot-actions{display:flex;gap:10px;margin-top:15px}@media (max-width:768px){.main-wrapper{margin:20px auto}.tool-header{padding:20px}.tool-header h1{font-size:23px}.control-section{padding:20px}.snapshot-section{padding:0 20px 20px}.preview-wrapper{min-height:350px;border-radius:12px}#video{min-height:350px}.mirror-buttons .btn{flex:1 1 calc(50% - 8px)}.action-buttons .btn{width:100%}.snapshot-actions{flex-direction:column}.snapshot-actions .btn{width:100%}}