button{padding:8px 12px;font-size:14px;cursor:pointer;border:none;border-radius:4px;background-color:#007bff;color:#fff;transition:background-color .3s ease}button:hover{background-color:#0056b3}button:disabled{background-color:#ccc;cursor:not-allowed}input{padding:8px;font-size:14px;border:1px solid #ccc;border-radius:4px;width:200px}input:focus{outline:none;border-color:#007bff;box-shadow:0 0 5px #007bff80}.videoContainer{display:grid;grid-template-areas:"video";position:relative;width:fit-content;margin:20px 0}.localVideo{grid-area:video;max-width:100%;margin:auto 0 0 auto;border:1px solid #ccc;border-radius:4px;background-color:#fffaf0;overflow:hidden;transition:all .3s ease}.localVideo.small{max-width:40%;max-height:40%}.remoteVideo{grid-area:video;max-width:100%;border:1px solid #ccc;background-color:#fffaf0;border-radius:4px;overflow:hidden}.callContactForm{margin:20px 0;display:flex;gap:10px}.controls{display:flex;gap:10px;margin:20px 0}.errorContainer{display:flex;flex-direction:column;gap:10px}.error{color:red;border:1px solid red;padding:20px 10px;border-radius:4px;background-color:#ffe6e6}.environment-info{margin:20px 0;padding:15px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;font-size:14px}.environment-info h3{margin:0 0 15px;color:#333;border-bottom:1px solid #ddd;padding-bottom:10px}.environment-info table{width:100%;border-collapse:collapse}.environment-info td{padding:6px 10px;border-bottom:1px solid #eee}.environment-info td:first-child{width:180px;color:#666}.environment-info details{margin-top:15px;padding-top:10px;border-top:1px solid #ddd}.environment-info summary{cursor:pointer;color:#007bff;font-weight:700}.environment-info code{background-color:#eee;padding:10px;border-radius:4px;font-size:12px;color:#333}.chat{border:1px solid #ccc;border-radius:4px;width:300px;min-height:400px;display:flex;flex-direction:column;margin:20px 0;background-color:#f9f9f9;overflow:hidden}.messages{flex:1;padding:10px;overflow-y:auto}.message{margin-bottom:8px;padding:6px 8px;background-color:#e1ffc7;border-radius:4px;max-width:80%;word-wrap:break-word}.chatForm{display:flex;gap:4px;border-top:1px solid #ccc;padding:4px;background-color:#fff;margin-top:auto}.chatInput{flex-grow:1}