.modal-overlay[data-v-a6912d13]{align-items:center;background:#000c;display:flex;justify-content:center;inset:0;padding:20px;position:fixed;z-index:10000}.modal[data-v-a6912d13]{background:#1a1a1a;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:480px;overflow-y:auto;position:relative;width:100%}.modal-close[data-v-a6912d13]{align-items:center;background:none;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:16px;top:16px;transition:background .2s;z-index:1}.modal-close[data-v-a6912d13]:hover{background:#ffffff1a;color:#fff}.close-icon[data-v-a6912d13]{height:24px;width:24px}.modal-content[data-v-a6912d13]{padding:32px}.modal-title[data-v-a6912d13]{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 24px}.playlist-form[data-v-a6912d13]{gap:20px}.playlist-form[data-v-a6912d13],.thumbnail-section[data-v-a6912d13]{display:flex;flex-direction:column}.thumbnail-section[data-v-a6912d13]{gap:8px}.thumbnail-section label[data-v-a6912d13]{color:#ffffffe6;font-size:14px;font-weight:500}.thumbnail-upload[data-v-a6912d13]{display:flex;flex-direction:column;gap:8px}.thumbnail-preview[data-v-a6912d13]{aspect-ratio:16/9;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;cursor:pointer;overflow:hidden;position:relative;width:100%}.thumbnail-preview img[data-v-a6912d13]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.thumbnail-placeholder[data-v-a6912d13]{align-items:center;background:linear-gradient(135deg,#ea6666,#a24b4b);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.placeholder-icon[data-v-a6912d13]{height:48px;width:48px}.thumbnail-overlay[data-v-a6912d13]{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;font-size:14px;gap:4px;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.overlay-icon[data-v-a6912d13]{height:24px;width:24px}.thumbnail-preview:hover .thumbnail-overlay[data-v-a6912d13]{opacity:1}.thumbnail-actions[data-v-a6912d13]{display:flex;gap:8px}.remove-thumbnail-btn[data-v-a6912d13]{background:transparent;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#ffffffb3;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s}.remove-thumbnail-btn[data-v-a6912d13]:hover:not(:disabled){border-color:#ef4444;color:#ef4444}.remove-thumbnail-btn[data-v-a6912d13]:disabled{cursor:not-allowed;opacity:.5}.thumbnail-error[data-v-a6912d13]{color:#ef4444;font-size:13px;margin:0}.form-group[data-v-a6912d13]{display:flex;flex-direction:column;gap:6px;position:relative}.form-group label[data-v-a6912d13]{color:#ffffffe6;font-size:14px;font-weight:500}.required[data-v-a6912d13]{color:#ea6666}.form-group input[data-v-a6912d13],.form-group textarea[data-v-a6912d13]{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:#fff;font-size:14px;padding:12px;transition:border-color .2s,box-shadow .2s}.form-group input[data-v-a6912d13]::-moz-placeholder,.form-group textarea[data-v-a6912d13]::-moz-placeholder{color:#fff6}.form-group input[data-v-a6912d13]::placeholder,.form-group textarea[data-v-a6912d13]::placeholder{color:#fff6}.form-group input[data-v-a6912d13]:focus,.form-group textarea[data-v-a6912d13]:focus{border-color:#ea6666;box-shadow:0 0 0 3px #ea666633;outline:none}.form-group input[data-v-a6912d13]:disabled,.form-group textarea[data-v-a6912d13]:disabled{background:#ffffff05;cursor:not-allowed;opacity:.6}.form-group textarea[data-v-a6912d13]{min-height:80px;resize:vertical}.char-count[data-v-a6912d13]{color:#fff6;font-size:12px;position:absolute;right:12px;top:38px}.error-message[data-v-a6912d13]{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:14px;padding:12px}.form-actions[data-v-a6912d13]{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.btn-cancel[data-v-a6912d13],.btn-create[data-v-a6912d13]{border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:12px 24px;transition:background .2s,opacity .2s}.btn-cancel[data-v-a6912d13]{background:#ffffff1a;border:none;color:#fff}.btn-cancel[data-v-a6912d13]:hover:not(:disabled){background:#ffffff26}.btn-create[data-v-a6912d13]{align-items:center;background:linear-gradient(135deg,#ea6666,#a24b4b);border:none;color:#fff;display:flex;gap:8px}.btn-create[data-v-a6912d13]:hover:not(:disabled){background:linear-gradient(135deg,#d95555,#8f3f3f)}.btn-cancel[data-v-a6912d13]:disabled,.btn-create[data-v-a6912d13]:disabled{cursor:not-allowed;opacity:.6}.spinner[data-v-a6912d13]{animation:spin-a6912d13 .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin-a6912d13{to{transform:rotate(1turn)}}.modal-fade-enter-active[data-v-a6912d13],.modal-fade-leave-active[data-v-a6912d13]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-a6912d13],.modal-fade-leave-to[data-v-a6912d13]{opacity:0}.modal-fade-enter-active .modal[data-v-a6912d13],.modal-fade-leave-active .modal[data-v-a6912d13]{transition:transform .3s ease}.modal-fade-enter-from .modal[data-v-a6912d13],.modal-fade-leave-to .modal[data-v-a6912d13]{transform:scale(.9)}@media(max-width:480px){.modal[data-v-a6912d13]{margin:0 10px;max-width:100%}.modal-content[data-v-a6912d13]{padding:24px}.form-actions[data-v-a6912d13]{flex-direction:column-reverse}.btn-cancel[data-v-a6912d13],.btn-create[data-v-a6912d13]{justify-content:center;width:100%}}
