.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.new-transcription-modal{background:white;border-radius:20px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#28a745,#20c997);color:white}.modal-header h2{font-size:24px;font-weight:700;margin:0;direction:rtl}.close-button{background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;transition:all .3s ease;width:35px;height:35px;display:flex;align-items:center;justify-content:center}.close-button:hover{background:rgba(255,255,255,.2);transform:rotate(90deg)}.modal-content{padding:25px}.drop-zone{border:2px dashed #20c997;border-radius:12px;padding:40px 20px;text-align:center;margin-bottom:25px;background:rgba(32,201,151,.05);transition:all .3s ease;cursor:pointer}.drop-zone.active{border-color:#17a2b8;background:rgba(32,201,151,.1);transform:scale(1.02)}.drop-zone-content .drop-icon{font-size:48px;margin-bottom:15px}.drop-zone-content p{font-size:16px;color:#666;margin:0;direction:rtl}.options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}@media (max-width:768px){.options-grid{grid-template-columns:1fr;gap:12px}.new-transcription-modal{width:95%;margin:20px}}.option-card{background:white;border:2px solid #f0f0f0;border-radius:12px;padding:20px 15px;text-align:center;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:140px;justify-content:center}.option-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(32,201,151,.2);border-color:#20c997}.option-card.empty-project:hover,.option-card.folder-upload:hover,.option-card.single-media:hover,.option-card.url-download:hover{border-color:#20c997;background:rgba(32,201,151,.02)}.option-icon{font-size:36px;margin-bottom:8px}.option-title{font-size:16px;font-weight:600;color:#201e20;margin-bottom:5px;direction:rtl}.option-description{font-size:12px;color:#666;direction:rtl;text-align:center;line-height:1.4}.uploading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:20px}.uploading-state .spinner{width:50px;height:50px;border:4px solid #f0f0f0;border-top-color:#20c997;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uploading-state p{font-size:16px;color:#666;margin:0;direction:rtl}