.media-selector-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.media-selector-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);max-width:900px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.media-selector-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;flex-shrink:0}.media-selector-modal .modal-header h2{margin:0;font-size:1.5rem;font-weight:700;color:#1a202c}.media-selector-modal .modal-header .close-button{width:36px;height:36px;border:none;background:#f7fafc;border-radius:50%;font-size:1.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#4a5568}.media-selector-modal .modal-header .close-button:hover{background:#edf2f7;transform:rotate(90deg)}.media-selector-modal .search-section{padding:1.5rem 2rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem;flex-shrink:0}.media-selector-modal .search-section .search-input{flex:1 1;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .2s}.media-selector-modal .search-section .search-input:focus{outline:none;border-color:#667eea}.media-selector-modal .search-section .result-count{font-size:.875rem;color:#718096;white-space:nowrap;font-weight:500}.media-selector-modal .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem 2rem}.media-selector-modal .modal-body .loading-state{text-align:center;padding:4rem 2rem;color:#718096;font-size:1.1rem}.media-selector-modal .modal-body .empty-state{text-align:center;padding:4rem 2rem}.media-selector-modal .modal-body .empty-state .empty-icon{font-size:4rem;display:block;margin-bottom:1rem}.media-selector-modal .modal-body .empty-state h3{font-size:1.5rem;margin:0 0 .5rem;color:#2d3748}.media-selector-modal .modal-body .empty-state p{color:#718096;margin:0}.media-selector-modal .modal-body .media-grid-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:1rem;gap:1rem}.media-selector-modal .modal-body .media-grid-selector .media-item{border:3px solid rgba(0,0,0,0);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;background:#f7fafc}.media-selector-modal .modal-body .media-grid-selector .media-item:hover{border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.media-selector-modal .modal-body .media-grid-selector .media-item.selected{border-color:#667eea;box-shadow:0 4px 16px rgba(102,126,234,.3);transform:translateY(-2px)}.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview{position:relative;width:100%;height:140px;background:#fff;overflow:hidden}.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview img,.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview video{width:100%;height:100%;object-fit:cover;transition:transform .3s}.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview:hover img,.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview:hover video{transform:scale(1.05)}.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview .video-badge{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;border-radius:4px;font-size:.875rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview .selected-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(102,126,234,.3);display:flex;align-items:center;justify-content:center}.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview .selected-overlay .check-icon{width:48px;height:48px;background:#667eea;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,.3)}.media-selector-modal .modal-body .media-grid-selector .media-item .media-info{padding:.75rem}.media-selector-modal .modal-body .media-grid-selector .media-item .media-info .file-name{font-weight:600;color:#2d3748;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem}.media-selector-modal .modal-body .media-grid-selector .media-item .media-info .file-size{font-size:.75rem;color:#a0aec0}.media-selector-modal .modal-footer{padding:1.5rem 2rem;border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;flex-shrink:0}.media-selector-modal .modal-footer button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.media-selector-modal .modal-footer button.cancel-button{background:#edf2f7;color:#4a5568}.media-selector-modal .modal-footer button.cancel-button:hover{background:#e2e8f0}.media-selector-modal .modal-footer button.select-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px rgba(102,126,234,.3)}.media-selector-modal .modal-footer button.select-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(102,126,234,.4)}.media-selector-modal .modal-footer button.select-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.media-selector-modal[data-bs-theme=dark],[data-bs-theme=dark] .media-selector-modal{background:#1f2937}.media-selector-modal[data-bs-theme=dark] .modal-footer,.media-selector-modal[data-bs-theme=dark] .modal-header,.media-selector-modal[data-bs-theme=dark] .search-section,[data-bs-theme=dark] .media-selector-modal .modal-footer,[data-bs-theme=dark] .media-selector-modal .modal-header,[data-bs-theme=dark] .media-selector-modal .search-section{border-color:#374151}.media-selector-modal[data-bs-theme=dark] .modal-header h2,[data-bs-theme=dark] .media-selector-modal .modal-header h2{color:#f3f4f6}.media-selector-modal[data-bs-theme=dark] .modal-header .close-button,[data-bs-theme=dark] .media-selector-modal .modal-header .close-button{background:#111827;color:#e5e7eb}.media-selector-modal[data-bs-theme=dark] .modal-header .close-button:hover,[data-bs-theme=dark] .media-selector-modal .modal-header .close-button:hover{background:#374151}.media-selector-modal[data-bs-theme=dark] .search-section .search-input,[data-bs-theme=dark] .media-selector-modal .search-section .search-input{background:#111827;border-color:#374151;color:#f3f4f6}.media-selector-modal[data-bs-theme=dark] .search-section .search-input::placeholder,[data-bs-theme=dark] .media-selector-modal .search-section .search-input::placeholder{color:#9ca3af}.media-selector-modal[data-bs-theme=dark] .modal-body .empty-state p,.media-selector-modal[data-bs-theme=dark] .modal-body .loading-state,.media-selector-modal[data-bs-theme=dark] .search-section .result-count,[data-bs-theme=dark] .media-selector-modal .modal-body .empty-state p,[data-bs-theme=dark] .media-selector-modal .modal-body .loading-state,[data-bs-theme=dark] .media-selector-modal .search-section .result-count{color:#94a3b8}.media-selector-modal[data-bs-theme=dark] .modal-body .empty-state h3,[data-bs-theme=dark] .media-selector-modal .modal-body .empty-state h3{color:#f3f4f6}.media-selector-modal[data-bs-theme=dark] .modal-body .media-grid-selector .media-item,[data-bs-theme=dark] .media-selector-modal .modal-body .media-grid-selector .media-item{background:#111827}.media-selector-modal[data-bs-theme=dark] .modal-body .media-grid-selector .media-item:hover,[data-bs-theme=dark] .media-selector-modal .modal-body .media-grid-selector .media-item:hover{border-color:#4b5563}.media-selector-modal[data-bs-theme=dark] .modal-body .media-grid-selector .media-item .media-preview,[data-bs-theme=dark] .media-selector-modal .modal-body .media-grid-selector .media-item .media-preview{background:#0f172a}.media-selector-modal[data-bs-theme=dark] .modal-body .media-grid-selector .media-item .media-info .file-name,[data-bs-theme=dark] .media-selector-modal .modal-body .media-grid-selector .media-item .media-info .file-name{color:#e5e7eb}.media-selector-modal[data-bs-theme=dark] .modal-body .media-grid-selector .media-item .media-info .file-size,[data-bs-theme=dark] .media-selector-modal .modal-body .media-grid-selector .media-item .media-info .file-size{color:#94a3b8}.media-selector-modal[data-bs-theme=dark] .modal-footer .cancel-button,[data-bs-theme=dark] .media-selector-modal .modal-footer .cancel-button{background:#111827;color:#e5e7eb}.media-selector-modal[data-bs-theme=dark] .modal-footer .cancel-button:hover,[data-bs-theme=dark] .media-selector-modal .modal-footer .cancel-button:hover{background:#374151}@media(max-width:768px){.media-selector-overlay{padding:1rem}.post-card-image{height:220px}.media-selector-modal{max-height:90vh}.media-selector-modal .modal-header{padding:1rem}.media-selector-modal .modal-header h2{font-size:1.25rem}.media-selector-modal .search-section{padding:1rem;flex-direction:column;align-items:stretch}.media-selector-modal .search-section .result-count{text-align:center}.media-selector-modal .modal-body{padding:1rem}.media-selector-modal .modal-body .media-grid-selector{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.media-selector-modal .modal-body .media-grid-selector .media-item .media-preview{height:120px}.media-selector-modal .modal-footer{padding:1rem;flex-direction:column}.media-selector-modal .modal-footer button{width:100%}}