.camera-modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .75);backdrop-filter:blur(5px);z-index:9998;opacity:0;transition:opacity 0.3s ease}.camera-modal-overlay.active{display:flex;align-items:center;justify-content:center;opacity:1}.camera-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.7);width:90%;max-width:900px;max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px rgb(0 0 0 / .3);z-index:9999;opacity:0;transition:all 0.3s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}.camera-modal.active{display:flex;flex-direction:column;opacity:1;transform:translate(-50%,-50%) scale(1)}.camera-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-bottom:3px solid rgb(255 255 255 / .2)}.camera-modal[data-modal-type="lenses"] .camera-modal-header{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.camera-modal-title{font-size:24px;font-weight:700;margin:0;letter-spacing:.5px}.camera-modal-close{background:rgb(255 255 255 / .2);border:2px solid rgb(255 255 255 / .3);color:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;line-height:1}.camera-modal-close:hover{background:rgb(255 255 255 / .3);transform:rotate(90deg)}.camera-modal-body{padding:32px;overflow-y:auto;flex:1;background:#f8f9fa}.camera-modal-body::-webkit-scrollbar{width:8px}.camera-modal-body::-webkit-scrollbar-track{background:#e9ecef}.camera-modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:4px}.camera-modal-body::-webkit-scrollbar-thumb:hover{background:#764ba2}.camera-modal-content{line-height:1.6;color:#333}.camera-modal-content h1,.camera-modal-content h2,.camera-modal-content h3{color:#667eea;margin-top:24px;margin-bottom:16px}.camera-modal-content h1{font-size:28px;border-bottom:3px solid #667eea;padding-bottom:12px}.camera-modal-content h2{font-size:24px}.camera-modal-content h3{font-size:20px}.camera-modal-content h4{font-size:18px;color:#764ba2;margin-top:20px;margin-bottom:12px}.camera-modal-content p{margin-bottom:16px;font-size:16px}.camera-modal-content ul,.camera-modal-content ol{margin-left:24px;margin-bottom:16px}.camera-modal-content li{margin-bottom:8px}.camera-modal-content strong{color:#667eea;font-weight:600}.camera-modal-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px rgb(0 0 0 / .1);margin:16px 0}.camera-modal-content table{width:100%;border-collapse:collapse;margin:16px 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.camera-modal-content th,.camera-modal-content td{padding:12px 16px;text-align:left;border-bottom:1px solid #e9ecef}.camera-modal-content th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;font-weight:600}.camera-modal-content tr:last-child td{border-bottom:none}.camera-modal-content tr:hover td{background-color:#f8f9fa}.camera-modal-content .spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:20px 0}.camera-modal-content .spec-item{background:#fff;padding:16px;border-radius:8px;border-left:4px solid #667eea;box-shadow:0 2px 4px rgb(0 0 0 / .05)}.camera-modal-content .spec-label{font-weight:600;color:#667eea;display:block;margin-bottom:8px;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.camera-modal-content .spec-value{color:#333;font-size:16px}.camera-modal-content .feature-list{list-style:none;margin-left:0;padding-left:0}.camera-modal-content .feature-list li{padding-left:32px;position:relative;margin-bottom:12px}.camera-modal-content .feature-list li:before{content:"✓";position:absolute;left:0;color:#667eea;font-weight:700;font-size:18px}.camera-modal-content .lens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin:20px 0}.camera-modal-content .lens-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px rgb(0 0 0 / .08);transition:transform 0.3s ease,box-shadow 0.3s ease}.camera-modal-content .lens-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgb(0 0 0 / .12)}.camera-modal-content .lens-card h4{margin-top:0;color:#667eea;border-bottom:2px solid #667eea;padding-bottom:8px}.camera-modal-content .info-box{background:linear-gradient(135deg,#e0f7fa 0%,#e1f5fe 100%);border-left:4px solid #0288d1;padding:16px 20px;border-radius:8px;margin:20px 0}.camera-modal-content .warning-box{background:linear-gradient(135deg,#fff3e0 0%,#ffe0b2 100%);border-left:4px solid #f57c00;padding:16px 20px;border-radius:8px;margin:20px 0}.camera-modal-content .success-box{background:linear-gradient(135deg,#e8f5e9 0%,#c8e6c9 100%);border-left:4px solid #388e3c;padding:16px 20px;border-radius:8px;margin:20px 0}.camera-modal-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.camera-modal-spinner{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.camera-modal-error{padding:24px;background:#fee;border-left:4px solid #f44;border-radius:8px;color:#c33}@media (max-width:768px){.camera-modal{width:95%;max-height:90vh}.camera-modal-header{padding:20px 24px}.camera-modal-title{font-size:20px}.camera-modal-body{padding:24px 20px}.camera-modal-content h1{font-size:24px}.camera-modal-content h2{font-size:20px}.camera-modal-content h3{font-size:18px}.camera-modal-content .spec-grid{grid-template-columns:1fr}.camera-modal-content .lens-grid{grid-template-columns:1fr}}@media (max-width:480px){.camera-modal{width:100%;max-width:100%;border-radius:12px;max-height:95vh}.camera-modal-header{padding:16px 20px}.camera-modal-body{padding:20px 16px}}