.youtube-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out youtubeModalFadeIn;display:flex;position:fixed;inset:0}@keyframes youtubeModalFadeIn{0%{opacity:0}to{opacity:1}}.youtube-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.4,0,.2,1) youtubeModalSlideIn;display:flex;box-shadow:0 20px 60px #0000004d}@keyframes youtubeModalSlideIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.youtube-modal__header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.youtube-modal__header h2{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.youtube-modal__close{cursor:pointer;color:#6b7280;background:#f3f4f6;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.youtube-modal__close:hover{color:#1f2937;background:#e5e7eb}.youtube-modal__content{flex:1;padding:24px;overflow-y:auto}.youtube-modal__description{color:#6b7280;margin:0 0 20px;font-size:.9rem;line-height:1.5}.youtube-modal__add-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:20px}.youtube-modal__input-group{margin-bottom:16px}.youtube-modal__input-group label{color:#374151;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.youtube-modal__input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 14px;font-size:.95rem;transition:all .2s}.youtube-modal__input:focus{border-color:red;outline:none;box-shadow:0 0 0 3px #ff00001a}.youtube-modal__add-button{color:#fff;cursor:pointer;background:red;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.youtube-modal__add-button:hover:not(:disabled){background:#c00}.youtube-modal__add-button:disabled{opacity:.5;cursor:not-allowed}.youtube-modal__error{color:#dc2626;margin:12px 0 0;font-size:.85rem}.youtube-modal__max-reached{color:#92400e;background:#fef3c7;border-radius:6px;margin-bottom:24px;padding:12px 16px;font-size:.9rem}.youtube-modal__videos{flex-direction:column;gap:16px;display:flex}.youtube-modal__empty{color:#9ca3af;text-align:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.youtube-modal__empty svg{opacity:.5;margin-bottom:12px}.youtube-modal__empty p{margin:0;font-size:.95rem}.youtube-modal__video-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:16px;padding:16px;transition:all .2s;display:flex}.youtube-modal__video-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.youtube-modal__video-preview{background:#000;border-radius:6px;flex-shrink:0;width:160px;position:relative;overflow:hidden}.youtube-modal__video-preview img{width:100%;height:auto;display:block}.youtube-modal__video-number{color:#fff;background:#000000b3;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600;position:absolute;top:8px;left:8px}.youtube-modal__video-info{flex-direction:column;flex:1;gap:8px;display:flex}.youtube-modal__title-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:.95rem;font-weight:500;transition:all .2s}.youtube-modal__title-input:focus{border-color:red;outline:none;box-shadow:0 0 0 3px #ff00001a}.youtube-modal__video-id{color:#9ca3af;font-family:monospace;font-size:.8rem}.youtube-modal__delete-button{color:#dc2626;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:6px;align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding:6px 12px;font-size:.85rem;transition:all .2s;display:inline-flex}.youtube-modal__delete-button:hover{background:#fef2f2;border-color:#dc2626}.youtube-modal__footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.youtube-modal__cancel,.youtube-modal__save{cursor:pointer;border-radius:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.youtube-modal__cancel{color:#374151;background:#fff;border:1px solid #d1d5db}.youtube-modal__cancel:hover{background:#f9fafb;border-color:#9ca3af}.youtube-modal__save{color:#fff;background:#10b981;border:none}.youtube-modal__save:hover{background:#059669}@media (max-width:640px){.youtube-modal-overlay{padding:10px}.youtube-modal{max-height:95vh}.youtube-modal__header{padding:16px 20px}.youtube-modal__content{padding:20px}.youtube-modal__video-card{flex-direction:column}.youtube-modal__video-preview{width:100%}.youtube-modal__footer{padding:12px 20px}}