.yayrev-media-upload-field{margin-bottom:1.5em}.yayrev-upload-area{position:relative}.yayrev-upload-dropzone{border:1px dashed var(--wp--preset--input-border-color,#d3dce5);border-radius:8px;padding:2em;text-align:center;cursor:pointer;transition:all 0.2s ease}.yayrev-upload-dropzone:hover,.yayrev-upload-area.dragging .yayrev-upload-dropzone{border-color:#000}.yayrev-upload-icon{display:inline-block;color:#999;margin-bottom:.5em}.yayrev-upload-icon svg{width:30px;height:30px}.yayrev-upload-text{margin:0;color:#666;font-size:12px}.yayrev-upload-browse{color:#000;text-decoration:underline;cursor:pointer}.yayrev-upload-help{margin:.5em 0 0;font-size:.75em;color:#999}.yayrev-file-input{position:absolute;left:-9999px;opacity:0}.yayrev-preview-container{margin-top:1em}.yayrev-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75em}.yayrev-preview-item{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#f0f0f0}.yayrev-preview-image,.yayrev-preview-video{width:100%;height:100%;object-fit:cover}.yayrev-preview-video-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:rgb(0 0 0 / .6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;pointer-events:none}.yayrev-preview-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border:none;background:rgb(0 0 0 / .6);color:#fff;border-radius:50%;cursor:pointer;font-size:14px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.2s ease}.yayrev-preview-item:hover .yayrev-preview-remove{opacity:1}.yayrev-preview-remove:hover{background:rgb(231 76 60 / .9)}#yayrev-media-error{display:block;margin-top:.5em;font-size:.75em;color:#e74c3c}@media (max-width:480px){.yayrev-upload-dropzone{padding:1.5em 1em}.yayrev-preview-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.5em}}