@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{padding:0;margin:0;font-family:Montserrat,sans-serif}body{font-family:Inter,sans-serif;background-color:#f3f4f6;margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}.app__container{width:100%;padding:1rem;max-width:32rem}.app__card{background-color:#fff;border-radius:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:2rem;display:flex;flex-direction:column}.app__container__h2{text-align:center;font-weight:700;color:#1f2937;font-size:2rem}.app__container__normal_text{font-size:1rem;color:#6b7280;text-align:center;margin-top:1.5rem}.app__section_divider{margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.app__container__h3{font-weight:600;color:#1f2937;font-size:1.3rem;margin-top:1rem}.input-group{display:flex;align-items:center;gap:.5rem;margin-top:1.5rem}.input-field{flex:1;padding:.75rem;border-radius:.75rem;border:1px solid #d1d5db;outline:none;transition:all .2s ease-in-out;display:flex;align-items:center}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.btn{padding:.75rem 1rem;font-weight:600;border-radius:.75rem;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out;cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:none;display:flex;align-items:center;justify-content:center}.btn:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-green{background-color:#22c55e;color:#fff}.btn-popup{padding:.5rem .1rem;width:10rem!important}.btn-green:hover{background-color:#16a34a}.btn-blue{background-color:#3b82f6;color:#fff}.btn-red{color:#ed1515}.btn-blue:hover{background-color:#2563eb}.placeholder__text{color:gray}.message-text{margin-top:.4rem;font-size:.9rem}.error-text{color:red;text-align:center}.list-empty-state{font-size:.9rem;color:#9ca3af;text-align:center;padding:1rem;margin-top:1rem;border:1px dashed #e5e7eb;border-radius:.75rem}.help-text{font-size:.8rem;color:#9ca3af;padding:0rem;margin-top:0rem}.m-1p-1{font-size:1rem;padding:1rem;margin-top:1rem}.table-container{overflow-x:auto;width:100%;margin-top:1.5rem}.results-table{width:100%;border-collapse:collapse;font-size:.875rem;table-layout:fixed}.results-table th,.results-table td{padding:.75rem .5rem;text-align:left;border-bottom:1px solid #e5e7eb;vertical-align:top;text-align:center}.results-table th{background-color:#f9fafb;font-weight:600;color:#4b5563;white-space:nowrap}.results-table tr{cursor:pointer}.results-table tr:hover{background-color:#f3f4f6}.filename-text,.transcription-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.action-column{width:10%;white-space:nowrap;text-align:center}.play-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.icon-play-pause{height:1.5rem;width:1.5rem;color:#3b82f6}.icon-delete{height:1.5rem;width:1.5rem;color:#e64949}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:1rem;border-radius:.75rem;max-width:90%;width:45rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column}.popup-header{border-bottom:1px solid #c0c1c3;padding-bottom:.5rem;margin-bottom:1rem}.popup-header-row{display:flex;justify-content:space-between;align-items:center}.popup-title{font-size:1.25rem;font-weight:600;color:#1f2937;word-break:break-all}.model-text{font-size:1.1rem;color:#333c4a;margin-top:.5rem;display:block}.popup-close-btn{background:none;border:none;cursor:pointer;padding:.25rem;border-radius:9999px;transition:background-color .2s ease-in-out}.popup-footer{margin-top:1.5rem;display:flex;flex-direction:row;justify-content:space-around}.popup-close-btn:hover{background-color:#e5e7eb}.icon-close{height:1.5rem;width:1.5rem;color:#9ca3af}.popup-body{font-size:1rem;color:#4b5563;overflow-y:auto;max-height:70vh}.delete-popup-body{margin-bottom:1rem;overflow:auto}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2000}.loading-spinner{border:4px solid rgba(0,0,0,.1);width:36px;height:36px;border-radius:50%;border-left-color:#3b82f6;animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin-top:1rem;font-size:1.2rem;font-weight:600;color:#1f2937}.select-container{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem;margin-top:1rem}.select-label{font-size:.9rem;font-weight:600;color:#4b5563}.highlighted{background-color:#ff0;font-weight:700}