.webrtc-container[data-v-0c8b115e]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.connection-card[data-v-0c8b115e]{width:100%;max-width:600px;text-align:center;border-radius:8px}.connection-title[data-v-0c8b115e]{font-size:24px;margin-bottom:32px;color:rgba(0,0,0,.85)}.connection-content[data-v-0c8b115e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.record-button[data-v-0c8b115e]{width:80px!important;height:80px!important;background-color:#6366f1!important;border:none!important;display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-box-shadow:0 4px 12px rgba(99,102,241,.2);box-shadow:0 4px 12px rgba(99,102,241,.2)}.record-button[data-v-0c8b115e]:hover{-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-box-shadow:0 6px 16px rgba(99,102,241,.3);box-shadow:0 6px 16px rgba(99,102,241,.3)}.record-button.recording[data-v-0c8b115e]{background-color:#ef4444!important;-webkit-box-shadow:0 4px 12px rgba(239,68,68,.2);box-shadow:0 4px 12px rgba(239,68,68,.2)}.connection-text[data-v-0c8b115e]{font-size:16px;color:rgba(0,0,0,.65);margin:16px 0}.waveform[data-v-0c8b115e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:2px;height:40px;width:100%}.waveform-bar[data-v-0c8b115e]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:8px;background-color:#6366f1;border-radius:2px;-webkit-transition:height .1s ease;transition:height .1s ease}.container[data-v-0c8b115e]{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;gap:20px}.left[data-v-0c8b115e]{-webkit-box-flex:1;-ms-flex:1;flex:1}.left[data-v-0c8b115e],.right[data-v-0c8b115e]{padding:20px;background:#fff;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.right[data-v-0c8b115e]{width:300px;height:500px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.right[data-v-0c8b115e]::-webkit-scrollbar{width:6px}.right[data-v-0c8b115e]::-webkit-scrollbar-track{background:#f1f1f1}.right[data-v-0c8b115e]::-webkit-scrollbar-thumb{background:#888;border-radius:3px}