body{box-sizing:border-box;margin:0;padding:0}#root{min-height:100vh}.result-card{text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:12px;padding:3rem 2rem;transition:transform .3s;box-shadow:0 10px 25px #0000000d}.result-card:hover{transform:translateY(-5px)}.result-card .status-icon{justify-content:center;margin-bottom:1.5rem;display:flex}.result-card .status-icon svg{border-radius:50%;padding:1rem}.result-card .result-title{color:#194684;margin-bottom:1rem;font-size:1.75rem;font-weight:700}.result-card .result-description{color:#707070;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.result-card.loading .status-icon svg{color:#194684;background-color:#1946841a}.result-card.success .status-icon svg{color:#018690;background-color:#0186901a}.result-card.error .status-icon svg{color:#e53e3e;background-color:#e53e3e1a}.result-card .api-key-container{text-align:left;border-top:1px dashed #d9d9d9;margin-top:2rem;padding-top:2rem}.result-card .api-key-container label{color:#194684;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.result-card .api-key-box{background-color:#f0f4f8;border:1px solid #d9d9d9;border-radius:8px;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.result-card .api-key-box code{color:#2d3748;word-break:break-all;flex:1;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1rem}.result-card .api-key-box .copy-button{cursor:pointer;color:#194684;background:#fff;border:1px solid #d9d9d9;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.result-card .api-key-box .copy-button:hover{color:#fff;background-color:#194684;border-color:#194684}.result-card .api-key-box .copy-button.copied{color:#fff;background-color:#018690;border-color:#018690}.result-card .api-key-warning{color:#e53e3e;align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;font-weight:500;display:flex}.result-card .api-key-warning:before{content:"⚠️"}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:2s linear infinite spin}.main-header{color:#fff;z-index:100;background-color:#194684;padding:0 2rem;position:sticky;top:0;box-shadow:0 2px 10px #0000001a}.main-header .header-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.main-header .header-logo{color:#fff;align-items:center;gap:.75rem;height:5rem;text-decoration:none;transition:opacity .2s;display:flex}.main-header .header-logo:hover{opacity:.9}.main-header .header-logo img{height:150%}.main-header .header-logo .logo-icon{color:#018690}.main-header .header-logo .logo-text{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.main-header .header-logo .logo-text small{opacity:.8;font-size:.9rem;font-weight:300}.main-header .header-badge{background-color:#ffffff1a;border:1px solid #fff3;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:flex}.main-header .header-badge svg{color:#1aa9b3}.main-header.in-call .header-container{max-width:unset}.main-header.in-call .header-call-container{align-items:center;gap:.5rem;display:flex}.main-header.in-call .header-call-container .header-call-title{margin-right:2rem}.app-layout{background-color:#f6f8fc;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.call-layout{background-color:#161e2a;flex-direction:column;height:100dvh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-y:hidden}.call-layout .main-content{justify-content:space-between;gap:1rem;padding:1.5rem 1.5rem 0;display:flex;overflow:hidden}.main-content{flex:1;padding:3rem 1.5rem}.main-content .content-container{max-width:800px;margin:0 auto}.main-footer{color:#707070;text-align:center;background-color:#fff;border-top:1px solid #d9d9d9;padding:1.5rem 2rem;font-size:.9rem}.main-footer .footer-container{max-width:1200px;margin:0 auto}.call-footer{color:#fff;width:100%;padding:1.5rem 2rem;position:relative}.call-footer .call-title{position:absolute;top:50%;transform:translateY(-50%)}.call-footer .call-options{justify-content:center;align-items:center;gap:1rem;display:flex}.call-footer .call-options .call-option-button{color:#fff;cursor:pointer;background-color:#1aa9b3;border:none;border-radius:50%;width:3.5rem;height:3.5rem;transition:background-color .3s}.call-footer .call-options .call-option-button:hover{background-color:#018690}.call-footer .call-options .call-option-button.disabled{background-color:#e53e3e}.call-footer .call-options .call-option-button.disabled:hover{background-color:#aa2525}.call-footer .call-options .call-option-button.chat{color:#fff;background-color:#1aa9b3}.call-footer .call-options .call-option-button.chat:hover{background-color:#018690}.call-footer .call-options .call-option-button.chat.disabled{color:#000;background-color:#fff}.call-footer .call-options .call-option-button.chat.disabled:hover{background-color:#c7c7c7}.call-footer .call-options .call-hangup-button{color:#fff;cursor:pointer;background-color:#e53e3e;border:none;border-radius:1.75rem;width:5.5rem;height:3.5rem;transition:background-color .3s}.call-footer .call-options .call-hangup-button:hover{background-color:#aa2525}@media (width<=500px){.call-footer{padding:0}.call-footer .call-title{top:unset;text-align:center;width:100%;bottom:0}.call-footer .call-options{gap:.5rem;margin-bottom:2.5rem}.call-footer .call-options .call-option-button{width:3rem;height:3rem}.call-footer .call-options .call-hangup-button{width:5rem;height:3rem}}.display-container{flex-direction:column;flex:1;gap:1rem;width:100%;height:100%;display:flex}.display-container .display-container-row{flex:1 1 0;justify-content:center;align-items:center;gap:1rem;min-height:0;display:flex}.display-container .participant-display-container{background-color:#707070;border-radius:1rem;justify-content:center;align-items:center;display:flex;position:relative}.display-container .participant-display-container .preview-video{object-fit:cover;border-radius:1rem;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.display-container .participant-display-container .participant-mask .user-avatar-circle{color:#fff;background-color:#018690;border-radius:50%;justify-content:center;align-items:center;width:10rem;height:10rem;font-size:4rem;font-weight:700;display:flex}.display-container .participant-display-container .participant-mask img{object-fit:cover;border-radius:50%;width:10rem;height:10rem}.display-container .participant-display-container .participant-display-info{opacity:.8;flex-direction:column;align-items:flex-start;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:1rem}.display-container .participant-display-container .participant-display-info .participant-name{color:#fff;background-color:#3366ac;padding:.25rem 1rem;font-size:.9rem;font-weight:600}.display-container .participant-display-container .participant-display-info .participant-title{color:#fff;background-color:#1aa9b3;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem;display:inline-block}.chat-container{background-color:#194684;border-radius:1rem;width:0;transition:width .5s}.chat-container.visible{width:25rem}.join-requests-panel{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#194684d9;border:1px solid #ffffff26;border-radius:1rem;flex-direction:column;gap:1rem;width:24rem;padding:1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) slideIn;display:flex;position:absolute;top:2rem;right:2rem;box-shadow:0 12px 40px #0006}.join-requests-panel .request-header{color:#018690;border-bottom:1px solid #ffffff1a;align-items:center;gap:.5rem;padding-bottom:.5rem;font-size:.95rem;font-weight:600;display:flex}.join-requests-panel .request-body{align-items:center;gap:.75rem;display:flex}.join-requests-panel .request-body .request-avatar{color:#fff;background-color:#018690;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.1rem;font-weight:600;display:flex}.join-requests-panel .request-body .request-info{flex-direction:column;display:flex}.join-requests-panel .request-body .request-info strong{font-size:.95rem}.join-requests-panel .request-body .request-info small{color:#fff9;font-size:.8rem}.join-requests-panel .request-actions{gap:.5rem;margin-top:.25rem;display:flex}.join-requests-panel .request-actions button{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.55rem;font-size:.85rem;font-weight:600;transition:all .2s}.join-requests-panel .request-actions button.accept-btn{color:#fff;background-color:#018690}.join-requests-panel .request-actions button.accept-btn:hover{background-color:#019ea9}.join-requests-panel .request-actions button.decline-btn{color:#fff;background-color:#ffffff1a}.join-requests-panel .request-actions button.decline-btn:hover{background-color:#fff3}@keyframes slideIn{0%{opacity:0;transform:translateY(-15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.waiting-room-content{width:100%;max-width:900px;margin:0 auto}.waiting-room-card{text-align:center;background-color:#fff;border:1px solid #d9d9d9;border-radius:16px;padding:3rem 2rem;box-shadow:0 15px 35px #00000014}.waiting-room-card .media-setup{margin-top:2.5rem;margin-bottom:2rem}.waiting-room-card .icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 2rem;display:flex}.waiting-room-card .icon-wrapper svg{color:#fff}.waiting-room-card h1{color:#194684;margin-bottom:1rem;font-size:2rem;font-weight:800}.waiting-room-card p{color:#707070;font-size:1.15rem;line-height:1.6}.waiting-room-card.scheduled .icon-wrapper{background-color:#194684}.waiting-room-card.scheduled h2{text-transform:uppercase;letter-spacing:2px;color:#018690;margin-bottom:.5rem;font-size:.85rem;font-weight:700}.waiting-room-card.scheduled .datetime-details{background-color:#f7fafc;border-radius:12px;flex-direction:column;align-items:center;gap:.75rem;margin:2rem 0;padding:1.5rem;display:flex}.waiting-room-card.scheduled .datetime-details .detail-item{color:#194684;align-items:center;gap:.75rem;font-size:1.1rem;display:flex}.waiting-room-card.scheduled .datetime-details .detail-item svg{color:#018690}.waiting-room-card.scheduled .offset-info{background-color:#0186900d;border:1px solid #0186901a;border-radius:8px;margin-bottom:2rem;padding:1rem}.waiting-room-card.scheduled .offset-info p{color:#194684;margin:0;font-size:1rem}.waiting-room-card.scheduled .status-footer{color:#707070;font-size:.9rem;font-style:italic}.waiting-room-card.finished .icon-wrapper{background-color:#707070}.waiting-room-card.finished .room-info-box{border-top:1px solid #d9d9d9;margin-top:1.5rem;padding:1rem}.waiting-room-card.finished .room-info-box h3{color:#194684;font-size:1.1rem}.public-lobby-container{width:100%;max-width:520px;margin:2rem auto}.public-lobby-container .public-lobby-card{background-color:#fff;border:1px solid #d9d9d9;border-radius:16px;padding:2.5rem 2rem;box-shadow:0 15px 35px #00000014}.public-lobby-container .public-lobby-card .form-header{text-align:center;margin-bottom:2rem}.public-lobby-container .public-lobby-card .form-header .header-icon{color:#018690;margin-bottom:1rem}.public-lobby-container .public-lobby-card .form-header h1{color:#194684;margin-bottom:.5rem;font-size:1.75rem;font-weight:800}.public-lobby-container .public-lobby-card .form-header p{color:#707070;margin:0;font-size:.95rem;line-height:1.5}.public-lobby-container .public-lobby-card .room-summary{background-color:#f8fafc;border-left:4px solid #018690;border-radius:0 8px 8px 0;margin-bottom:2rem;padding:1rem 1.25rem}.public-lobby-container .public-lobby-card .room-summary h3{color:#194684;margin-bottom:.25rem;font-size:1.05rem;font-weight:700}.public-lobby-container .public-lobby-card .room-summary p{color:#707070;margin:0;font-size:.875rem;line-height:1.4}.public-lobby-container .public-lobby-card .lobby-form{flex-direction:column;gap:1.25rem;display:flex}.public-lobby-container .public-lobby-card .lobby-form .form-error-msg{color:#e53e3e;text-align:center;background-color:#e53e3e14;border:1px solid #e53e3e26;border-radius:8px;padding:.75rem;font-size:.875rem;font-weight:500}.public-lobby-container .public-lobby-card .lobby-form .input-group{flex-direction:column;gap:.5rem;display:flex}.public-lobby-container .public-lobby-card .lobby-form .input-group label{color:#194684;font-size:.85rem;font-weight:600}.public-lobby-container .public-lobby-card .lobby-form .input-group input{color:#194684;border:1px solid #d9d9d9;border-radius:8px;outline:none;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.public-lobby-container .public-lobby-card .lobby-form .input-group input:focus{border-color:#018690;box-shadow:0 0 0 3px #0186901a}.public-lobby-container .public-lobby-card .lobby-form .input-group input:disabled{cursor:not-allowed;background-color:#f1f5f9}.public-lobby-container .public-lobby-card .lobby-form .register-submit-btn{color:#fff;cursor:pointer;background-color:#018690;border:none;border-radius:8px;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #01869033}.public-lobby-container .public-lobby-card .lobby-form .register-submit-btn:hover:not(:disabled){background-color:#1aa9b3;transform:translateY(-1px);box-shadow:0 6px 15px #0186904d}.public-lobby-container .public-lobby-card .lobby-form .register-submit-btn:disabled{cursor:not-allowed;box-shadow:none;background-color:#94a3b8}.waiting-room-dashboard{box-sizing:border-box;width:100%;max-width:1200px;margin:1.5rem auto;padding:0 1.5rem}.waiting-room-dashboard .dashboard-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=992px){.waiting-room-dashboard .dashboard-grid{grid-template-columns:1.25fr .75fr}}.waiting-room-dashboard .dashboard-left .card-container{box-sizing:border-box;background-color:#fff;border:1px solid #d9d9d9;border-radius:16px;flex-direction:column;height:100%;padding:1.75rem;display:flex;box-shadow:0 10px 30px #0000000d}.waiting-room-dashboard .dashboard-left .card-container .media-setup .settings-panel{gap:1rem;grid-template-columns:1fr!important}@media (width<=500px){.waiting-room-dashboard .dashboard-left .card-container{width:100%;height:auto}}.waiting-room-dashboard .dashboard-right .info-card{box-sizing:border-box;background-color:#fff;border:1px solid #d9d9d9;border-radius:16px;flex-direction:column;height:100%;padding:2rem 1.5rem;display:flex;box-shadow:0 10px 30px #0000000d}.waiting-room-dashboard .dashboard-right .info-card .info-header{margin-bottom:1.5rem}.waiting-room-dashboard .dashboard-right .info-card .info-header .status-badge{text-transform:uppercase;letter-spacing:1px;border-radius:30px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.waiting-room-dashboard .dashboard-right .info-card .info-header .status-badge.live{color:#15803d;background-color:#22c55e1a;border:1px solid #22c55e33}.waiting-room-dashboard .dashboard-right .info-card .info-header .status-badge.waiting{color:#a16207;background-color:#eab3081a;border:1px solid #eab30833}.waiting-room-dashboard .dashboard-right .info-card .info-header h1{color:#194684;margin:0 0 .5rem;font-size:1.75rem;font-weight:800;line-height:1.3}.waiting-room-dashboard .dashboard-right .info-card .info-header .room-desc{color:#707070;margin:0;font-size:.95rem;line-height:1.5}.waiting-room-dashboard .dashboard-right .info-card .user-profile-summary{background-color:#f8fafc;border:1px solid #d9d9d9;border-radius:12px;margin-bottom:1.75rem;padding:1rem 1.25rem}.waiting-room-dashboard .dashboard-right .info-card .user-profile-summary .profile-label{color:#707070;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.waiting-room-dashboard .dashboard-right .info-card .user-profile-summary .user-profile-details{align-items:center;gap:.75rem;display:flex}.waiting-room-dashboard .dashboard-right .info-card .user-profile-summary .user-profile-details .user-avatar-circle{color:#fff;background-color:#018690;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.waiting-room-dashboard .dashboard-right .info-card .user-profile-summary .user-profile-details .user-name-box{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.waiting-room-dashboard .dashboard-right .info-card .user-profile-summary .user-profile-details .user-name-box strong{color:#194684;font-size:.95rem}.waiting-room-dashboard .dashboard-right .info-card .user-profile-summary .user-profile-details .user-name-box small{color:#fff;background-color:#1aa9b3;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem}.waiting-room-dashboard .dashboard-right .info-card .user-profile-summary .user-profile-details .user-name-box span{color:#707070;font-size:.8rem}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section{flex-direction:column;flex-grow:1;margin-bottom:2rem;display:flex}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .list-title{color:#194684;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.9rem;font-weight:700;display:flex}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .list-title svg{color:#018690}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll{background-color:#fff;border:1px solid #d9d9d9;border-radius:10px;flex-grow:1;max-height:180px;padding:.5rem;overflow-y:auto}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .empty-list-msg{color:#94a3b8;text-align:center;margin:1.5rem 0;font-size:.85rem;font-style:italic}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li{border-radius:6px;align-items:center;gap:.75rem;padding:.5rem;transition:background-color .2s;display:flex}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li:hover{background-color:#f8fafc}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li .p-avatar{color:#475569;background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;font-weight:700;display:flex}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li .p-info{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li .p-info .p-name{color:#194684;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;display:flex}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li .p-info .p-name .self-tag{color:#018690;font-size:.75rem;font-weight:400}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li .p-info .p-title{color:#fff;background-color:#1aa9b3;border-radius:.5rem;padding:.25rem .5rem;font-size:.75rem}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li .p-info .p-role{color:#707070;font-size:.75rem}.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li.not-joined .p-avatar,.waiting-room-dashboard .dashboard-right .info-card .participants-list-section .participants-scroll .participants-ul .participant-li.not-joined .p-info{opacity:.5}.waiting-room-dashboard .dashboard-right .info-card .dashboard-action-btn{color:#fff;cursor:pointer;text-align:center;background-color:#018690;border:none;border-radius:30px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:1rem;font-size:1.1rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 15px #0186904d}.waiting-room-dashboard .dashboard-right .info-card .dashboard-action-btn:hover{background-color:#1aa9b3;transform:translateY(-2px);box-shadow:0 6px 20px #01869066}.waiting-room-dashboard .dashboard-right .info-card .dashboard-action-btn:disabled{cursor:not-allowed;background-color:#1aa9b38a}.waiting-room-dashboard .dashboard-right .info-card .participant-rejected{color:#fff;text-align:center;background-color:#e53e3e;border-radius:15px;align-items:center;gap:.5rem;padding:1rem;font-size:1rem;font-weight:700;display:flex;box-shadow:0 4px 15px #0186904d}.media-setup{flex-direction:column;gap:2rem;width:100%;max-width:600px;margin:0 auto;display:flex}.media-setup .preview-container{aspect-ratio:16/9;background-color:#000;border-radius:12px;width:100%;min-width:0;min-height:0;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}.media-setup .preview-container .video-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.media-setup .preview-container .video-wrapper.blur-active .preview-video{filter:blur(10px)}.media-setup .preview-container .video-wrapper .preview-video{object-fit:cover;border-radius:12px;width:100%;height:100%;transform:scaleX(-1)}.media-setup .preview-container .video-wrapper .video-placeholder{color:#666;text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.media-setup .preview-container .video-wrapper .video-placeholder p{margin:0;font-size:.9rem}.media-setup .preview-container .preview-overlay-controls{z-index:10;gap:1rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.media-setup .preview-container .preview-overlay-controls .control-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .2s;display:flex}.media-setup .preview-container .preview-overlay-controls .control-btn:hover{background-color:#ffffff4d;transform:scale(1.05)}.media-setup .preview-container .preview-overlay-controls .control-btn.off{background-color:#ef4444}.media-setup .preview-container .preview-overlay-controls .control-btn.off:hover{background-color:#dc2626}.media-setup .preview-container .preview-overlay-controls .control-btn.active{background-color:#018690}.media-setup .preview-container .preview-overlay-controls .control-btn.active:hover{background-color:#1aa9b3}@media (width<=500px){.media-setup .preview-container{margin-bottom:1.5rem;overflow:visible}.media-setup .preview-container .preview-overlay-controls{bottom:-3rem}.media-setup .preview-container .preview-overlay-controls .control-btn{background-color:#35353533;width:40px;height:40px}.media-setup .preview-container .preview-overlay-controls .control-btn:hover{background-color:#3535354d}}.media-setup .settings-panel{background-color:#f8fafc;border:1px solid #d9d9d9;border-radius:12px;grid-template-columns:1fr;gap:1.25rem;padding:1.5rem;display:grid}@media (width>=640px){.media-setup .settings-panel{grid-template-columns:repeat(3,1fr)}}.media-setup .settings-panel .setting-group{flex-direction:column;gap:.5rem;display:flex;overflow:hidden}.media-setup .settings-panel .setting-group label{color:#194684;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;display:flex}.media-setup .settings-panel .setting-group label svg{color:#018690}.media-setup .settings-panel .setting-group select{color:#194684;cursor:pointer;background-color:#fff;border:1px solid #d9d9d9;border-radius:8px;outline:none;padding:.6rem;font-size:.9rem}.media-setup .settings-panel .setting-group select:focus{border-color:#018690;box-shadow:0 0 0 2px #0186901a}